Überschriften richtig strukturieren | WP Tipp
Überschriften helfen dabei, Inhalte zu gliedern und Orientierung auf einer Inhaltsseite zu schaffen. Dabei dient eine Überschrift nicht einfach nur der Ästhetik, sondern ist Teil der inhaltlichen Struktur. Screenreader nutzen diese Gliederung zur Navigation, Suchmaschinen zur Einordnung von Inhalten und Besucherinnen und Besucher können auf einer logisch strukturierten Seite die gewünschte Inhalte gezielt finden.
Überschriften im Block-Editor
Sie finden den Block im Block-Inserter im Abschnitt „Text“. Mit ihm lassen sich bequem unterschiedliche Überschriften-Ebenen von H2 bis H6 einfügen.
Ihr Seiten- bzw. Beitragstitel ist gleichzeitig die H1, welche auf einer Seite nur ein Mal vorkommen darf. Daher ist jeder eingefügte „Überschriften“-Block automatisch eine H2.
Über die Blockwerkzeugleiste oder die Blockeinstellungen lässt sich die Ebene nachträglich anpassen.
Überschriften einsetzen: Logisch statt optisch
Überschriften sollten einer klaren Hierarchie folgen.
H1 → Titel der Seite oder des Beitrags
H2 → Logisch strukturierte Hauptabschnitte
H3 → Unterabschnitte innerhalb eines H2-Bereichs
H4 – H6 → weitere Untergliederung bei Bedarf
Ebenen sollten nicht übersprungen werden. Auf eine H2 folgt eine H3, dann eine H4, usw.
Warum das für Barrierefreiheit wichtig ist
Menschen mit Sehbehinderung nutzen assistive Technologien wie z.B. Screenreader, welche den HTML-Code analysieren und unter anderem eben Überschriften erkennen und vorlesen. Eine logisch strukturierte Seite funktioniert dabei wie ein Inhaltsverzeichnis. Fehlt diese Struktur oder ist sie inkonsistent, wird die Navigation und Orientierung deutlich erschwert.
Die Überschriften-Hierarchie prüfen
Öffnen Sie die Dokumentenübersicht über die drei versetzten Linien im Editor und wechseln Sie auf den Reiter „Übersicht“. Sie sehen dort die auf der Seite verwendeten Überschriften. Eine falsch platzierte Überschriftenebene wird farblich hervorgehoben. Per Klick auf eine Überschrift gelangen Sie direkt zur entsprechenden Stelle.
Wenn Sie Inhalte überarbeiten oder von älteren Seiten übernehmen, lohnt sich ein kurzer Blick auf die Überschriften-Struktur. Besonders bei gewachsenen Seiten oder verschiedenen Autorinnen oder Autoren schleichen sich hier über die Zeit kleine Inkonsistenzen ein.
