H SEO: Überschriften von H1 bis H6 logisch strukturieren

H SEO bezeichnet den sinnvollen Einsatz der HTML-Überschriften von <h1> bis <h6>. Im Mittelpunkt steht nicht die möglichst häufige Platzierung eines Keywords, sondern eine nachvollziehbare Dokumentstruktur: Die H1 benennt das Hauptthema, weitere Ebenen gliedern den Inhalt in Abschnitte und Unterabschnitte.

Eine klare Überschriftenhierarchie hilft Lesern, längere Seiten schnell zu erfassen und relevante Inhalte gezielt zu finden. Sie unterstützt assistive Technologien bei der Navigation und gibt Suchmaschinen Hinweise auf Themen und Zusammenhänge. Dafür müssen Überschriften aussagekräftig formuliert, semantisch ausgezeichnet und logisch verschachtelt sein.

Was bedeutet H SEO?

Das H steht für das englische Wort „Heading“, also Überschrift. HTML definiert mit <h1> bis <h6> sechs Ebenen von Abschnittsüberschriften. Dabei besitzt die H1 den höchsten und die H6 den niedrigsten Rang. Das ist in der HTML-Spezifikation festgelegt.

Die Ebenen bilden eine inhaltliche Hierarchie. Sie sind keine Auswahl unterschiedlich großer Schriftarten. Eine H3 ist deshalb kein kleiner dargestellter Ersatz für eine H2, sondern eine Überschrift, die einem H2-Abschnitt untergeordnet ist. Schriftgröße, Farbe und Abstände werden über CSS gesteuert. Die HTML-Ebene richtet sich nach der Funktion im Dokument.

H SEO erfüllt damit mehrere Aufgaben:

• Inhalte in zusammengehörige Abschnitte gliedern
• Hauptthema und Teilthemen erkennbar machen
• das Scannen längerer Seiten erleichtern
• Navigationspunkte für assistive Technologien bereitstellen
• Suchmaschinen die inhaltliche Struktur vermitteln

Die mögliche SEO-Wirkung entsteht vor allem aus einem verständlichen, nutzerorientierten Dokument. Eine einzelne Überschrift ist kein isolierter Rankinghebel.

Wie funktioniert die Hierarchie von H1 bis H6?

Eine Überschriftenstruktur funktioniert ähnlich wie ein Inhaltsverzeichnis. Jeder Abschnitt gehört entweder unmittelbar zum Hauptthema oder zu einem übergeordneten Abschnitt.

Die Ebenen haben folgende Funktionen:

• H1: zentrales Thema des Dokuments
• H2: Hauptabschnitt innerhalb dieses Themas
• H3: Unterabschnitt einer H2
• H4: Unterabschnitt einer H3
• H5: weitere Untergliederung einer H4
• H6: tiefste verfügbare Gliederungsebene

Eine logisch aufgebaute Struktur kann beispielsweise so aussehen:

<h1>Wandern in Südtirol</h1>

<h2>Wanderregionen</h2>
<h3>Dolomiten</h3>
<h3>Meraner Land</h3>

<h2>Vorbereitung der Wanderung</h2>
<h3>Ausrüstung</h3>
<h4>Schuhe</h4>
<h4>Wetterschutz</h4>
<h3>Tourenplanung</h3>

„Dolomiten“ und „Meraner Land“ sind gleichrangige Unterthemen des Abschnitts „Wanderregionen“. „Schuhe“ und „Wetterschutz“ gehören zur „Ausrüstung“, die wiederum dem Hauptabschnitt „Vorbereitung der Wanderung“ untergeordnet ist.

Die Gliederung bleibt verständlich, wenn Schriftgrößen, Farben und Abstände entfernt werden. Das ist ein wichtiges Merkmal einer semantisch tragfähigen Struktur.

Überschriften logisch verschachteln

Beim Heruntergliedern sollten keine Ebenen ohne inhaltlichen Grund übersprungen werden. Auch MDN empfiehlt, Überschriften logisch zu verschachteln und beim Wechsel auf eine tiefere Ebene möglichst schrittweise vorzugehen.

Problematisch wäre folgende Reihenfolge:

<h1>Wandern in Südtirol</h1>
<h2>Vorbereitung</h2>
<h4>Wanderschuhe</h4>

Die H4 zeigt eine tiefere Unterordnung an, obwohl die dazwischenliegende H3 fehlt. Dadurch bleibt unklar, zu welchem gedachten Unterabschnitt „Wanderschuhe“ gehört.

Logischer ist:

<h1>Wandern in Südtirol</h1>
<h2>Vorbereitung</h2>
<h3>Ausrüstung</h3>
<h4>Wanderschuhe</h4>

Ein Rücksprung auf eine höhere Ebene ist dagegen normal. Nach einer H4 kann eine neue H2 folgen, wenn der bisherige Unterabschnitt beendet ist und ein neuer Hauptabschnitt beginnt.

Die Ebene folgt dem Inhalt, nicht der Optik

Ein häufiger Fehler entsteht in Content-Management-Systemen: Redakteure wählen eine Überschriftenebene, weil deren voreingestellte Schriftgröße zum gewünschten Design passt. So kann eine H4 unmittelbar unter einer H1 landen, obwohl sie inhaltlich die Funktion einer H2 erfüllt.

Die richtige Reihenfolge lautet:

1. Die inhaltliche Funktion der Überschrift bestimmen.
2. Die dazu passende HTML-Ebene auswählen.
3. Das gewünschte Erscheinungsbild mit CSS gestalten.

MDN weist ebenfalls darauf hin, dass eine Überschriftenebene nicht allein wegen ihrer Darstellung gewählt werden sollte. Durch die Trennung von Semantik und Design bleibt die Dokumentstruktur auch nach gestalterischen Änderungen erhalten.

Nicht jede Seite benötigt alle sechs Ebenen

Eine vollständige H1-bis-H6-Hierarchie zu beherrschen bedeutet nicht, alle sechs Ebenen verwenden zu müssen. Viele Ratgeber kommen mit H1, H2 und H3 aus. H4 kann bei umfangreichen Unterabschnitten sinnvoll sein. H5 und H6 werden vor allem in sehr komplexen Dokumentationen oder stark untergliederten Fachtexten benötigt.

Eine neue Ebene ist nur dann sinnvoll, wenn eine echte inhaltliche Unterordnung besteht. Künstliche Verschachtelungen machen einen kurzen Text nicht semantischer, sondern komplizierter.

Aussagekräftige Überschriften formulieren

Die korrekte Ebene allein macht noch keine hilfreiche Überschrift. Ihre Formulierung muss erkennen lassen, was im folgenden Abschnitt behandelt wird.

Eine gute Überschrift ist:

• konkret statt allgemein
• verständlich und möglichst frei von unnötigem Fachjargon
• auf den folgenden Abschnitt abgestimmt
• schnell erfassbar
• auch ohne den Fließtext aussagekräftig

Bezeichnungen wie „Wichtig“, „Details“ oder „Weitere Informationen“ vermitteln wenig Inhalt. Präziser sind Formulierungen wie „Voraussetzungen für die Förderung“, „Kosten einer Photovoltaikanlage“ oder „So prüfen Sie Ihren Stromverbrauch“.

Fragen eignen sich, wenn ein Abschnitt eine konkrete Nutzerfrage beantwortet, etwa „Wann ist eine H4 sinnvoll?“. Sachliche Formulierungen wie „Vorteile einer logischen Dokumentstruktur“ können ebenso funktionieren. Entscheidend ist nicht die grammatische Form, sondern ein klares Informationsversprechen.

Keywords natürlich verwenden

Relevante Suchbegriffe dürfen in Überschriften vorkommen, wenn sie den Abschnitt präzise benennen. Erzwungene Wiederholungen verbessern die Struktur jedoch nicht.

Eine Gliederung wie diese bleibt unklar:

H2: H SEO Grundlagen
H2: H SEO Tipps
H2: H SEO Vorteile
H2: H SEO Anleitung

Jede Überschrift sollte stattdessen eine eigene Informationsaufgabe übernehmen. Die thematische Relevanz entsteht aus dem gesamten Dokument und nicht aus möglichst vielen Varianten desselben Keywords.

Auch die Menge der Überschriften muss zum Inhalt passen. Nicht jeder einzelne Absatz benötigt eine Zwischenüberschrift. Eine Überschrift sollte einen erkennbaren Abschnitt eröffnen und mehrere zusammengehörige Gedanken bündeln.

Warum Überschriften für Barrierefreiheit wichtig sind

Die Web Accessibility Initiative des W3C beschreibt Überschriften als Mittel, um Inhalte zu organisieren und ihre Struktur zu vermitteln. Für Nutzer assistiver Technologien sind sie zugleich wichtige Navigationspunkte.

Screenreader können Überschriften auflisten oder einen direkten Wechsel von einer Überschrift zur nächsten ermöglichen. Auf diese Weise entsteht eine Art hörbares Inhaltsverzeichnis. Fehlende, vage oder unlogisch angeordnete Überschriften erschweren diese Orientierung.

Dafür müssen sichtbare Überschriften mit den passenden HTML-Elementen ausgezeichnet sein. Ein lediglich groß und fett formatierter Absatz ist semantisch keine Überschrift:

<p class="grosse-schrift">Versandkosten</p>

Wenn der Text einen neuen Abschnitt eröffnet, ist eine echte Überschrift erforderlich:

<h2>Versandkosten</h2>

Der umgekehrte Fehler ist ebenfalls problematisch: Normaler Text sollte nicht als Überschrift markiert werden, nur um ihn optisch hervorzuheben. Für Hinweise, Zitate und andere Hervorhebungen gibt es geeignetere HTML-Elemente und CSS-Regeln.

Eine hilfreiche Kontrollfrage lautet: Ergibt die Liste aller Überschriften auch ohne den dazwischenliegenden Fließtext Sinn?

Diese Liste bietet kaum Orientierung:

Überblick
Mehr erfahren
Wichtig
Details
Sonstiges

Konkrete Überschriften ermöglichen es dagegen, den passenden Abschnitt gezielt auszuwählen. Davon profitieren sowohl Nutzer assistiver Technologien als auch alle anderen Besucher, die eine Seite zunächst überfliegen.

Welche Rolle spielen Überschriften für Suchmaschinen?

Suchmaschinen können Überschriften verwenden, um Hauptthemen, Unterthemen und inhaltliche Zusammenhänge eines Dokuments zu erkennen. Google empfiehlt in seinem SEO-Starterleitfaden aussagekräftige Überschriften, die Nutzern helfen, die Hierarchie und Gliederung eines Inhalts zu verstehen. Zugleich warnt Google vor übermäßig vielen Überschriften.

Daraus ergibt sich keine besondere Formel für bessere Rankings. Eine Seite wird nicht automatisch erfolgreicher, weil sie alle Ebenen bis zur H6 verwendet oder ein Keyword in zahlreiche Überschriften schreibt.

Die sinnvollste Struktur ist diejenige, die zuerst für Menschen funktioniert. Sind Hauptthema, Teilfragen und Antworten logisch angeordnet, entsteht zugleich ein Dokument, dessen Zusammenhänge Suchmaschinen leichter nachvollziehen können.

Manuelle Prüfroutine für H SEO

Eine Überschriftenstruktur lässt sich ohne kostenpflichtige SEO-Tools prüfen. Wichtig ist, Inhalt, HTML-Auszeichnung und visuelle Darstellung getrennt zu betrachten.

1. Das Hauptthema kontrollieren

Lesen Sie zunächst nur die H1. Sie sollte das zentrale Thema verständlich benennen und zum tatsächlichen Seiteninhalt passen.

Prüfen Sie:

• Ist sofort erkennbar, worum es geht?
• Deckt der Inhalt das Versprechen der Überschrift ab?
• Ist die Formulierung konkret genug?
• Gibt es mehrere Hauptüberschriften, die miteinander konkurrieren?

Entscheidend ist eine klare Hauptüberschrift, an der sich die weitere Gliederung orientiert. Eine isolierte Bewertung allein anhand der Anzahl greift zu kurz.

2. Die Überschriftenliste isoliert lesen

Lassen Sie sich die Überschriften über die Entwicklerwerkzeuge, den Accessibility-Baum oder eine geeignete Browser-Erweiterung anzeigen. Lesen Sie anschließend nur diese Liste von oben nach unten.

Die Überschriften sollten wie ein kompaktes Inhaltsverzeichnis funktionieren. Themenbrüche, Dopplungen und nichtssagende Formulierungen werden in dieser Ansicht besonders sichtbar.

3. Die Ebenenfolge prüfen

Ordnen Sie jeder Überschrift ihren übergeordneten Abschnitt zu. Achten Sie auf Sprünge wie von H2 zu H4 oder von H3 zu H5.

Ein solcher Sprung kann darauf hinweisen, dass eine Zwischenebene fehlt oder die vorhandene Überschrift den falschen Rang besitzt. Prüfen Sie die inhaltliche Beziehung, statt die fehlende Ebene automatisch durch eine zusätzliche Überschrift zu füllen.

4. Überschrift und Abschnitt abgleichen

Lesen Sie den ersten Absatz nach jeder Überschrift. Er sollte das angekündigte Thema unmittelbar aufgreifen.

Wenn unter „Voraussetzungen für den Antrag“ zunächst nur Kosten erläutert werden, stimmen Überschrift und Inhalt nicht überein. Dann muss entweder die Formulierung angepasst oder der betreffende Text verschoben werden.

5. Das ausgelieferte HTML untersuchen

Kontrollieren Sie, ob sichtbare Überschriften tatsächlich als <h1> bis <h6> ausgezeichnet sind. Suchen Sie außerdem nach Überschriftenelementen, die ausschließlich zur optischen Hervorhebung verwendet werden.

Prüfen Sie nicht nur den Text im Editor. Akkordeons, Tabs, Teaser, Produktboxen und andere wiederverwendete Komponenten können eigene Überschriften einfügen und die Hierarchie der fertigen Seite verändern.

6. Die mobile Darstellung testen

Lange Überschriften können auf kleinen Bildschirmen ungünstig umbrechen. Kontrollieren Sie deshalb:

• lesbare Schriftgrößen und Zeilenabstände
• ausreichende Abstände zum umgebenden Inhalt
• sinnvolle Zeilenumbrüche
• erkennbare visuelle Unterschiede zwischen den Ebenen
• keine abgeschnittenen oder überlagerten Texte

Die Gestaltung sollte die semantische Hierarchie unterstützen. Sechs stark unterschiedliche Schriftgrößen sind dafür nicht erforderlich.

7. Die Screenreader-Perspektive einnehmen

Testen Sie die Überschriftennavigation nach Möglichkeit mit einem Screenreader oder einem Accessibility-Werkzeug. Prüfen Sie, ob wichtige Bereiche gezielt erreichbar und alle Überschriften ohne visuellen Kontext verständlich sind.

Mehrfach verwendete Bezeichnungen wie „Mehr Informationen“ sollten konkretisiert werden. Die Überschriftenliste muss erkennen lassen, welche Informationen sich hinter jedem Navigationspunkt befinden.

Typische Fehler in der H1-bis-H6-Struktur

In der Praxis treten besonders häufig folgende Probleme auf:

• Ebenen werden nach Schriftgröße statt nach Bedeutung gewählt.
• Beim Heruntergliedern werden Ebenen übersprungen.
• Sichtbare Überschriften sind nur als Absatz oder <div> ausgezeichnet.
• Überschriften dienen ausschließlich als optische Hervorhebung.
• Auf eine Überschrift folgt kein zugehöriger Abschnitt.
• Fast jeder kurze Absatz erhält eine eigene Überschrift.
• Mehrere Überschriften wiederholen dasselbe Keyword ohne neue Aussage.
• Ein Abschnitt passt nicht zu seiner übergeordneten Überschrift.
• Eingebundene Website-Komponenten unterbrechen die Gliederung.

Diese Fehler lassen sich nur zuverlässig erkennen, wenn das tatsächlich im Browser ausgegebene HTML geprüft wird.

Eine tragfähige Struktur planen

Eine saubere Überschriftenhierarchie entsteht idealerweise vor dem Schreiben. Das Vorgehen ist einfach:

1. Das Hauptthema festlegen und als H1 formulieren.
2. Zentrale Themenblöcke sammeln und als H2-Abschnitte ordnen.
3. Detailfragen den passenden Blöcken als H3-Abschnitte zuweisen.
4. Weitere Ebenen nur bei echter inhaltlicher Untergliederung ergänzen.
5. Erst anschließend den Fließtext ausarbeiten.

Nach der Veröffentlichung sollte die Struktur erneut geprüft werden. Neue Textabschnitte, Module und redaktionelle Ergänzungen können eine ursprünglich logische Hierarchie verändern.

Fazit: H SEO schafft Orientierung

Eine gute H1-bis-H6-Hierarchie bildet die inhaltliche Struktur einer Seite ab. Sie beginnt mit einem klaren Hauptthema, gliedert zusammengehörige Inhalte in nachvollziehbare Abschnitte und verwendet tiefere Ebenen nur dort, wo eine echte Unterordnung besteht.

Entscheidend sind nicht möglichst viele Überschriften oder häufige Keyword-Wiederholungen. Entscheidend ist, dass Nutzer die Seite schnell überblicken, Abschnitte zuverlässig einordnen und mit assistiven Technologien gezielt navigieren können.

Die wirksamste Qualitätskontrolle bleibt deshalb einfach: Lesen Sie nur die Überschriften in ihrer HTML-Reihenfolge. Ergibt daraus ein verständliches Inhaltsverzeichnis, ist die Grundlage für eine nutzerorientierte und semantisch saubere H-SEO-Struktur gelegt.