Lektion 02 · Grundlagen der Seite
Überschriften: Gliederung für Mensch und Maschine
Überschriften sind das Inhaltsverzeichnis einer Seite. Sie helfen Besuchern beim Überfliegen, Screenreadern bei der Navigation – und Suchmaschinen beim Verstehen, worum es in welchem Abschnitt geht.
Live auf dieser Seite
Diese Gliederung wird aus den echten Überschriften dieser Seite erzeugt:
h1Überschriften: Gliederung für Mensch und Maschineh2Live auf dieser Seiteh2So geht's richtigh3Ein Beispielh2Typische Fehlerh2Mythos-Checkh2Quellen & Stand
Taste G: Alle Überschriften leuchten im Quelltext auf, die Prüfung zählt H1 und sucht übersprungene Ebenen.
So geht's richtig
- Eine aussagekräftige
<h1>, die den Inhalt der Seite zusammenfasst. - Darunter eine logische Hierarchie:
<h2>für Hauptabschnitte,<h3>für Unterpunkte – ohne Ebenen zu überspringen. - Jede Überschrift beschreibt den folgenden Abschnitt in wenigen Worten.
- Aussehen per CSS gestalten – nicht eine Überschrift wählen, weil sie „groß genug“ aussieht.
Ein Beispiel
<h1>Wanderschuhe pflegen</h1>
<h2>Reinigen nach der Tour</h2>
<h3>Glattleder</h3>
<h3>Textil und Membran</h3>
<h2>Imprägnieren</h2>
Typische Fehler
- Überschriften-Tags nur für die Optik, z. B. eine
<h4>für kleingedruckte Hinweise. - Ganze Absätze als Überschrift ausgezeichnet.
- Das Logo als einzige
<h1>auf jeder Seite. - Keine Überschriften im Text – eine einzige Textwand.
Mythos-Check
- „Die H1 darf pro Domain nur einmal vorkommen.“ (stand so 2014 auch auf dieser Seite)
- Falsch. Jede Seite hat ihre eigene H1 – wie oft sie auf der Domain vorkommt, spielt keine Rolle. Sie sollte nur pro Seite eindeutig zum Inhalt passen.
- „Mehrere H1 auf einer Seite schaden dem Ranking.“
- Google kommt laut eigener Aussage mit mehreren H1 zurecht. Eine einzige, klare H1 ist trotzdem guter Stil und hilft der Barrierefreiheit.
Quellen & Stand
Zuletzt geprüft: Oktober 2026