Überschriften-Trainer
Ordne den Text-Bausteinen die richtige Heading-Ebene zu. Der Outline-Tree und die Screenreader-Simulation rechts zeigen, was deine Wahl bewirkt.
- Verstehe Headings als Inhaltsverzeichnis, nicht als Stilauswahl
- Sieh sofort, wenn die Hierarchie springt oder zu viele H1 hat
- Hoere wie ein Screenreader die Seitenstruktur ankuendigt
1. Bausteine zuordnen
Klicke auf eine Ebene (H1–H6) für jeden Text-Baustein. Die Reihenfolge ist die Reihenfolge auf der Seite.
- 1
Stadtwerke Musterstadt
- 2
Unsere Tarife
- 3
Oekostrom Basis
- 4
Preisinformation
- 5
Erdgas
- 6
Service und Beratung
- 7
Stoerungshotline
- 8
Kundenzentrum
Drei Regeln, die du nie vergessen solltest
- 1 Genau eine H1 pro Seite. Sie ist der Seitentitel und sagt dem Nutzer (und Google) worum es überhaupt geht.
- 2 Keine Ebene überspringen. H1 → H2 → H3, nicht H1 → H3. Auf Ebene 1 folgt Ebene 2, dann erst 3.
- 3 Headings sind keine Stilauswahl. Wenn ein Text "größer" aussehen soll, ist das eine CSS-Aufgabe, keine Heading-Aufgabe.