Überschriftenstruktur

TL;DR

Überschriftenstruktur organisiert Inhalte hierarchisch (H1→H2→H3). Screenreader nutzen sie zur Navigation – keine Ebene überspringen, nur ein H1 pro Seite.

Was ist Überschriftenstruktur?

Überschriftenstruktur bezeichnet die hierarchische Gliederung von Inhalten durch Überschriften-Tags (H1 bis H6). Sie schafft Ordnung für Nutzer und ist essentiell für Screenreader-Navigation.

Die Hierarchie

• H1: Haupttitel der Seite (nur einmal)
• H2: Hauptabschnitte
• H3: Unterabschnitte von H2
• H4-H6: Weitere Unterteilungen

Regeln

• Nur ein H1 pro Seite
• Keine Ebenen überspringen (H1→H3 ist falsch)
• Überschriften nach Bedeutung, nicht nach Größe wählen
• Jeder Abschnitt sollte eine Überschrift haben

Warum wichtig?

• Screenreader: Nutzer navigieren per Überschriften
• SEO: Suchmaschinen verstehen Struktur
• UX: Schnelles Scannen möglich
• Wartbarkeit: Klare Dokumentstruktur

Überschriften und Nachhaltigkeit

Gute Struktur ist effizient:

• Nutzer finden schneller, was sie suchen
• Weniger Scroll-Versuche
• Bessere Orientierung = kürzere Sitzungen

Fazit

Überschriftenstruktur ist HTML-Grundlage. Sie kostet nichts, verbessert aber Barrierefreiheit, SEO und Nutzererlebnis erheblich.