Webseite mit Überschriften strukturieren – eine Chronologie

Sonntag, 29 Juni 2008 16:07 MET

Thema:
Webgestaltung  
Stichworte:
, ,  
 
Replik des Denkers, im Hintergrund H1, H2, H1 HTML-Codierung
Webseite mit Überschriften strukturieren – eine Chronologie [hyperkontext | Weblog]
Bezugnahme 1

Am 23. Mai 2004 fragt Anne van Kesteren: More than one H1.

Am 24. Juni 2008 fragt Gerrit van Aaken: Eine oder mehrere H1.

Zwischen diesen zwei Blog-Posts liegen vier Jahre und unzählige Artikel, Meinungen und Kommentare.

Hier die Chronologie der gefundenen Beiträge seit 2004. Verwirrung garantiert.

Mehr als eine Überschrift erster Ordnung?

Gerrit van Aaken (praegnanz.de) hat mit seiner einfachen Frage eine immer wiederkehrende Diskussion angefacht.

Wiederholt sich die Zeit oder ist das nur Zufall?

Zwischen diesen zwei Blog-Posts liegen vier Jahre und unzählige Artikel, Meinungen und Kommentare.

Die Chronologie

Hier die Chronologie der gefundenen Beiträge seit 2004, die mir als interessant erscheinen und sich mit der Strukturierung von HTML-Dokumenten befassen.

Oder sollten wir dieses ambivalente – zwiespältige – Thema mittlerweile als zeitlos betrachten?

Jahr 2004

  • 23. Mai: More than one H1. Der beigefügte Test-Case von damals scheint nicht mehr verfügbar, aber die 31 Kommentare hierzu sind auch interessant.

  • 19. Juli: Tomas Jogin schreibt das viel beachtete Hierarchy.

    First of all, it doesn't seem like there is a consensus on wether or not to use multiple H1 tags, or any at all. Tomas Jogin

    Grundsätzlich meint er, dass die Seitenstruktur in die Hierarchie der Überschriften mit einfließen sollte und demnach auch die Navigation nach dem eigentlichen Inhalt mit einer Überschrift erster Ordnung beginnen müsste. Daran hängen sich 91 Kommentare.

  • 20. Juli: Andy Budd nimmt den Faden von Tomas mit dem denkwürdigen Titel Heading for Trouble auf und wirkt unschlüssig. Beachten Sie auch hier die vielen interessanten Kommentare.

  • 21. Juli: Richard Rutter reagiert ebenfalls und schreibt: Headings defining document structure.

  • 21. Juli: Anne van Kesteren reagiert auf den Beitrag von Andy Budd und hofft bereits im Jahr 2004 auf XHTML 2.0 und das Element section: About the hierarchy thing.

  • 21. Juli: Auch Eric Meyer schreibt einen legendären Artikel, an den sich immer noch Kommentare und Bezugnahmen (bis jetzt 61) hängen: Pick A Heading.

  • 22. Juli: Derek Featherstone reagiert auf Erics etwas fatalistische Ansichten (Pick A Heading) mit: Headings, Hierarchy and Document Structure.

    Eric states himself that the heading order is off (h1-h4-h2-h2-h3) - but I think most would agree that the structure used makes sense. Derek Featherstone

  • 27. Juli: Simon Collinson befragte mehrere namhafte Webgestalter zum Gebrauch von Überschriften: Question Time: Using H Tags.

    Unter mehreren Fragen lautete eine davon:
    Can we use multiple H1 tags, or should H1 be reserved for a hidden title with sugar on it for Google?

    Auszüge aus den Antworten aus Question Time: Using H Tags:

    I'm of the opinion that a single page should have a single H1. Richard Rutter

    Use as many H1 tags as you need to denote the most important areas of a page […]. Jason Santa Maria

    Well nothing in the spec says that we can't use multiple H1's […]. Andy Budd

    Personally I think that there should be only one H1 tag per page. Andy Clarke

    You can use multiple anything as far as I'm concerned. An H1 is no different from any other block-level element, in my opinion. Mike Davidson

    I've used multiple H1 tags on a page in the past, but I don't do that anymore. […] But then again, that is how I think the H1 should be used, I'm not sure I'd like that to be a hard and fast rule. D. Keith Robinson

    I see H1 tags as being singular. Jon Hicks

    I don't think multiple H1 tags should be used because this is the highest order of the hierarchy. Paul Scrivens

Jahr 2005

  • 18. Jänner: BITV-Test - Prüfschritt 3.5.1: HTML-Strukturelemente für Überschriften.

    Kann es mehrere h1-Überschriften auf einer Seite geben?

    Bei den meisten Webangeboten sind bestimmte Bereiche durchgängig für die Navigation reserviert. […] Sie haben keinen engen Bezug zum besonderen Seiteninhalt, […] Es liegt daher nahe, die Navigation und den Inhaltsbereich jeweils mit einer Hauptüberschrift zu versehen. BITV-Test

  • 18. Jänner: Webseiten strukturieren, Praxisbeispiel – von BIK (Barrierefrei Informieren und Kommunizieren).

    Jetzt haben wir sie also zusammen, die Überschriften für die vier großen Seitenbereiche - und damit die Überschriften der ersten Ebene <h1>:

    • h1: 1. Das Webangebot (Kopfbereich)
    • h1: 2. Navigation (linke Spalte)
    • h1: 3. Aktuelle Artikel (mittlere Spalte)
    • h1: 4. Service (rechte Spalte)

    BIK, Praxisbeispiel – Überschriften für die Hauptbereiche

  • 7. Februar: Andy Budd beschäftigt sich erneut mit dem Thema und zeigt sich in seiner Argumentation nun sicherer: Heading Elements, Semantics and the Spec, mit vielen angeschlossenen Kommentaren.

    A lot of web authors also mistakenly believe that there should only be a single h1 per page. Andy Budd

  • 22. Februar: Björn Seibert beschäftigt sich in einer Serie über sinnhafte Websites auch kurz damit: Sinnhafte Websites - 1. Überschriften.

    Meiner Meinung nach sollte dieses Element [H1] auch nur einmal pro Seite vorkommen - was nicht zwangsläufig der Titel der Website sein muss. Björn Seibert

Jahr 2006

Jahr 2007

  • 26. Jänner: Kevin Yank in einem Artikel auf sitepoint.com: The Hard Facts about Heading Structure.

    So in fact, because the navigation, article, and related discussion are all at the same level within the structure of the page (whatever their relative importance), they should all begin with <h1> headings. Kevin Yank

    I don’t agree that the site name or logo should be marked up as an H1 (except possibly in /index.html). The H1 should contain the document heading; something that explains what this page is about. Web pages exist in isolation. There is no ’site’ concept in HTML. AutisticCuckoo, Auszug aus Kommentar

  • 20. Februar: In search of a good H1 ist Robert Nyman.

    If Zeldman and the Happy Cog crew can use more than one H1, than I think the rest of us are allowed to as well. Jeff L, Kommentar

    So, the big question is: is several H1 elements ok? The answer to that seems to be in the eye of the beholder of the spec. Robert Nyman, Auszug aus Kommentar

  • 15. März: Durchaus auch nicht zu übersehen, obwohl von einem anonymen Autor, ist: Headingology; using HTML headings.

    A plus point of using <h1>s to denote page foreign content is that the ability to skip or navigate to a navbar or promo panel section with the heading navigation method AT users already use to navigate page native content sections can be considered as a significant advantage. Name leider unbekannt

  • 26. April: Sinn und Zweck von Überschriften im Webstandard-Blog.

    […] somit sollte in der Hierarchie der Titel eines Webdokumentes im Sinne der Semantik so angelegt sein, dass h1 nur einmal definiert wird, da es mit dem Webseitentitel, den mit der höchsten Wertigkeit auszeichnet. Webstandard-Team

    Ich habe mich bisher damit beholfen, für diese Marginalienüberschriften H6 zu verwenden, da das dann wenigstens in Überschriftelement ist, das aber aufgrund der Gliederungstiefe von mir im Hauptinhalt nie verwendet wird. Michael van Laar, Auszug aus Kommentar

  • 30. April: Serve your post titles inside <h1> tags!, meint Chris Pearson und nennt seinen Beitrag unverblümt The Definitive Guide to Semantic Web Markup for Blogs. Daran hängen 157 Kommentare (bis jetzt).

  • Juni: Jan Eric Hellbusch in Inhaltliche Gliederung mit Überschriften und Strukturelle Navigation - Gretchenfrage: H1 oder H2 - oder doch H3?

    Durch die Verwendung eines einzigen Überschriftenelements H1 wird außerdem sichergestellt, dass es keine Missverständnisse über das Hauptthema der Seite gibt. Jan Eric Hellbusch

  • 28. September: Using H1 solely for your site name seems like a waste of this important tag, both from a structural standpoint and an SEO one, schreibt Christian Watson in: Headings and Hierarchy: is More Than One H1 a Crowd?

  • 31. Oktober: Jan Eric Hellbusch zur Accessibility Blog-Parade 2007 mit einem Artikel im MAIN_blog: Strukturelle Navigation: Beispiel der Gebrauchstauglichkeit.

    Wenn die H1 für die inhaltliche Überschrift eingesetzt wird und wir davon ausgehen, dass ein Nutzer in vielen Fällen auch direkt zum Inhalt will, dann sollte vor der inhaltlichen H1 keine weitere H1 vorkommen. Jan Eric Hellbusch

  • 2. November: Mit den Worten Only one H1 per page, legt sich das Royal National Institute of Blind People (RNIB) kurzerhand fest: Better Connected, Better Results: Headings.

  • 2. Dezember: Neuerlich Jan Eric Hellbusch in einem Artikel bei den Webkrauts: Struktur von Überschriften.

    Der Einsatz von H1 sollte dabei für Inhalte reserviert sein, um über die Ebene 1 direkt zu den Inhalten der Seite gelangen zu können. Jan Eric Hellbusch

Ach ja, dann war ja auch noch ein Beitrag von mir zu diesem Thema am 29. Oktober, der unter anderem die Thematik der Struktur mit Headings anspricht: Die Vielfalt von Listen in HTML (Abschnitt2).

Jahr 2008

  • Hinzugefügt am 30. Juni 2008:
    13. Januar: Alan Grakalik (cssglobe.com) beschreibt sehr anschaulich – im wahren Sinne des Wortes – How to use headings in HTML.

    First heading, <h1> defines a large section, usually an entire document. I believe that it should be used once per page as a top level heading, describing the content of entire page. Exceptionally, if you have separate large sections on the same page you may use two or more h1. Alan Grakalik

  • 24. März: Structure Your Documents Using Heading Tags, eine Art Guide to Web-Design auf About.com.

    While it's standard to have only one H1 top-level header, if your page has a lot of different sections, it might make sense to divide it with several H1 tags. Jennifer Kyrnin, Use Headings to Structure Your Web Pages

  • 5. Juni: Mitunter tauchen auch schon Postings auf, die einen leicht verzweifelten Eindruck hinterlassen und sich dann auch noch selbst kommentieren: Why Having Two H1 Headings is Wrong.

  • 25. Juni: Sylvia Egger (sprungmarker.de) hat mit einer interessanten Studie begonnen, welche den Einsatz von Überschriften in der Praxis erfassen soll.

    Im ersten Teil der Studie habe ich mir 31 Agenturen angesehen, deren Schwerpunkt auf Barrierefreiheit liegt. Die Stichprobe wurde der BIK 95plus-Liste und dem Einkaufsführer 2007 des Barrierekompass entnommen.

    Im zweiten Teil der Studie werde ich mir wichtige Initiativen, Projekte und Vereine im Bereich Barrierefreiheit ansehen (unter anderem BIK, Einfach für alle, Barrierekompass, Abi). Sylvia Egger

    Hier gehts zum Einleitungsartikel von ihr: Studie: Überschriften und Barrierefreiheit - Einleitung.

Gerrit hat doch irgendwas wissen wollen

Wie war das? Ach ja … Eine oder mehrere H1. Mit Augenzwinkern und Ironie hätte ich diese Chronologie im vornehmen Anglizismus auch The Definitive Guide to Proper Use of Headings nennen können.

Zur weiteren Verwirrung fehlen jetzt eigentlich nur noch Beiträge und Meinungen (und Übersetzungen) aus anderen Sprachen. Stay tuned!

Abschnitt 1 von 1

Externe Verweise dieses Artikels wurden zuletzt am 28. Juni 2008 auf Relevanz geprüft.

Datum:
veröffentlicht am 29 Juni 2008, 16:07 MET.
Artikel:
Webseite mit Überschriften strukturieren – eine Chronologie [hyperkontext | Weblog]
(twittern)
Kurz-URL:
http://hyperkontext.at/s/144
Thema:
Webgestaltung 
Stichworte:
, ,  
Reaktionen:
Bezugnahme 1

externe Bezugnahmen (1) ansehen

Dieser Artikel bezieht sich intern auf frühere Einträge:

Interne Bezugnahme von neueren Artikeln

  1. H1-Headings in HTML: Wieviel Einser braucht eine Seite vom 13. Februar 2009
Dieser Eintrag kann nicht mehr kommentiert werden.

Mögliche themenverwandte Artikel aus dem Weblog

Blättern (chronologisch)

« neuerer Artikel
Juni 2008 im Kontext
älterer Artikel »
Miteinander Mitmachen lernen