Überschriften-Struktur mit H1 und H2

Was sind H1 und H2?

Im HTML-Code gibt es sechs Überschriften-Stufen, von H1 bis H6. Die H1 ist die wichtigste und beschreibt das Thema der ganzen Seite, etwa «Sanitär und Heizung in Winterthur». Die H2 gliedern die Seite in Abschnitte, zum Beispiel «Badsanierung» und «Heizungsersatz». Eine H3 würde darunter weiter unterteilen. Entscheidend ist die Bedeutung, nicht die Schriftgrösse. Eine Zeile, die nur gross und fett formatiert ist, ist für Programme keine Überschrift. Nur das Element H1 beziehungsweise H2 im Code zählt.

Warum zählt das für Google und KI-Assistenten?

Programme lesen Seiten nicht wie Menschen. Sie brauchen Anhaltspunkte, welcher Text wozu gehört. Überschriften liefern diese Gliederung. Google wertet sie als Hinweis auf das Thema der Seite. KI-Programme können Abschnitte anhand der Überschriften sinnvoll trennen und einzelne Antworten daraus ableiten. Überschriften, die als Frage oder klare Aussage formuliert sind, passen oft gut zu dem, was Menschen suchen. Mehrere H1 oder gar keine verwischen das Thema. Auch für Besucher mit Vorlese-Programm ist die Struktur eine wichtige Navigationshilfe.

So prüfen Sie es selbst

Öffnen Sie die Startseite, drücken Sie Strg+U und suchen Sie mit Strg+F nach «<h1». Es sollte genau ein Treffer erscheinen. Suchen Sie danach nach «<h2». Mindestens ein Treffer sollte erscheinen. Ein Browser-Zusatz für Webentwickler zeigt die Überschriften-Struktur auch als Liste. Der Gratis-Check von KI-Sichtradar zählt die H1 und H2 der Startseite und sagt Ihnen, ob die Anzahl passt. Ob die Texte der Überschriften inhaltlich gut gewählt sind, bewertet er nicht.

<h1>Muster AG: Sanitär und Heizung in Winterthur</h1>

<h2>Badsanierung aus einer Hand</h2>
<p>…</p>

<h2>Heizungsersatz und Wärmepumpen</h2>
<p>…</p>

<h2>Notfall-Service</h2>
<p>…</p>

So beheben Sie es

Legen Sie fest, was das Thema der Startseite ist, und machen Sie daraus genau eine H1 mit Angebot und Ort. Teilen Sie den übrigen Text in Abschnitte mit je einer H2 auf. Verwenden Sie Überschriften nicht, um Text grösser oder fetter zu machen. Dafür gibt es Schriftformatierung. Bei WordPress wählen Sie im Editor die Absatzart «Überschrift» und die Ebene. Bei Baukästen ist die Ebene oft in den Elementeinstellungen als «H1» oder «H2» wählbar. Häufige Fehler: Das Logo ist als H1 ausgezeichnet, oder es gibt mehrere H1.

1. Suchen Sie im Quelltext nach «<h1» und zählen Sie die Treffer.
2. Reduzieren Sie auf genau eine H1, die Angebot und Ort nennt.
3. Gliedern Sie die Seite mit mindestens zwei bis drei H2 nach Themen.
4. Entfernen Sie Überschriften-Auszeichnungen, die nur der Optik dienen, zum Beispiel beim Logo.
5. Prüfen Sie im Quelltext erneut die Anzahl.