Im Editor kannst du für deine Texte verschiedene Texttypen auswählen – von H1 bis H6 bis hin zum Absatz. Diese bestimmen nicht nur, wie ein Text dargestellt wird, sondern geben ihm auch eine Bedeutung innerhalb der Seitenstruktur.
Eine logisch aufgebaute Überschriftenhierarchie erleichtert Leser:innen die Orientierung und hilft Suchmaschinen sowie unterstützenden Technologien im Bereich der Barrierefreiheit, wie beispielsweise Screenreadern, die Inhalte deiner Seite besser zu verstehen.
Die Hierarchie von Überschriften
Überschriften strukturieren die Inhalte deiner Seite und sollten in einer logischen Reihenfolge verwendet werden:
H1 – Hauptüberschrift der Seite
H2 – Hauptabschnitte der Seite
H3 – Unterabschnitte einer H2
H4 bis H6 – Weitere Untergliederungen, wenn Inhalte noch feiner strukturiert werden sollen
Dabei gilt: Jede Ebene sollte thematisch zur darüberliegenden Überschrift gehören. Überspringe Hierarchieebenen möglichst nicht (z. B. direkt von H2 zu H4).
Beispiel aus der Praxis
Die wichtigste Überschrift einer Seite sollte als H1 formatiert werden. Dabei muss sie nicht optisch an oberster Stelle stehen.
Ein häufiges Beispiel ist ein Label, das oberhalb der eigentlichen Überschrift angezeigt wird:
Label: Neu
Überschrift: Sommerausgabe 2026
Obwohl das Label optisch über der Überschrift steht, sollte es nicht als H2 oder H3 formatiert werden. Da es keinen eigenen Inhaltsabschnitt einleitet, erhält das Label im Editor den Texttyp Absatz. Die Überschrift wird hingegen als H1 formatiert, da sie das Hauptthema der Seite beschreibt.
Im Editor entspricht das folgendem Aufbau:
Label „Neu“ → Absatz
Überschrift „Sommerausgabe 2026“ → H1
Grundsätzlich gilt: Verwende Überschriften nur für Inhalte, die tatsächlich einen neuen Abschnitt deiner Seite einleiten. Für Labels, kurze Einleitungen oder rein dekorative Texte eignet sich der Texttyp Absatz.
Best Practices
Verwende pro Seite möglichst nur eine H1.
Nutze H2 für die wichtigsten Inhaltsbereiche und H3 bis H6 für deren Untergliederung.
Verwende den Texttyp Absatz für Fließtext, Labels oder Textelemente, die keinen neuen Inhaltsabschnitt beginnen.
Wähle den Texttyp immer nach der Bedeutung des Inhalts – nicht nach seiner optischen Größe. Das Erscheinungsbild kannst du unabhängig davon über dein Projektstyling anpassen.