KI-generierte Illustration
H1 bis H6 richtig nutzen: Überschriftenstruktur für SEO, Lesbarkeit und ScannabilityÜberschriften ordnen Gedanken, Erwartungen und Themenhierarchien auf der Seite
Überschriften beschreiben die inhaltliche Hierarchie einer Seite. Ihre HTML-Stufe sollte sich aus dieser Struktur ergeben; die gewünschte Schriftgröße wird anschließend im Design festgelegt.
Eine verständliche Gliederung lässt sich auch ohne Fließtext lesen. Wiederverwendete Komponenten müssen zur Ebene ihres Einsatzortes passen.
Hauptthema, Abschnitt und Unterthema trennen
Eine Anleitung besitzt ein zentrales Thema und mehrere Arbeitsschritte. Eine Produktübersicht hat dagegen eine Auswahl als Hauptinhalt und darunter einzelne Teaser. Das gleiche Teaser-Element kann deshalb nicht überall automatisch die Hauptüberschrift der gesamten Seite sein.
Prüfen Sie die veröffentlichte Seite einschließlich Navigation und mobiler Varianten. Der Editor zeigt nicht immer sämtliche Überschriften, die Theme und Plugins später ergänzen.
Eine einfache nachvollziehbare Gliederung
Die H3-Unterpunkte gehören zur Vorbereitung. Eine kleinere Schrift wäre kein Grund, sie ohne diese Beziehung zu verwenden. Umgekehrt kann eine H2 optisch zurückhaltend gestaltet sein und trotzdem einen Hauptabschnitt eröffnen.
<h1>Fahrradbremsen warten</h1>
<h2>Vorbereitung</h2>
<h3>Werkzeug bereitlegen</h3>
<h3>Bremsentyp bestimmen</h3>
<h2>Beläge kontrollieren</h2>
<h2>Funktion sicher nachprüfen</h2>Die bestehende Seite prüfen
- Alle tatsächlich ausgegebenen Überschriften in Reihenfolge lesen.
- Für jeden Eintrag klären, ob er ein Thema oder nur ein dekoratives Label ist.
- Doppelte Seitentitel aus Theme und Inhalt unterscheiden.
- Wiederverwendete Karten, Akkordeons und Menüs im Gesamtkontext prüfen.
- Nach der Korrektur die Gliederung auf verschiedenen Seitentypen vergleichen.
Keine reine Zähloptimierung
Mehrere H1 oder ein Ebenensprung sind nicht automatisch ein nachgewiesener Rankingverlust. Eine rein numerische Korrektur kann sogar die Struktur verschlechtern, wenn sie sinnvolle Inhalte falsch einordnet.
Kurze Kontaktseiten benötigen nicht künstlich alle Ebenen von H1 bis H6. Wählen Sie so viele Abschnitte, wie der Inhalt tatsächlich sinnvoll unterscheidet.
Häufige Fragen
Muss jede Seite alle sechs Ebenen verwenden?
Nein. Die Ebenen sind ein Mittel zur Hierarchie, keine abzuarbeitende Liste.
Darf eine Überschrift kleiner aussehen als eine darunterliegende?
Die Gestaltung ist getrennt vom HTML-Tag möglich. Für Nutzer sollte die visuelle Hierarchie trotzdem verständlich bleiben.