Eine gute Überschrift für Maschinen und Menschen: Eine H1 pro Seite. Keine Übersprungspunkte.

Überschriften sind wichtig für Bildschirmleser. Sie helfen von Abschnitt zu Abschnitt zu springen. Maschinen lesen Überschriften als Themenplan. Gute Überschriften heißen: Eine H1, keine Lücken in der Reihenfolge. Keine großen Sprünge zum Beispiel von H2 zu H4. Sie beschreiben das folgende Thema.

Die WCAG-Regel 1.3.1 ist sehr wichtig. Eine Seite mit drei H1 oder eine H4 direkt nach H1 ist schlecht. Nutzer von Bildschirmlesern verstehen dann wenig. Suchmaschinen verstehen die Themen nicht gut. Ein guter Struktur-Manager im Hintergrund verhindert Fehler. So nutzt niemand Überschriften als einfach „großen Text“.

15 Minuten Gespräch klären: Ist es für Ihre Seite wichtig? Mehr Infos: BFSG-Übersicht, Leistungs-Übersicht, BAFA-Förderung, häufige Fragen.

WCAG 1.3.1 · WCAG-Modul

Heading-Hygiene & Struktur-Manager

Saubere Outline für Screenreader und Suchmaschinen — eine H1 pro Page, keine Sprünge.

Was ist das?

Was bedeutet „Heading-Hygiene & Struktur-Manager"?

Headings (<h1> bis <h6>) sind die Inhaltsverzeichnis-Struktur einer Page. Screenreader navigieren per Heading-Shortcut von Abschnitt zu Abschnitt, Suchmaschinen lesen sie als Themen-Karte. Heading-Hygiene heißt: genau eine <h1>, lückenlose Hierarchie (kein h2 → h4-Sprung), Headings beschreiben das, was folgt.

Warum wichtig?

Pflicht und Nutzen — WCAG 1.3.1.

WCAG 1.3.1 (Info and Relationships) ist Level A. Eine Page mit drei h1s oder einer h4 direkt nach h1 ist semantisch kaputt — Screenreader-Nutzer verlieren die Orientierung, SEO leidet (Google nutzt Heading-Outline für Topic-Verständnis). Plus: ein konsistenter Struktur-Manager im Backend verhindert, dass die Redaktion versehentlich Headings als „großer fetter Text" missbraucht.

Unsere Umsetzung

Wie wir es konkret lösen.

Pro Page genau ein <h1> (meist Page-Titel oder Hero-Headline).
Lückenlose Hierarchie: h1 → h2 → h3, kein Sprung von h2 direkt auf h4.
Struktur-Manager im Backend zeigt die Outline live während des Editierens — visuelle Validierung statt Stichproben.
Theme-Templates renden Headings semantisch, nicht aus Design-Gründen (kein h3 nur weil 24 px gewünscht ist — dafür gibt es CSS).
Linter im Pre-Publish-Hook: blockt das Veröffentlichen bei Heading-Verstoß (optional).
Im DigElite-Plugin live in jeder Page-Klasse: bewusste h1/h2/h3-Strategie pro Sektion.

Weitere WCAG-Module

Brauchen Sie genau dieses Modul?

15 Minuten Erstgespräch — wir klären, ob es für Ihre Site relevant ist.

Erstgespräch buchen

Weiterführend:
BFSG-Übersicht ·
Leistungs-Übersicht ·
BAFA-Förderung ·
FAQs

Heading-Hygiene & Struktur-Manager

Was bedeutet „Heading-Hygiene & Struktur-Manager"?

Pflicht und Nutzen — WCAG 1.3.1.

Wie wir es konkret lösen.

Verwandte Bausteine unserer Modulsuite

Brauchen Sie genau dieses Modul?