Die Überschriftenhierarchie ist die Gliederung einer Seite durch die HTML-Elemente <h1> bis <h6>. <h1> steht für die höchste, <h6> für die niedrigste Ebene. Die Hierarchie ordnet Inhalte für Leser, Screenreader und Suchmaschinen.
Was bedeutet die Hierarchie für SEO?
MDN und das W3C empfehlen, die Ebenen der Reihe nach zu verschachteln und keine Ebene zu überspringen. Für Screenreader sind Überschriften ein Navigationsmittel, ein Sprung von <h2> auf <h4> kann verwirren. Größe und Aussehen steuert CSS, nicht die Wahl der Ebene.
Google schreibt im SEO-Einsteiger-Guide, semantisch geordnete Überschriften seien für Screenreader hilfreich, aus Sicht der Google-Suche spiele es aber keine Rolle, wenn sie in ungeordneter Reihenfolge stehen. Überschriften dienen Google zudem als eine Quelle für den Titellink, neben dem <title>-Element zieht Google die Hauptüberschrift heran.
Mehrere <h1> sind technisch erlaubt. Als Best Practice nennt MDN eine einzige <h1>, die den Seiteninhalt beschreibt. SEO-Ratgeber empfehlen das unterschiedlich streng.
Beispiel
<h1>Beetles</h1>
<h2>Etymology</h2>
<h2>Evolution</h2>
<h3>Late Paleozoic</h3>
<h3>Jurassic</h3>
<h2>External Morphology</h2>
Häufige Fehler
Eine Ebene nach der Schriftgröße zu wählen, etwa <h4> statt <h2>, oder Fettschrift statt einer Überschrift zu setzen, verändert die Struktur, die Hilfsprogramme auslesen.
Häufige Fragen
Wie viele h1 darf eine Seite haben? Erlaubt sind mehrere, empfohlen wird eine.
Quellen
- Heading elements (h1–h6) – MDNdeveloper.mozilla.org
- Headings – W3C WAI Page Structure Tutorialw3.org
- SEO-Einsteiger-Guide – Google Search Centraldevelopers.google.com
- Titellinks – Google Search Centraldevelopers.google.com
Stand: