Überschriften (H1–H6) sind im Web die HTML-Elemente <h1> bis <h6>, mit denen eine Seite ihre Abschnitte benennt und ordnet. <h1> ist die oberste Ebene, <h6> die tiefste. Für SEO und Barrierefreiheit zeigen sie Suchmaschinen, Screenreadern und Lesern, worum es auf der Seite und in jedem Abschnitt geht.
Auf einen Blick
- Art
- HTML-Elemente
<h1>bis<h6> - Wirkt auf
- Gliederung für Leser, Screenreader und Suchmaschinen
- Reihenfolge
- für die Google Suche egal, für Screenreader wichtig
- Anzahl
- laut Google keine ideale Zahl
- Spezifikation
- HTML Living Standard (WHATWG)
Stand:
Dieser Eintrag behandelt Überschriften als HTML-Struktur. Tipps zum Formulieren von Schlagzeilen sind ein eigenes Thema.
Was bedeuten Überschriften für SEO?
Google liest Überschriften als Teil des Seiteninhalts. Im SEO-Leitfaden für Anfänger rät Google, lange Texte in Abschnitte mit Überschriften zu gliedern, damit Leser schneller finden, was sie suchen. Zwei verbreitete Annahmen widerlegt der Leitfaden. Für die Google Suche spielt es keine Rolle, ob die Ebenen in semantisch richtiger Reihenfolge stehen. Eine ideale Anzahl von Überschriften gibt es ebenfalls nicht.
Für Menschen zählt die Reihenfolge trotzdem. Screenreader-Nutzer springen von Überschrift zu Überschrift, um eine Seite zu überblicken. Fehlende oder übersprungene Ebenen machen das schwerer. MDN empfiehlt deshalb, mit <h1> zu beginnen und keine Ebene auszulassen.
Eine H1 oder mehrere?
Laut MDN erlaubt der HTML-Standard mehrere <h1>-Elemente, sofern sie nicht verschachtelt sind. MDN empfiehlt dennoch in der Regel eine einzige <h1>, die den Inhalt der ganzen Seite beschreibt, ähnlich wie das <title>-Element. Für Google ist die Zahl laut SEO-Leitfaden kein Kriterium. Eine einzelne, eindeutige H1 hilft aber Lesern und Werkzeugen, das Hauptthema sofort zu erkennen.
Beispiel
<h1>Trailschuhe für Damen</h1>
<h2>Welche Sohle für welches Gelände?</h2>
<h3>Matsch und Waldboden</h3>
<h3>Fels und Geröll</h3>
<h2>Die richtige Größe finden</h2>
Die Einrückung dient hier nur der Lesbarkeit. Im Browser ergibt sich die Gliederung allein aus den Ebenen.
Häufige Fehler
- Überschriften als Schriftgröße: Ein
<h3>nur deshalb, weil ein Text größer erscheinen soll. Für Optik ist CSS zuständig. - Gestaltung ohne Auszeichnung: Fett gesetzte Absätze, die wie Überschriften aussehen, aber kein Heading-Element sind. Screenreader erkennen sie nicht als Abschnitt.
- Templates mit Überschriften für Nebensachen: Footer-Titel oder Teaser als
<h2>, die die eigentliche Gliederung verwässern. - H1 und Title verwechselt: Das
<title>-Element steht im Head, die H1 sichtbar auf der Seite. Den Titellink im Suchergebnis bildet Google aus mehreren Quellen, darunter der Title und Überschriften auf der Seite.
Häufige Fragen
Muss das Keyword in die H1? Eine feste Regel gibt es nicht. Der SEO-Leitfaden rät, sich zu überlegen, nach welchen Wörtern Leser suchen könnten. In einer Überschrift, die das Thema der Seite benennt, steht der zentrale Begriff meist von selbst.
Quellen
- <h1>–<h6>: Die HTML-Abschnittsüberschriften – MDN Web Docsdeveloper.mozilla.org
- SEO-Leitfaden für Anfänger – Google Search Centraldevelopers.google.com
- HTML Living Standard – The h1, h2, h3, h4, h5 and h6 elements (WHATWG)html.spec.whatwg.org
Stand: