Überschriften sind Dokumentstruktur
H1, H2 und H3 sind HTML-Überschriftenelemente, die den sichtbaren Seiteninhalt gliedern. Eine H1 nennt in der Regel das Hauptthema der Seite. H2s trennen die wichtigsten Fragen voneinander. H3s unterteilen eine H2, wenn die nächste Ebene einen Mehrwert bringt. Sie helfen beim Überfliegen, erleichtern die Navigation mit Hilfstechnologien und zeigen, wie Abschnitte zusammenhängen. Sie sind keine Pflichtmenge, keine Schriftgrößen-Einstellung und kein Versprechen für bessere Rankings.
Eine Seite kann eine wirksame H1 haben, ohne das Ziel-Keyword wortwörtlich zu wiederholen. Der bessere Test ist, ob die Überschrift den darunterliegenden Inhalt genau beschreibt. Google kann sichtbare Überschriften bei der Bildung der Suchergebnisse verwenden. Titel-Links und Snippets entstehen aber aus mehreren Signalen der Seite. Auszeichnung mit Überschriften kann eine unklare Seite oder einen irreführenden Abschnitt nicht ausgleichen.
Seitengliederung festlegen
Planen Sie die Abfolge der Inhalte, bevor Sie das Layout gestalten. Bei einem Glossareintrag kann die H1 aus dem Template den Begriff nennen. H2s können Definition, Funktionsweise, Umsetzung und Fehler behandeln. H3s gliedern Details innerhalb einer Funktionsweise. Bei einer Produktkategorie kann die H1 die Kategorie nennen, während H2s Auswahlkriterien, Varianten und Lieferinformationen erklären. Die richtige Gliederung richtet sich nach der Aufgabe, nicht nach einem festen SEO-Rezept.
| Ebene der Überschrift | Verwenden, wenn | Nicht verwenden für |
|---|---|---|
| H1 | Das zentrale Thema der Seite | Einen dekorativen Slogan ohne Bezug zum Inhalt |
| H2 | Eine wichtige Frage oder Phase der Seite | Einen einzelnen Satz, der in einen Absatz gehört |
| H3 | Eine echte Unterteilung eines H2-Themas | Optische Einrückung ohne hierarchische Bedeutung |
| Formatierter Text | Eine Beschriftung oder leichte Hervorhebung | Eine Beschriftung als neuen Dokumentabschnitt ausgeben |
Konkretes Beispiel: Bei einer Seite über Server-Side Rendering könnten die H2s lauten: „Was SSR zurückliefert“, „Wann SSR den Auslieferungsweg verändert“ und „So prüfen Sie die Antwort“. Unter der Test-H2 können H3s das initiale HTML, den HTTP-Status und die Hydration voneinander trennen. Eine eigene H3 mit dem Titel „SSR“ unter einer unpassenden H2 wäre dagegen eine fehlerhafte Gliederung.
Gerenderte Hierarchie prüfen
- Lesen Sie die Seite in der Reihenfolge der Gliederung und benennen Sie die Frage, die jede Überschrift einleitet.
- Prüfen Sie das gerenderte DOM, nicht nur den CMS-Editor, auf die tatsächlichen h1-, h2- und h3-Elemente.
- Achten Sie darauf, dass Navigation, Kacheln und Footer-Beschriftungen des Templates keine irreführende Überschriftenfolge erzeugen.
- Prüfen Sie Akkordeons und dynamisch eingefügte Inhalte in dem Zustand, den Crawler und Nutzer tatsächlich erhalten.
- Nutzen Sie die Überschriftenliste eines Screenreaders oder den Accessibility-Baum des Browsers, um übersprungene oder doppelte Beschriftungen zu finden.
Das messbare Kriterium ist strukturell: Jede Überschrift hat einen zugehörigen Abschnitt, die Ebenen suggerieren keine falsche Eltern-Kind-Beziehung, und der Hauptinhalt bleibt verständlich, wenn man ihn als Gliederung liest. Eine Seite mit einer H1 und mehreren H2s, aber ohne H3s, kann völlig korrekt sein.
Typische Fehler bei Überschriften
Der häufigste Fehler ist, eine Überschrift nach ihrer visuellen Größe zu wählen und dann in jeder H2 dieselbe Phrase einzusetzen, um ein Keyword zu treffen. Ein weiterer Fehler sind mehrere H1s in getrennten, wiederverwendbaren Komponenten, ohne die fertige Seite zu prüfen. Ein Content-Audit sollte Überschriften markieren, die leer oder doppelt sind, nicht zum folgenden Inhalt passen oder unzusammenhängende Texte verstecken.