Überschriften-Analyse
Die Gliederung von H1 bis H6
Diese Überschriften-Analyse zeichnet die Gliederung jeder Seite: jede Überschrift in Reihenfolge, nach Ebene eingerückt, mit markierten übersprungenen Ebenen und leeren Überschriften. Fügen Sie eine Adresse oder direkt das Markup ein.
- KostenlosPreis
- 2Modi
- KeineAnmeldung
- NichtsGespeichert
Überschriften-Analyse
Die Gliederung von H1 bis H6 einer Seite, und wo sie bricht
- Überschriften
- 0
- H1-Tags
- 0
- Übersprungene Ebenen
- 0
- Leere Überschriften
- 0
- Tiefste Ebene
- —
Bereit. Fügen Sie eine Adresse ein oder wechseln Sie in den Markup-Modus und fügen Sie die Seite selbst ein.
Wozu eine Überschriften-Gliederung dient
Überschriften sind kein großer Text. Sie sind das Inhaltsverzeichnis, das eine Seite für sich selbst baut, und zwei Gruppen lesen tatsächlich dieses Verzeichnis statt der Seite.
Screenreader-Nutzer springen zwischen Überschriften, um den gewünschten Teil zu erreichen. Ebenso lesen Crawler dieselbe Struktur, um zu verstehen, was eine lange Seite abdeckt.
Deshalb liest sich eine Gliederung ohne H1 oder mit einem Sprung von H2 zu H4 wie ein Inhaltsverzeichnis mit fehlenden Kapiteln.
Die Web Accessibility Initiative des W3C sagt es in ihrem Leitfaden zur Seitenstruktur genauso: Überschriften beschreiben Abschnitte, und die Ebenen beschreiben, wie diese Abschnitte verschachtelt sind.
Ein H1, und warum
Die H1 verrät das Thema der gesamten Seite. Eines, ganz oben, passend zum Thema der Seite.
Technisch erlaubt HTML5 mehrere, weil Abschnitte eigene Gliederungen bilden sollten. Browser haben diese Gliederung jedoch nie umgesetzt, deshalb bleibt ein H1 in der Praxis die Regel.
Ein H1-Checker ist daher das schnellste Seiten-Audit überhaupt. Kein H1 oder drei H1-Tags deuten beide auf ein Template-Problem hin, nicht auf ein Schreibproblem.
Warum eine übersprungene Ebene zählt
Ein Sprung von H2 zu H4 sagt assistiver Technik, dass ein Unterabschnitt in etwas steckt, das nie geöffnet wurde.
Die Korrektur ist fast immer optisch. Jemand wollte kleineren Text und nahm eine tiefere Ebene, doch die Referenz zu den Überschriftenelementen stellt klar, dass Größe ins CSS gehört.
Gestalten Sie das H3 so, wie Sie es möchten. Dann bleibt die Gliederung ehrlich, und die Seite sieht trotzdem richtig aus.
Leere Überschriften
Eine Überschrift um ein Bild, ein Icon oder gar nichts. Ein Screenreader sagt dann "Überschrift, leer", was schlimmer ist als keine Überschrift, und deshalb markiert diese Analyse jede davon.
Zwei Ansichten derselben Seite
Der Adressmodus ruft eine Live-Seite über diesen Server ab, weil Ihr Browser keine andere Website in Ihrem Namen lesen darf.
Der Markup-Modus liest, was Sie einfügen, komplett in Ihrem Tab. So deckt er eine passwortgeschützte Staging-Seite, eine Seite im Editor oder ein Template-Fragment ab.
Die Statuszeile zeigt, welcher Modus läuft. Außerdem verlässt im Markup-Modus nichts den Tab, und die Fußzeile nennt den Unterschied.
Wie Menschen eine Gliederung tatsächlich nutzen
Ein Screenreader kann alle Überschriften einer Seite auflisten und direkt zu einer springen. Diese Liste ist die Gliederung, die dieses Tool zeichnet, in derselben Reihenfolge.
Sehende Leser tun mit dem Auge etwas Ähnliches. Sie überfliegen die Seite nach einer Überschrift, die zu ihrem Anliegen passt, und lesen dann ab dieser Stelle.
Beide Verhaltensweisen belohnen dasselbe: Überschriften, die ihren Abschnitt beschreiben und auf der richtigen Ebene stehen. Keine davon belohnt hingegen ein in ein H2 gestopftes Keyword.
Schreiben Sie also zuerst die Gliederung und füllen Sie sie dann. Eine Seite, die sich als Liste von Überschriften gut liest, liest sich meist auch als Fließtext gut.
Überschriften und lange Seiten
Eine lange Seite steht und fällt mit ihrer Gliederung. Ab etwa tausend Wörtern liest niemand von oben nach unten, und deshalb werden die Überschriften zur Navigation.
Außerdem zieht Google bei manchen Ergebnissen Abschnittslinks aus einer klaren Struktur, was einer langen Seite mehr als einen Einstiegspunkt gibt.
Folglich braucht eine Seite mit fünfzehn Abschnitten fünfzehn ehrliche Überschriften, nicht fünf Überschriften und zehn fette Zeilen.
Den Baum dieses Tools lesen
Der Baum rückt jede Überschrift unter die vorige ein, sodass ein Sprung von H2 zu H4 als sichtbare Lücke erscheint statt als Warnung, die man lesen muss.
Fettes Rot markiert das zweite H1, falls eine Seite eines hat. Das ist der Fehler, den Sie zuerst beheben sollten.
Leere Überschriften erscheinen als Strich. Eine Überschrift, in der nur ein Icon steckt, sagt einem Screenreader nämlich gar nichts.
Außerdem zeigt die Zählung oben, wie viele Überschriften jeder Ebene die Seite nutzt. Neun H3 unter einem H2 bedeuten meist, dass der Abschnitt geteilt werden wollte.
Überschriften sind kein Ranking-Trick
Keywords in ein H2 zu stopfen funktioniert längst nicht mehr. Eine klare Überschriftenstruktur hilft einem Crawler, eine lange Seite zu verstehen, und vor allem hilft sie einem Leser noch viel mehr, was der bessere Grund ist.
Auf dieser Seite
- Das Tool
- Wozu eine Überschriften-Gliederung dient
- So nutzen Sie die Überschriften-Analyse
- Was diese Überschriften-Analyse auszeichnet
- Regeln für eine saubere Überschriftenstruktur
- Sechs Überschriftenfehler auf echten Websites
- Häufige Fragen zu Überschriften
- Tools für den Rest der Seite
Weiterlesen
So nutzen Sie die Überschriften-Analyse
Drei Schritte, und die Gliederung erscheint als Liste, die Sie von oben nach unten lesen können.
- 1
Einen Modus wählen
Eine Live-Adresse oder Markup, das Sie einfügen. Der Markup-Modus sendet nichts irgendwohin, deshalb passt er zu einer noch unveröffentlichten Seite.
- 2
Ausführen
Die Gliederung füllt sich, nach Ebene eingerückt, mit dem Tag-Namen in jeder Zeile. Außerdem stehen gelbe Zeilen für übersprungene Ebenen und rote für leere Überschriften.
- 3
Die Befunde lesen
Unter der Gliederung stehen die Fehler in klaren Worten: kein H1, mehrere H1-Tags, übersprungene Ebenen, leere Überschriften und alles ungewöhnlich Lange.
- 4
Die Ebenen korrigieren, nicht die Größen
Fast jede übersprungene Ebene ist eine Entscheidung über Schriftgröße. Ändern Sie daher das CSS und lassen Sie die Überschrift auf der Ebene, die ihre Position verdient.
Was diese Überschriften-Analyse auszeichnet
Die meisten geben eine flache Liste von Überschriften aus. Die Unterschiede liegen hier hingegen in der Einrückung, den Fehlern und dem zweiten Modus.
Eine eingerückte Gliederung
Jede Zeile steht auf ihrer eigenen Ebene, sodass ein Sprung von H2 zu H4 sichtbar ist, statt dass Sie ihn zählen müssen.
Markup-Modus
Fügen Sie ein Fragment aus Ihrem Editor ein. Nichts wird abgerufen und nichts gesendet, was für unveröffentlichte Arbeit wichtig ist.
Fehler in Worten benannt
Übersprungen, leer, fehlend. Jeder Befund sagt, was zu tun ist, statt die Seite mit einer Note von hundert zu bewerten.
Skriptblöcke werden ignoriert
Überschriften in script, style, template oder Kommentaren sind keine echten Überschriften, also zählt keine davon mit.
Bewusst ohne Parser
Diese Website blockiert das DOM-Parsing von nicht vertrauenswürdigem Markup, deshalb findet der Scan Tags anhand ihrer Form. Die Seite eines Fremden kann so nie in dieses Dokument gelangen.
Eine kopierbare Gliederung
Ein Klick liefert die ganze Struktur als eingerückten Text, fertig für ein Ticket, ein Review oder ein Dokument.
Regeln für eine saubere Überschriftenstruktur
Überschriften sind leicht richtig zu machen und später mühsam zu reparieren. Diese acht Regeln decken fast jeden Fall ab.
- Ein H1, nah am Anfang. Es benennt die Seite. Wenn zwei Dinge auf einer Seite ein H1 verdienen, haben Sie wahrscheinlich zwei Seiten.
- Beim Abstieg nie eine Ebene überspringen. H2 folgt auf H1, und H3 folgt auf H2. Wieder nach oben zu gehen ist in Ordnung, da ein neues H2 einfach den nächsten Abschnitt öffnet.
- CSS für die Größe nutzen. Wählen Sie die Ebene nach der Position in der Gliederung und gestalten Sie sie dann. Eine nach Schriftgröße gewählte Überschrift bricht die Struktur für alle, die sie nicht sehen können.
- Überschriften schreiben, die allein funktionieren. Wer eine Liste Ihrer Überschriften überfliegt, sollte die Seite trotzdem verstehen. "Überblick" sagt ihm nichts.
- Kurz halten. Unter etwa zehn Wörtern. Menschen überfliegen Überschriften, statt sie zu lesen, also verfehlt eine satzlange Überschrift ihren Zweck.
- Kein Bild in eine Überschrift packen. Ein Screenreader meldet dann eine leere Überschrift. Setzen Sie den Text in die Überschrift und das Logo daneben.
- Das Template prüfen, nicht eine Seite. Ein Überschriftenfehler im Template wiederholt sich auf jeder Seite, die darauf basiert, also deckt eine Prüfung Hunderte ab.
- Nach jedem Relaunch noch einmal testen. Neue Themes ändern Überschriftenebenen passend zu ihrer Typografie, und genau dann entsteht meist eine Lücke in der Gliederung.
Sechs Überschriftenfehler auf echten Websites
Keiner davon zeigt sich im Browser. Alle sechs zeigen sich in einer Gliederung.
Das Logo als H1
Häufig bei älteren Themes. Jede Seite gibt dann vor, vom Firmennamen zu handeln, und keine sagt, was sie wirklich abdeckt.
Ein H4, gewählt wegen seiner Größe
Der Designer wollte kleineren Text. Die Gliederung hat jetzt ein Loch, und assistive Technik meldet einen Unterabschnitt ohne Elternteil.
Mehrere H1-Tags aus Widgets
Eine Seitenleiste, ein Footer und ein Hero-Bereich fügen je eines hinzu. Die Seite behauptet am Ende, drei Themen zu haben.
Überschriften zur Hervorhebung
Eine fette Zeile mitten im Absatz, als H3 ausgezeichnet. In der Gliederung erscheint sie als Abschnitt, den es nicht gibt.
Leere Überschriften um Icons
Eine dekorative Form in Überschriften-Tags meldet sich als leere Überschrift, und das ist Lärm für alle, die zuhören.
Gar kein H1 auf einer Landingpage
Page Builder lassen es häufiger weg als alles andere, und die Seite verliert die eine Überschrift, die ihr Thema nennt.
Häufige Fragen zu Überschriften
Wie viele H1 verträgt eine Seite?
Eines. HTML5 erlaubt theoretisch mehr, allerdings hat kein Browser je die Gliederung umgesetzt, auf der diese Idee beruhte, deshalb wertet ein H1-Checker ein zweites weiterhin als Befund.
Schadet eine übersprungene Ebene der SEO?
Für sich genommen kaum. Der Barrierefreiheit schadet sie jedoch deutlich, da Screenreader-Nutzer über Überschriften navigieren, und das allein rechtfertigt die Korrektur.
Kann ich eine Seite prüfen, die noch nicht live ist?
Ja. Wechseln Sie in den Markup-Modus und fügen Sie das HTML ein. In diesem Modus verlässt nichts Ihren Tab, deshalb bleibt unveröffentlichte Arbeit auf Ihrem Rechner.
Warum weicht die Zahl von meinem Editor ab?
Diese Überschriften-Analyse ignoriert Überschriften in script-, style-, template- und Kommentarblöcken. Das sind nämlich keine echten Überschriften, auch wenn sie so aussehen.
Ist es egal, in welcher Reihenfolge H1 bis H6 auf der Seite stehen?
Eine große. Die Gliederung wird von oben nach unten gelesen, deshalb verwirrt eine Abschnittsüberschrift nach dem Inhalt, den sie einleitet, Leser wie Crawler.
Und ein H1 im Website-Header?
Es zählt, und bei den meisten Themes ist es das Logo. Folglich hat jede Seite dasselbe H1, und das ist der häufigste Befund dieses Tools.
Sollten Überschriften Keywords enthalten?
Auf natürliche Weise ja, absichtlich nein. Schließlich enthält eine Überschrift, die ihren Abschnitt beschreibt, die gesuchten Wörter ganz von selbst.
Und Überschriften in nav oder footer?
Sie zählen, weil sie im Dokument stehen. Außerdem lohnt es sich, ein wiederholtes H2 im Footer zu kennen, da es auf jeder Seite erscheint.
Wie viele Wörter gehören in eine Zwischenüberschrift?
Unter etwa zehn Wörtern. Die Analyse vermerkt alles über siebzig Zeichen, und dort hört eine Überschrift ungefähr auf, überfliegbar zu sein.
Folgt es Weiterleitungen?
Bis zu fünf, und jeder Sprung durchläuft vor der nächsten Anfrage erneut alle Prüfungen. Folglich gehört die Gliederung zu der Seite, auf der die Kette endet.
Zählen Überschriften in einer Seitenleiste?
Ja, weil sie im Dokument stehen. Ein H2 in der Seitenleiste, das sich auf jeder Seite wiederholt, verdient Aufmerksamkeit, und außerdem zeigt die Gliederung genau, wo es landet.
Kann ich die Gliederung exportieren?
Drücken Sie den Kopier-Button, und Sie erhalten die ganze Struktur als eingerückten Text, mit der Ebene in jeder Zeile. So lässt sie sich sauber in ein Ticket oder ein Review-Dokument einfügen.
Speichern Sie die Adresse, die ich hier prüfen lasse?
Nein. Sie bedient eine Anfrage und ist dann weg, und außerdem behält dieser Server keine Kopie der Seite.
Tools für den Rest der Seite
Die Gliederung ist eine Schicht eines On-Page-Reviews. Diese drei decken die anderen ab.
Meta-Tag-Analyse
Der Head-Block derselben Adresse, mit benannten Lücken.
Tool öffnen →Lesbarkeitsprüfer
Fünf Formeln für den Text unter diesen Überschriften.
Tool öffnen →HTML-Tags entfernen
Den reinen Text einer Seite herausziehen und die Umbrüche behalten.
Tool öffnen →
Bereit, Ihre Gliederung zu sehen?
Geben Sie eine URL oder Ihren Code ein und gehen Sie die Gliederung von oben nach unten durch. Die Überschriften-Analyse ist kostenlos, braucht kein Konto und speichert nichts über die Seite.