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:

  1. h1 Überschriften: Gliederung für Mensch und Maschine
  2. h2 Live auf dieser Seite
  3. h2 So geht's richtig
  4. h3 Ein Beispiel
  5. h2 Typische Fehler
  6. h2 Mythos-Check
  7. h2 Quellen & 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