H1 Checker
Überprüfen Sie einen URL oder fügen Sie HTML ein, um H1s zu zählen, leere Überschriften zu erkennen und die Umrisse H1–H6 zu überprüfen. Nur Quelle HTML.
Heading outline
Check a page to see its H1 count and ordered heading outline.
Your review starts here
Find empty headings, review multiple H1s and follow the page’s section levels.
Ein Überschrifteninventar mit context
Ein H1-Checker hilft Ihnen, die Hauptüberschrift und die darauf folgenden Abschnitte zu überprüfen. Dieser Prüfer listet die wörtlichen H1–H6-Elemente in der Quellreihenfolge auf, wobei der Originaltext und die ursprüngliche Ebene sichtbar bleiben, anstatt die Seite auf eine Partitur zu reduzieren.
URL prüft den Abruf einer öffentlichen Seite über den lokalen Inspektionsdienst von SearchVector. Eingefügtes HTML wird lokal verarbeitet. Keiner der Modi führt Skripte aus oder wertet externe Stylesheets aus. Wenn Sie nur einen Abschnitt einfügen, beschreiben die Ergebnisse nur diesen Abschnitt.
Zählen und prüfen
Sehen Sie sich die Zählungen für alle sechs Überschriftenebenen sowie den genauen Text jeder Überschrift an.
Überprüfen Sie leeren Text
Überschriften, die nur Leerzeichen enthalten, werden gekennzeichnet. Überschriften, die nur aus Bildern bestehen, erfordern eine separate Überprüfung des barrierefreien Namens.
Befolgen Sie die Reihenfolge
Levellücken kennzeichnen tiefere Sprünge, z. B. H2 nach H4. Es handelt sich dabei um Aufforderungen zur Überprüfung, nicht um ein Urteil zur Barrierefreiheit.
Halten Sie die Sichtbarkeit explizit
Ausgeblendete und in Arien ausgeblendete Überschriften bleiben mit Flags auf Quellenebene in der Zählung erhalten. CSS-Klassen und berechnete Sichtbarkeit werden nicht überprüft.
Erstellen Sie eine lesbare Abschnittshierarchie
Wählen Sie Überschriftenebenen für die Beziehung zwischen Abschnitten und verwenden Sie dann CSS für deren Darstellung. Dieses Originalbeispiel zeigt, wie ein Routenplanungs-Unterabschnitt seiner übergeordneten Überschrift folgen kann, ohne eine Ebene zu überspringen.
Überprüfen Sie die Lücke
H1 Planen Sie Ihren ersten Wanderweg
H3 Wählen Sie eine Route
H2 Packen Sie das Nötigste einH3 folgt direkt auf H1. Prüfen Sie, ob „Route auswählen“ ein Hauptabschnitt ist oder einen übergeordneten H2-Abschnitt benötigt.
Machen Sie Peer-Abschnitte konsistent
H1 Planen Sie Ihren ersten Wanderweg H2 Wählen Sie eine Route H2 Packen Sie das Nötigste ein
Diese beiden Abschnitte befinden sich auf derselben Ebene. Ein detaillierterer Routenunterabschnitt könnte H3 unterhalb des ersten H2 verwenden.
Returning from H4 to H2 can close a subsection correctly. Fixed navigation and sidebar regions may also need context. Read WAI’s heading guidance.
Three titles, different jobs
- H1: the page heading
- Ein Überschriftenelement im Dokument. Der Wortlaut soll den Lesern helfen, das Thema der Seite zu verstehen. Dieses Tool findet den in der bereitgestellten Quelle vorhandenen H1-Text.
- HTML title: the document label
- Das Titelelement stellt einen Dokumenttitel bereit, der üblicherweise im Browser-Tab angezeigt wird. Der Bericht zeigt das erste bereitgestellte Titelelement; es muss nicht genau mit dem H1 übereinstimmen.
- Search title: a search engine’s choice
- Der Titellink eines Suchergebnisses kann auf dem HTML-Titel, prominenten Überschriften und anderen Quellen basieren. Dieser Prüfer ruft den ausgewählten Titel von Google nicht ab oder sagt ihn nicht voraus.
Google uses several sources to generate title links. See Google’s title-link documentation.
Turn findings into edits
- Make the main heading describe the page’s specific topic. Replace empty headings with meaningful text or remove unused markup.
- Match subsection ranks to the content relationships. Review navigation and hidden variants in a real browser before editing them.
- Recheck the source after saving changes. Use the Title & Meta Checker to review the document title and description separately.