Anzeige - [Interessiert an einer Anzeige?]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> Korrekte Verwendung von H1-H6 Tags?, Nur für Haupt-, oder auch Nebeninhalte?
Josh
Geschrieben am: Mi 9.01.2008, 13:18
Report PostQuote Post

AyomRank 9
Group Icon

Gruppe: Moderatoren
Beiträge: 2139
Mitglied seit: 19.10.2003


Hallo alle

Ein einfaches HTML Dokument sollte nur ein einziges H1 Tag haben zuoberst im Dokument, denke ich.

Aber was ist mit komplexeren Layouts? Was, wenn ich mehrere, nebeneinander existierende Inhalte habe, und nicht nur "einen Inhalt"? Z.B. könnte ich Teaser Boxen haben, welche auf ähnliche Artikel wie der Hauptartikel verweisen etc. Sollte ich für diese auch Header Tags (H1-H6) verwenden, oder würde das irgendwie die semantische Struktur des Hauptinhalts "abschwächen"?

Oder sollte ich alternativ diese zusätzlichen Header Tags faken mittels CSS Klassen o.ä.?

Im Moment arbeite ich an der Struktur einer neuen Website, welche in etwa so aussieht (der Hauptinhalt befindet sich zuoberst für bessere Accessibility):

CODE
<style>
 .hidden { display: absolute; left: -999px; width: 990px; }
</style>

<div id="content">
 <h1>Titel des Hauptinhalts</h1>
 ...Viel Inhalt in Paragraphen und Subheaders...
</div>

<div id="boxes">
 <h1 class="hidden">Teaser Boxen</h1>

 <h2>Titel der Teaser Box 1</h2>
 ...wenig Inhalt...

 <h2>Titel der Teaser Box 2</h2>
 ...wenig Inhalt...
</div>

<div id="header">
 <h1 class="hidden">Navigation</h1>

 <h2 class="hidden">Nützliche Links</h2>
 ...eine Liste nützlicher Links wie "Hilfe", "Kontakt", "Über" etc...

 <h2 class="hidden">Sitemap</h2>
 ...eine hierarchisch verschachtelte Liste mit Links zu den versch. Bereichen der Website... (in visuellen Browsern wird dies mittels CSS als Dropdownmenü dargestellt)

 <h2>Suche</h2>
 ...Suchform...
 
</div>

<div id="footer">
 <h1>Disclaimer</h1>
 ...einige Statements und Links...
</div>


So, wie man sehen kann, würde ein Screenreader die Seite in etwa so "darstellen":

CODE

Titel des Hauptinhalts
 Ein H2
   Ein H3
   Ein weiterer H3
 Ein weiterer H2
   Noch ein H3
Teaser Boxen
 Titel der Teaser Box 1
 Titel der Teaser Box 2
Navigation
 Nützliche Links
 Sitemap
 Suche
Disclaimer


Und ein visueller Browser würde es in etwa so rendern:

CODE

+-----------------------------------------------------------------------------+
|                                                     (Nützliche Links Liste) |
| (Sitemap Liste)                                           (Suchen Formular) |
+----------------------------------------------------+------------------------+
| Titel des Hauptinhalts                             | Titel der Teaser Box 1 |
|   Ein H2                                           |                        |
|     Ein H3                                         | Titel der Teaser Box 2 |
|     Ein weiterer H3                                |                        |
|   Ein weiterer H2                                  |                        |
|     Noch ein H3                                    |                        |
+----------------------------------------------------+------------------------+
| Disclaimer                                                                  |
+-----------------------------------------------------------------------------+


Ist dies nun also semantisch korrekter Einsatz von Header Tags? Or sollte nur der Hauptinhalt über Header Tags verfügen? Und aller andere Inhalt sollte Fake Tags wie <div class="h1">, <div class="h2"> etc. benützen?

Was ist eure Meinung?

Ich freue mich auf eure interessanten Antworten! :-)
Josh


--------------------
Mein letztes Projekt: Atelier-Schmuck.ch

"Das habe ich nie getan und werden es auch nie wieder tun!" :lol:
Top
PMEmail PosterUsers WebsiteICQ
Top
 
 

#2 Geschrieben am: Mo 4.02.2008, 20:07 (+26d 06:49)
Report PostQuote Post

AyomRank 1
**

Gruppe: Member (inaktiv)
Beiträge: 0
Mitglied seit: --


Der juweliershop ist ja ganz schick geworden. Kannst du den nicht noch zentrieren ?
Top
PMEmail Poster
Top
 
DZVO
#3 Geschrieben am: Di 5.02.2008, 13:55 (+17:47)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 117
Mitglied seit: 19.03.2007


also h1 sollte man nur einmal benutzen
h2 dagegen kann man öfters benutzen
denn h2 überschriften beziehen sich oder sollten sich auf den h1 tag beziehen.
jedenfalls hatte ich damit immer recht gute erfolge gehabt.

was aber unssing ist wäre
<h2>ähnliche Beiträge</h2>
hier würdest du deine seite abschwächen (keyworddichte - bei überschriften)
wie viele überschriften du auf einer seite verwenden kannst musst du testen.
ich selber versuche nicht mehr als 4-6 überschriften pro dukument zu verwenden.


--------------------
Kuckst du oder ..... du
wiirtuell.de - noch ein Wii Blog
Top
PMICQ
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/22374

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Optimale Meta Tags Mark_L 147 5 Sa 30.08.2008, 21:12
ayom tags Sancheck 214 11 Mo 18.08.2008, 21:04
Meta-Tags Marc3l 158 3 So 27.07.2008, 21:34
Maximale Länge des Alt-Attributes bei Img Tags Alain Aubert 128 3 Mo 2.06.2008, 21:10
such tags/wortwolke mod für vBulletin 3.6.2 wohnung 244 1 Di 18.09.2007, 16:11
Meta-Tags sinnlos? woody 635 9 Mi 5.09.2007, 00:01
Tag Clouds / Recent Tags / Search Tags nitrit 225 2 Do 30.08.2007, 10:50
Ich will mit Tags arbeiten, nur wie? freakx0 157 1 Sa 11.08.2007, 17:43
fremder content (meta tags) Klegs 181 0 Sa 2.06.2007, 08:29
MwSt bei Import zur privaten Verwendung Netzsucher 344 0 Mo 26.03.2007, 18:54




Anzeige - [Interessiert an einer Anzeige?]



Anzeigen


[Interessiert an einer Anzeige?]