Was es ist
Überschriften-Tags gibt es in sechs Ebenen, von <h1> (der Haupttitel) bis <h6> (die kleinste Unterüberschrift), und sie sollen der Reihe nach verwendet werden, um eine verschachtelte Gliederung des Seiteninhalts aufzubauen – ein H1 ganz oben, H2s für die Hauptabschnitte, H3s für Unterabschnitte darin und so weiter. „Überschriftenhierarchie“ beschreibt einfach, ob die Überschriften einer Seite dieser verschachtelten Reihenfolge tatsächlich folgen, oder ob Ebenen übersprungen oder außer der Reihe verwendet werden – etwa ein direkter Sprung von H1 zu H3 ohne dazwischenliegendes H2.
Das passiert leicht, wenn Überschriften rein nach ihrem Aussehen gewählt werden (welche Ebene zufällig in der gewünschten Schriftgröße erscheint), statt nach ihrer strukturellen Bedeutung.
Warum es wichtig ist
Eine gut strukturierte Überschriftenhierarchie funktioniert wie ein direkt in die Seite eingebautes Inhaltsverzeichnis – sowohl Suchmaschinen als auch Nutzende von Screenreadern verlassen sich darauf, um zu verstehen, wie der Inhalt einer Seite aufgebaut ist, und um direkt zu dem Abschnitt zu springen, der sie interessiert. Übersprungene oder ungeordnete Überschriftenebenen zerstören diese Gliederung und machen die Struktur der Seite für Software spürbar schwerer nachvollziehbar – selbst wenn sie für sehende Besucher beim normalen Scrollen völlig normal aussieht.
Das richtig zu machen bedeutet nicht, mehr Überschriften einzubauen, als eine Seite braucht – es bedeutet nur, die vorhandenen Ebenen in der richtigen, verschachtelten Reihenfolge zu verwenden, statt sie allein nach Schriftgröße auszuwählen.
So behebst du es
- Liste alle Überschriften der Seite der Reihe nach auf und notiere ihre Ebene (H1, H2, H3 usw.) – die meisten Browser-Tools oder -Erweiterungen für Barrierefreiheit können diese Gliederung automatisch erstellen.
- Prüfe, ob die Seite genau ein H1 hat, gefolgt von H2s für die Hauptabschnitte.
- Achte darauf, ob eine Überschriftenebene übersprungen wird – zum Beispiel ein H2, auf das direkt ein H4 folgt, ohne H3 dazwischen – und ergänze die fehlende Ebene oder stufe die übersprungene Überschrift entsprechend herab.
- Wurde eine Überschrift nur wegen ihrer optischen Größe gewählt statt wegen ihrer Rolle in der Struktur, ändere ihre Überschriftenebene und passe die Schriftgröße stattdessen separat über das Design an.
- Führe deinen Launch-Readiness-Check erneut aus, um zu bestätigen, dass die Hierarchie jetzt stimmig ist.