H1- und H2-Tags einer Seite prüfen

Die passende Eingabe für deine Frage wählen

Öffne den H1-Prüfer und gib die öffentliche Seitenadresse ein. Untersucht wird das HTML, das unser Abrufdienst erhält. Prüfe die Adresse im Ergebnis, besonders nach einer Weiterleitung. Eine Anmeldeseite, eine blockierte Anfrage oder eine andere Antwort kann eine unerwartete Anzahl erklären. Der Bericht beschreibt diese Antwort und belegt nicht, was alle Besucher oder Crawler erhalten.

Wähle für einen Entwurf, eine geschützte Seite oder einen kleinen Test HTML einfügen. Füge den Quelltext als Text ein und starte die Prüfung ausdrücklich. Dieser Modus arbeitet lokal, ohne die Seite oder eingebettete Ressourcen anzufordern. Bis zu 250.000 Zeichen sind möglich; längere Eingaben werden abgelehnt und nicht gekürzt. Ein Ausschnitt beschreibt nur diesen Ausschnitt. Füge das title-Element hinzu, wenn du dessen Wortlaut vergleichen möchtest.

Mit einer kleinen H1–H3-Gliederung beginnen

Kopiere dieses Beispiel in die lokale HTML-Eingabe. Es enthält eine H1, zwei H2 und eine H3. Die letzte H2 beginnt nach dem H3-Unterabschnitt einen neuen Abschnitt. Unser H1-Prüfer zeigt die Anzahlen aller sechs Ebenen, obwohl dieses Beispiel nur drei nutzt. Die Reihenfolge bleibt wie im Quelltext, damit du einen Hinweis den umliegenden Überschriften zuordnen kannst.

W3C empfiehlt sinnvolle Ränge und möglichst keine Sprünge in tiefere Ebenen. Von H3 zu H2 zurückzukehren schließt einen Unterabschnitt. Lies die Gliederung als Beschreibung deines Inhalts und prüfe danach die Darstellung. Eine große Schrift macht einen Absatz noch nicht zur Überschrift. Auch eine korrekte Anzahl zeigt nicht, ob die jeweilige Beschriftung den Lesern wirklich hilft.

<title>Plane deinen Besuch</title>
<h1>Plane deinen Besuch</h1>
<h2>Anreise</h2>
<h3>Mit der Bahn</h3>
<h2>Öffnungszeiten</h2>

Aus jedem Hinweis eine konkrete Prüfung machen

Beginne mit den H1–H6-Anzahlen und lies Hinweise und Gliederung gemeinsam. Die Nummern beziehen sich auf die Reihenfolge im Quelltext, nicht auf Zeilen im Editor oder Positionen auf dem Bildschirm. Öffne die Seite neben dem Bericht. So kannst du vor einer Änderung erkennen, ob ein Element zur Navigation, zum Artikel oder zu einer gemeinsamen Vorlage gehört und welche Aufgabe es erfüllt.

Die H1-Punktzahl verwendet die lokalen Prüfregeln dieses Werkzeugs. Zusätzliche Strukturhinweise verändern sie nicht. Eine hohe Punktzahl kann deshalb neben einem weiterhin prüfbedürftigen Element stehen. Lange Berichte zeigen einen Ausschnitt: Gliederung und Hinweistabelle enthalten die ersten 40 Einträge und nennen größere Gesamtzahlen in der Beschriftung. Die Anzahlen berücksichtigen auch Überschriften außerhalb dieses sichtbaren Ausschnitts. Prüfe daher die Beschriftung, bevor du die Tabelle für vollständig hältst.

Wiederholten H1-Text von mehreren Abschnitten unterscheiden

Dieses Beispiel enthält zwei H1 mit gleichem Text und eine leere H3. Der Prüfer meldet zwei H1, eine Gruppe wiederholten Texts und einen Hinweis auf die leere Überschrift. Der Übergang von H1 zu H3 erzeugt zusätzlich einen Hinweis zum Rangsprung. Das sind verschiedene Beobachtungen an derselben Eingabe. Sie stellen keine vier unabhängigen Messungen der Suchleistung dar und erklären keinen möglichen Verlust an Positionen.

Suche auf einer echten Seite jede H1, bevor du sie entfernst. Ein Element mit dem Seitennamen, ein mobiler Kopfbereich und der Artikeltitel können aus verschiedenen Vorlagen stammen. Prüfe, welche Elemente Leser tatsächlich antreffen und welche den Hauptinhalt bezeichnen. Eine klare Hauptüberschrift mit untergeordneten Abschnitten ist ein hilfreicher Ausgangspunkt. Entscheide aber anhand des Dokuments. Aus der Anzahl kann dieses Werkzeug keine Google-Abstrafung diagnostizieren.

<title>Plane deinen Besuch</title>
<h1>Plane deinen Besuch</h1>
<h1>Plane deinen Besuch</h1>
<h3></h3>

Gleicher Wortlaut in title und H1 ist ein anderer Fall

Das folgende Beispiel enthält ein title-Element und eine H1 mit identischem Wortlaut. Unser Prüfer erkennt die Übereinstimmung und zählt daraus keine zweite H1. title gehört zu den Metadaten des Dokuments, während H1 Inhalt auf der Seite bezeichnet. Unterscheide diese Textbeobachtung von einer Gruppe wiederholter H1 oder von zwei title-Elementen. Die ähnlich klingenden Meldungen beschreiben unterschiedliche Dinge und brauchen unterschiedliche nächste Schritte.

Google nennt mehrere Quellen für Titellinks, darunter Überschriften, und empfiehlt einen erkennbaren visuellen Haupttitel. Unser Wortvergleich bildet deshalb noch keine Suchergebnisvorschau. Titel und Überschrift können dieselbe Seite mit anderen Worten beschreiben. Prüfe Bedeutung und Verständlichkeit selbst. Der einfache Vergleich versteht weder jede Sprache noch jeden Markennamen oder jede Umschreibung und kann deshalb keine allgemeine Aussage über die inhaltliche Übereinstimmung treffen.

<title>Plane deinen Besuch</title>
<h1>Plane deinen Besuch</h1>

Quelltext mit der Browserdarstellung vergleichen

Weder der URL-Modus noch eingefügtes HTML führt das JavaScript der Seite aus. Eine Anwendung kann Überschriften erst nach dem Laden ergänzen, während eine Vorlage zunächst anderes HTML liefert. Falls der Bericht keine H1 findet und du einen Titel siehst, untersuche das Element im Browser und vergleiche es mit der geprüften Eingabe. Notiere eine unterschiedliche Antwort, bevor du den Titel änderst. Der Unterschied kann die Beobachtung bereits erklären.

Der H1-Analysator lässt Skripte, Stile, Kommentare und Beispiele innerhalb von template aus. Er berechnet keine CSS-Sichtbarkeit, löst nicht sämtliche ARIA-Namen auf und ersetzt keine vollständige Prüfung der Barrierefreiheit. Der alt-Text eines Bilds kann eine Textalternative in einer Überschrift liefern, verlangt aber weiterhin eine visuelle und inhaltliche Kontrolle. Ein fettes div, eine ARIA-Überschrift und eine native H1 sind für diesen Bestand tatsächlicher Tags verschiedene Eingaben.

Eine Änderung vornehmen und die Veröffentlichung prüfen

Notiere das genaue Element und behalte eine Möglichkeit, die ursprüngliche Fassung wiederherzustellen. Fügt eine Vorlage eine unnötige H1 hinzu, ändere diese Komponente und prüfe eine weitere Seite mit derselben Vorlage. Ist dagegen ein Inhaltselement leer, bearbeite den Inhalt vor einer umfassenden Theme-Änderung. Rufe nach dem Speichern die öffentliche Adresse erneut auf. Eine Editorvorschau kann einen Entwurf zeigen, den Besucher noch gar nicht erhalten.

Wiederhole die Prüfung und vergleiche den betroffenen Text und seine Anzahl, nicht nur die Gesamtpunktzahl. Das Bearbeiten der URL entfernt das vorige Ergebnis und verlangt einen erneuten ausdrücklichen Start. Auch eine geänderte HTML-Eingabe entfernt ihren alten Bericht. Kopiere oder lade den Bericht herunter, wenn du einen lokalen Nachweis behalten möchtest. Er nennt die geprüfte Quelle und den Zeitpunkt. Eine automatisch gespeicherte Verlaufsliste entsteht dadurch auf dieser Website nicht.

Die nächste Prüfung nach der offenen Frage wählen

Nutze den gesonderten Strukturprüfer für dessen weitergehende Abschnitts- und Wortanzahlprüfung und den Titellängenprüfer für eine Frage zum title-Element. Diese Werkzeuge verwenden unterschiedliche lokale Faustregeln. Bewahre den Geltungsbereich neben einer kopierten Punktzahl auf. Funktionierenden Inhalt allein zur Angleichung mehrerer Zahlen umzuschreiben hilft bei der eigentlichen Prüfung wenig. Lies die einzelnen Befunde und kontrolliere, wie die vollständige Seite verstanden wird.

Prüfe die Seite abschließend in den Bildschirmgrößen deiner Leser und untersuche die Navigation mit den Methoden, die zu deiner Arbeit an Barrierefreiheit passen. Diese Anleitung und der Quellbestand helfen, konkrete Bearbeitungsschritte zu finden. Indexierung, Rankings und ein vollständig zugängliches Erlebnis brauchen eigene Nachweise. Verwende dafür passende Inspektionswerkzeuge, Tests mit Menschen und Suchdaten. Aus einer Überschriftenzahl allein lassen sich diese Ergebnisse nicht ableiten.

Quellen und weitere Informationen

• W3C WAI: Überschriften und Seitenstruktur
• Google Search Central: Titellinks