HTML-Überschriftenstruktur H1–H6: vollständiger Leitfaden für SEO

HTML stellt sechs Überschriftenebenen bereit – von <h1> bis <h6>. Die meisten Autoren wissen, dass H1 für die SEO wichtig ist. Nur wenige verstehen jedoch die Rolle von H2, H3 und tieferen Ebenen, wie sie mit Crawlern zusammenspielen und warum eine fehlerhafte Hierarchie sowohl der SEO als auch den Nutzern schadet.

Für den Google-Crawler sind Überschriften-Tags das Inhaltsverzeichnis eines Dokuments. Der Bot nutzt sie, um das Seitenthema zu bestimmen, Unterthemen zu erkennen und einzuschätzen, wie relevant das Dokument für eine bestimmte Suchanfrage ist. Eine fehlende Ebene, eine zusätzliche H1 oder eine Überschrift, die nur der Optik dient, zerstört diese Landkarte.

zoom_in

Was sind die Überschriften-Tags H1–H6

H1–H6 sind semantische HTML-Elemente, die Überschriften auf sechs Wichtigkeitsstufen kennzeichnen. H1 ist die Hauptüberschrift der Seite, H6 die tiefste verschachtelte Unterüberschrift. Jede Ebene sendet dem Crawler ein Signal: „Der Inhalt in diesem Abschnitt handelt von diesem Thema.“

Anders als optische Formatierungen (<b>, <big>, CSS-Klassen) tragen Überschriften-Tags Bedeutung. Browser stellen H1 standardmäßig als große, fette Schrift dar, doch die Größe ist nur ein Nebeneffekt. Sie können H6 per CSS optisch größer machen als H1, das ändert aber nichts an der Semantik: Für Suchmaschinen und Screenreader bleibt H1 die primäre Überschrift.

Hierarchie: H1, H2, H3 und tiefer

Eine korrekte Überschriftenhierarchie funktioniert wie das Inhaltsverzeichnis eines Buches: ein Buchtitel (H1), mehrere Kapitel (H2), Abschnitte innerhalb der Kapitel (H3) und darunter die Detailabsätze (H4 und tiefer). Wird diese Struktur gebrochen, ist das, als würden Sie Kapitel aus einem Buch herausreißen und die Seiten durcheinanderbringen.

zoom_in

<!-- Correct hierarchy -->
<h1>Guide to Welders' Protective Clothing</h1>

  <h2>Types of protective clothing</h2>
    <h3>Fire-resistant suits</h3>
    <h3>Protective masks</h3>

  <h2>Regulatory standards</h2>
    <h3>EN ISO 11612</h3>
    <h3>ANSI/ISEA standards</h3>

  <h2>How to choose</h2>

<!-- Wrong hierarchy (skipped levels) -->
<h1>Guide to protective clothing</h1>
  <h3>Fire-resistant suits</h3>  <!-- H2 skipped! -->
    <h5>Standards</h5>           <!-- H4 skipped! -->

Wann H4–H6 nötig sind

H4, H5 und H6 werden selten verwendet, nur in großen technischen Dokumenten, die eine vierte oder tiefere Verschachtelungsebene brauchen. Beispiele: Verträge, API-Dokumentation, medizinische Protokolle. Für Blogartikel und Landingpages reichen drei Ebenen (H1–H3) völlig aus.

Wie Überschriften die SEO beeinflussen

Jedes Überschriften-Tag ist ein Relevanzsignal. Je höher die Ebene, desto stärker das Signal: H1 wiegt mehr als H2, H2 mehr als H3. Alle tragen jedoch dazu bei, wie gut ein Dokument zu einer Suchanfrage passt.

Google nutzt Überschriften, um Featured Snippets zu erzeugen. Stellt ein Nutzer eine Frage, sucht der Algorithmus nach Seiten, auf denen eine H2 oder H3 gut zur Anfrage passt und der nächste Inhaltsblock direkt antwortet. Gut formulierte H2-Überschriften sind kostenlose Kandidaten für die Position null.

Überschriften fließen außerdem in die interne Verlinkung ein: Ankertexte, die zur H2 der Zielseite passen, stärken die Relevanz. Und für Sitemaps gilt: Manche CMS ergänzen Überschriften automatisch um id-Attribute. So entstehen Anker-URLs, die sich in den XML-Sitemaps direkt auf tiefere Seitenabschnitte verweisen lassen.

Barrierefreiheit und Screenreader

Screenreader, also Assistenzsoftware für Menschen mit Sehbehinderung, nutzen Überschriften-Tags als primären Navigationsmechanismus auf einer Seite. Der Nutzer drückt die Taste H, um zwischen Überschriften zu springen, und hört dabei das Inhaltsverzeichnis der Seite. Eine gebrochene Überschriftenhierarchie macht diese Navigation unbrauchbar.

Nach WCAG 2.1 (Kriterium 1.3.1 „Informationen und Beziehungen“) müssen Überschriften über semantische HTML-Tags umgesetzt werden, nicht über Formatierungen. Ein Button mit font-size: 24px; font-weight: bold ist für einen Screenreader keine Überschrift. Ein <h2> dagegen schon. Der Unterschied ist enorm.

Regeln für die Verwendung von Überschriften

Fünf Regeln decken 95 % der realen Situationen ab.

Häufige Fehler in der Überschriftenstruktur

Diese Fehler tauchen in Audits der meisten Websites auf, von kleinen Blogs bis zu Enterprise-Plattformen.

• Mehrere H1 auf einer Seite. Meist verursacht durch visuelle Builder, die jeden großen Block in eine H1 packen. Finden Sie sie mit Screaming Frog → H1 → Multiple. Lösung: Behalten Sie eine H1 und ersetzen Sie die übrigen durch H2 oder ein gestyltes <div>.
• Überschriften für die Optik statt für die Semantik. Ein Designer wählte H4, weil sie „die richtige Größe hat“, und übersprang H2 und H3. Der Crawler sieht H1 → H4 → H1 → H4: Chaos statt Struktur.
• Fehlende H1. Nach einem Relaunch oder einer CMS-Migration verschwindet die H1 aus dem Template. Eine Seite ohne H1 verliert ihr wichtigstes On-Page-Relevanzsignal.
• H1 = Seitenname auf jeder Seite. Ein CMS-Template setzt den Firmennamen global in die H1. Jede Seite erhält dieselbe H1, das ergibt websiteweite Duplikate ohne Relevanz.
• Übersprungene Ebenen bei der Verschachtelung. H1 → H3 (H2 fehlt), H2 → H4 (H3 fehlt). Der Screenreader meldet einen Fehler, dem Crawler fehlt der Kontext des Unterabschnitts.
• <p> oder <div> statt Überschriften-Tags. Der Text sieht optisch wie eine Überschrift aus, ist für Suchmaschinen und Screenreader aber keine. Häufig in älteren Templates.
• Zu lange Überschriften. Eine H2 mit drei Sätzen ist keine Überschrift, sondern ein Absatz. Eine Überschrift soll auf einen Blick lesbar sein: 4–12 Wörter sind optimal.

<!-- BAD: typical template with errors -->
<div class="title">Workwear catalogue</div>    <!-- not H1! -->
<h1>Acme Workwear Ltd</h1>                     <!-- H1 = company name -->
<h1>Winter workwear</h1>                       <!-- second H1 -->
<h3>Fire-resistant suits</h3>                  <!-- H2 skipped -->

<!-- GOOD: correct structure -->
<h1>Winter welders' workwear catalogue</h1>
  <h2>Fire-resistant suits</h2>
    <h3>Suits to EN ISO 11612</h3>
    <h3>Suits to ANSI Z49.1</h3>
  <h2>Protective masks and shields</h2>

Werkzeuge für die Prüfung der Überschriftenstruktur

// Quick heading hierarchy check in the browser console
const headings = $$('h1,h2,h3,h4,h5,h6');
const report = headings.map(h => ({
  tag: h.tagName,
  text: h.textContent.trim().slice(0, 60)
}));
console.table(report);

// How many H1s are on the page?
const h1Count = $$('h1').length;
console.log(`H1 count: ${h1Count}`, h1Count === 1 ? '✓' : '✗ ERROR');

Checkliste zur Überschriftenstruktur

H1

• Genau eine H1 auf jeder Seite der Website
• Die H1 enthält die primäre Zielanfrage der Seite
• Die H1 passt inhaltlich zum Title-Tag (der Wortlaut darf abweichen)
• Die H1 ist websiteweit eindeutig und wird nicht durch das Template dupliziert
• Die H1 ist nicht leer, enthält nicht nur ein Bild und ist nicht per CSS ausgeblendet

H2

• Die H2 folgt auf die H1, ohne eine Ebene zu überspringen
• Jede H2 beschreibt einen eigenständigen großen Abschnitt der Seite
• H2s enthalten Nebenanfragen und LSI-Begriffe, natürlich und ohne Keyword-Stuffing
• Die Formulierung einer H2 kann als Anker für ein Featured Snippet dienen
• Keine H2 existiert nur aus optischen Gründen, sondern nur dort, wo ein neuer thematischer Abschnitt beginnt

H3–H6

• H3 steht innerhalb der H2, H4 innerhalb der H3 (keine Ebene nach unten überspringen)
• H4–H6 werden nur verwendet, wenn eine tiefe Verschachtelung wirklich nötig ist
• Kein H3–H6-Tag wird anstelle einer H2 nur wegen seiner optischen Größe verwendet
• Die Gesamtstruktur liest sich beim Überfliegen wie ein logisches Inhaltsverzeichnis

Barrierefreiheit

• Die Reihenfolge der Überschriften ist mit der HeadingsMap- oder WAVE-Erweiterung geprüft
• Alle Überschriften sind als semantische HTML-Tags umgesetzt, nicht als gestylte div-Elemente
• Keine Überschrift ist ausgeblendet (display: none, visibility: hidden)
• Jede Überschrift hat einen sinnvollen Inhalt, keine leeren oder Platzhalter-Überschriften

FAQ

Antworten auf die häufigsten Fragen zur Überschriftenstruktur, die in Audits und Workshops mit Content-Teams auftauchen.