Zum Inhalt springen

Header-Tags (H1, H2, H3, etc.)

oder auch H-Tags, Heading Tags, Überschriften-Tags

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 15.10.2026

Header-Tags sind die HTML-Elemente H1 bis H6, mit denen Überschriften ausgezeichnet und in eine Rangfolge gebracht werden. H1 steht für den höchsten Rang, H6 für den niedrigsten. Sie machen die Gliederung einer Seite für Browser, Screenreader und Suchmaschinen lesbar.

Header-Tags

HTML-Elemente H1 bis H6, mit denen Überschriften ausgezeichnet und in eine Rangfolge gebracht werden.
Beispiel: „Die Abschnittsüberschriften der Seite sind als H2 ausgezeichnet.“

Auch: H-Tags, Heading Tags oder Überschriften-Tags. Das H steht für heading, die Ziffer für die Ebene.

Abgrenzung zum Header: Der Header ist der obere Bereich einer Seite mit Logo und Navigation. Die Header-Tags haben damit nichts zu tun, auch wenn die Namen sich ähneln.

Sechs Überschriftenzeilen in abgestufter Einrückung mit den Marken H1, H2 und H3 davor; die H1 ist hervorgehoben, darunter liegen zwei H2 mit je ein bis zwei H3
Die Ziffer im Tag gibt den Rang an, die Einrückung zeigt ihn hier nur an.

Die Regeln für die Rangfolge

Je Seite gibt es genau eine H1, und sie benennt das Thema der Seite. Darunter folgen H2 für die Hauptteile und H3 für deren Unterpunkte. Eine Ebene wird dabei nicht übersprungen: Auf eine H2 folgt eine H3 und keine H4.

<h1>Webdesign für Steuerberater</h1>
  <h2>Was eine Kanzleiwebsite leisten muss</h2>
    <h3>Mandantenportal</h3>
    <h3>Terminbuchung</h3>
  <h2>Ablauf und Dauer</h2>

Die Einrückung steht hier nur zur Veranschaulichung; im Quelltext folgen die Elemente nacheinander. Die Rangfolge ergibt sich allein aus den Ziffern.

Was Suchmaschinen daraus lesen

Die H1 ist ein starker Hinweis auf das Thema der Seite, die übrigen Ebenen helfen beim Verständnis des Aufbaus. Ein Rankingfaktor im engeren Sinn ist die Auszeichnung nicht, aber eine Seite mit klarer Gliederung wird zuverlässiger richtig eingeordnet.

Wichtiger ist die Wirkung auf Screenreader. Sie bieten eine Liste aller Überschriften an, über die sich eine Seite durchsuchen lässt. Fehlen die Auszeichnungen, fällt dieser Weg weg und die Seite muss von oben nach unten durchgehört werden.

Häufige Fehler

Mehrere H1 auf einer Seite, meist weil das Logo und die Seitenüberschrift beide so ausgezeichnet sind. Übersprungene Ebenen, weil die H3 besser aussah als die H2. Und Überschriften-Tags um Textstellen, die nur hervorgehoben werden sollten, etwa um einen Preis.

Siehe auch:

Überschrift

Zeile, die einen Textabschnitt benennt und dessen Rang in der Gliederung der Seite angibt.

#Website-Struktur

Quelltext

Der HTML-Code einer Seite, den der Browser empfängt und zur Darstellung verarbeitet.

#Website-Struktur

Meta-Description

Angabe im Kopf einer Seite, die den Text unter dem Titel in den Suchergebnissen vorschlägt.

#Website-Struktur

Unterseite

Einzelne Seite innerhalb einer Website, erreichbar unter einem eigenen Pfad hinter der Domain.

#Website-Struktur

Title-Tag

Angabe im Quelltext, die den Titel einer Seite für Browser-Tab und Suchergebnis festlegt.

#Website-Struktur

Fließtext

Zusammenhängender Text in Absätzen, der den Hauptteil einer Seite trägt.

#Website-Struktur