Structure & Accessibility

Heading Structure
H1-H6 Hierarchie Analyzer

Die Heading-Hierarchie ist das Fundament jeder Webseite. Unser interaktives Tool analysiert deine Struktur, findet Fehler und zeigt dir, wie du für SEO und Accessibility optimierst.

1x
H1 per Page
6
Heading Levels
A11y
SEO Impact
WCAG
Compliance
Viele
Websites haben Heading-Fehler
Häufig
werden Heading-Levels übersprungen
Besser
rankt eine korrekte Struktur

Heading-Struktur Analyzer

Validiere und visualisiere deine Heading-Hierarchie

Heading Tree Visualizer

Visualisiere und validiere deine Heading-Struktur

Interactive Tool

Unterstützt: HTML, Markdown-ähnliche Struktur

Heading-Baum

Gib oben Headings ein und klicke "Analysieren"

Validierung

Validierungsergebnisse erscheinen hier

Beispiel laden

Die Heading-Hierarchie erklärt

Wann du welches Heading-Level verwendest

H1

Hauptüberschrift

Genau 1x pro Seite

Definiert das Hauptthema der gesamten Seite. Enthält das primäre Keyword.

50-60 Zeichen ideal Keyword am Anfang Ähnlich zum Title Tag Beschreibt Seiteninhalt
Beispiel:

<h1>Core Web Vitals Optimierung - Der komplette Guide</h1>

H2

Hauptabschnitte

Mehrfach erlaubt

Unterteilt die Seite in thematische Hauptabschnitte. Wie Kapitel in einem Buch.

Keywords variieren Fragen als H2 = Snippet-Chance Scannbar für User Logische Reihenfolge
Beispiel:

<h2>Was sind Core Web Vitals?</h2>

H3

Unterabschnitte

Unter H2 verwenden

Details zu den H2-Abschnitten. Wie Unterkapitel.

Nur nach H2 Spezifischer als H2 Long-Tail Keywords FAQ-Struktur möglich
Beispiel:

<h3>LCP (Largest Contentful Paint) verbessern</h3>

H4-H6

Tiefe Hierarchie

Selten benötigt

Für sehr detaillierte Inhalte. Oft in technischer Dokumentation.

Nur bei Bedarf Nicht übertreiben Konsistenz bewahren Alternative: fette Absätze
Beispiel:

<h4-h6>Server-seitige Optimierungen</h4-h6>

Page Anatomy

Wo Headings auf einer Webseite platziert werden

Page Anatomy: Heading-Struktur

Wo Headings auf einer typischen Webseite platziert werden

Navigation H1: Hauptüberschrift Keyword-fokussiert, 50-60 Zeichen H1 H2: Abschnitt 1 Hauptabschnitte der Seite H2 H3: Unterabschnitt 1.1 H3 H2: Abschnitt 2 Weiterer Hauptabschnitt H2 Footer

Legende

H1
Hauptüberschrift
1x pro Seite, ganz oben
H2
Hauptabschnitte
Strukturieren den Content
H3
Unterabschnitte
Details unter H2

Quick Rules

  • H1 immer zuerst
  • Nie Levels überspringen
  • Headings beschreiben Inhalt
  • Keywords natürlich einbauen
Accessibility

Screen Reader navigieren via Headings. Eine klare Hierarchie ist essentiell für Barrierefreiheit.

Häufige Heading-Fehler

Diese Fehler kosten dich Rankings und Accessibility

1

Mehrere H1-Tags

Mehr als ein H1-Tag pro Seite verwirrt Suchmaschinen über das Hauptthema.

SEO: critical A11y: high
Falsch
H1: Unsere Produkte
H1: Kontakt
H1: Über uns
  • 3 konkurrierende H1-Tags
  • Kein klares Hauptthema
  • Verwirrte Seitenstruktur
Richtig
H1: Unsere Premium Produkte
H2: Kontaktieren Sie uns
H2: Über unser Unternehmen
  • Eine eindeutige H1
  • Klare Themenhierarchie
  • Bessere SEO-Signale

Impact: Google kann das Hauptthema nicht eindeutig identifizieren. Ranking-Verlust möglich.

2

Übersprungene Heading-Levels

Von H1 direkt zu H3 oder H4 springen bricht die logische Struktur.

SEO: high A11y: critical
Falsch
H1: SEO Guide
H3: Keyword Tools
H4: Fazit
  • H2 übersprungen
  • H3 statt H2
  • Unlogische Struktur
Richtig
H1: SEO Guide
H2: Keyword Recherche
H3: Keyword Tools
H2: Fazit
  • Lückenlose Hierarchie
  • H2 vor H3
  • Klare Abschnitte

Impact: Screen Reader verlieren Kontext, Suchmaschinen verstehen Hierarchie nicht.

3

Fehlende H1

Seite hat keine H1-Überschrift, das wichtigste Heading fehlt.

SEO: critical A11y: high
Falsch
H2: Willkommen
H3: Unsere Services
H3: Kontakt
  • Keine H1 vorhanden
  • Startet mit H2
  • Hauptthema unklar
Richtig
H1: Premium Webdesign Agentur
H2: Unsere Services
H2: Kontakt
  • H1 als Hauptüberschrift
  • Keyword in H1
  • Klare Seitenstruktur

Impact: Google erkennt Hauptthema nicht, massive SEO-Einbußen.

4

Leere Headings

Heading-Tags ohne Text, oft durch CSS-Styling oder Copy/Paste entstanden.

SEO: medium A11y: high
Falsch
H1: Produktkatalog
H2:
H2: Smartphones
H3:
  • Leere H2
  • Leere H3
  • Keine Information
Richtig
H1: Produktkatalog
H2: Tablets
H2: Smartphones
H3: iPhone Serie
  • Alle Headings gefüllt
  • Beschreibende Texte
  • Informative Struktur

Impact: Verwirrung für User und Bots, schlechte Accessibility.

5

Headings für Styling

H-Tags werden für Schriftgröße verwendet statt für Semantik.

SEO: high A11y: critical
Falsch
H1: Willkommen
H3: (Große Schrift gewünscht)
H5: (Kleine Schrift)
H2: Kontakt
  • H3 für Styling
  • H5 für kleine Schrift
  • Chaos in Hierarchie
Richtig
H1: Willkommen
H2: Unsere Services
H3: Webdesign
H2: Kontakt
  • CSS für Styling nutzen
  • Semantik bewahren
  • Tailwind: text-xl, text-lg

Impact: Semantische Struktur zerstört, Accessibility-Probleme.

6

Keyword Stuffing in Headings

Übermäßige Keyword-Wiederholung in Überschriften.

SEO: critical A11y: medium
Falsch
H1: SEO Agentur SEO Service SEO Beratung
H2: SEO Leistungen SEO
H2: SEO Preise für SEO
  • Keyword-Spam
  • Unnatürlich
  • User-feindlich
Richtig
H1: SEO Agentur aus Berlin
H2: Unsere Leistungen
H2: Transparente Preisgestaltung
  • Natürliche Sprache
  • Keyword 1-2x
  • User-freundlich

Impact: Google erkennt Manipulation, mögliche Abstrafung.

SEO & Accessibility Benefits

Warum korrekte Headings so wichtig sind

SEO

  • Content-Struktur verstehen
    Google nutzt Headings für thematische Zuordnung
  • Featured Snippets
    H2/H3 als Fragen erhöhen die Chancen auf Position Zero
  • Keyword-Relevanz
    Keywords in Headings signalisieren Wichtigkeit
  • Passage Ranking
    Google kann einzelne Abschnitte ranken

Accessibility

  • Screen Reader Navigation
    Nutzer springen via Headings durch die Seite
  • Inhaltsübersicht
    Headings erzeugen automatische Outline
  • WCAG 2.2 Compliance
    Korrekte Hierarchie ist WCAG-Anforderung
  • Cognitive Load
    Klare Struktur hilft allen Nutzern

Tools zum Testen

Prüfe deine Heading-Struktur mit diesen Tools

HeadingsMap

Chrome Extension

Visualisiert Heading-Struktur jeder Webseite

WAVE

Online Tool

Umfassender Accessibility-Check inkl. Headings

Lighthouse

DevTools

Google-Tool für Accessibility-Audits

axe DevTools

Extension

Detaillierte WCAG-Prüfung

HTML Quick Reference

So schreibst du semantisch korrekte Headings

<!-- Korrekte Heading-Struktur -->
<h1>Hauptüberschrift der Seite</h1>

<h2>Erster Hauptabschnitt</h2>
<p>Inhalt...</p>

  <h3>Unterabschnitt 1.1</h3>
  <p>Details...</p>

  <h3>Unterabschnitt 1.2</h3>
  <p>Weitere Details...</p>

<h2>Zweiter Hauptabschnitt</h2>
<p>Inhalt...</p>

<!-- FALSCH: Level überspringen -->
<h1>Titel</h1>
<h3>Direkt zu H3?</h3> <!-- Fehler! H2 fehlt -->

Headings im Kontext der OnPage-Optimierung

Die Heading-Struktur arbeitet eng mit anderen OnPage-Faktoren zusammen: Der Title Tag und H1 sollten thematisch übereinstimmen. Fragen als H2/H3 erhöhen die Chancen auf Featured Snippets. Für eine optimale User Experience sorgen Headings für Scannbarkeit, während sie gleichzeitig die Core Web Vitals durch bessere Rendering-Performance unterstützen.

Heading-Struktur Audit für deine Website?

Ich analysiere die Heading-Hierarchie aller deiner Seiten, finde Fehler und optimiere für SEO und Accessibility. Inklusive konkreter Handlungsempfehlungen.

Kostenloses Audit anfragen Mehr zu Accessibility

Häufige Fragen zu Überschriften

Hier finden Sie direkte Antworten zu OnPage SEO, den kostenlosen Tools und meiner Arbeitsweise.

Wie viele H1-Überschriften sollte eine Seite haben?
Genau eine. Die H1 benennt das Hauptthema der gesamten Seite und sollte nur einmal vergeben werden. Alle weiteren Abschnitte gliedern Sie mit H2, deren Unterpunkte mit H3 und so weiter. Eine einzelne, eindeutige H1 hilft Suchmaschinen und Screenreadern, den Seitenzweck klar zu erfassen.
Muss die Überschriften-Hierarchie lückenlos sein?
Ja. Überspringen Sie keine Ebenen: Auf eine H2 folgt eine H3, nicht direkt eine H4. Die Reihenfolge bildet die logische Gliederung Ihres Inhalts ab und erzeugt eine saubere Dokument-Outline. Lücken in der Hierarchie erschweren die Navigation per Screenreader und verwässern die strukturelle Bedeutung für Suchmaschinen.
Gehört das Keyword in die H1?
Ja, sofern es natürlich passt. Das primäre Keyword sollte in der H1 vorkommen, idealerweise weit vorne und in lesbarer Formulierung. Erzwingen Sie es nicht: Keyword-Stuffing schadet mehr, als es nützt. Eine klare, beschreibende H1, die das Thema benennt, deckt das Keyword meist von selbst ab.
Sind Überschriften ein Ranking-Faktor?
Überschriften unterstützen die Relevanz, die Struktur und die Barrierefreiheit Ihrer Seite, sind aber kein dominanter Einzel-Rankingfaktor. Sie helfen Suchmaschinen, Themen und Abschnitte einzuordnen, fördern die Chance auf Featured Snippets und verbessern die Navigation für Screenreader. Entscheidend bleibt die Qualität des Inhalts, den die Überschriften gliedern.
Was ist der Unterschied zwischen H1 und Title Tag?
Die H1 ist die sichtbare Hauptüberschrift im Seiteninhalt und wird beim Aufruf der Seite angezeigt. Der Title Tag steht im HTML-Head und erscheint als Überschrift des Suchergebnisses sowie im Browser-Tab. Beide sollten thematisch übereinstimmen, dürfen sich aber im Wortlaut unterscheiden, etwa um Platzbeschränkungen im Suchergebnis zu berücksichtigen.
Wie viele Überschriften sind auf einer Seite sinnvoll?
So viele, wie die Gliederung Ihres Inhalts benötigt. Es gibt keine feste Idealzahl: Jeder eigenständige Abschnitt verdient eine passende Überschrift, jeder Unterpunkt seine Unterüberschrift. Setzen Sie Überschriften dort, wo sie den Text strukturieren und scannbar machen, nicht als reines Stilmittel und nicht, um Keywords zu platzieren.

Ihre Frage nicht dabei?

Schreiben Sie mir direkt – ich antworte persönlich und unverbindlich.

Frage stellen SEO-Audit anfordern