H1-Überschrift: Definition, Regeln & Beispiel

Was bedeutet H1?

Die H1-Überschrift ist die Titelzeile einer einzelnen Seite der Domain. Das Kürzel steht für „Heading 1“ und ist die Überschrift erster Ordnung.

Auf Websites werden Inhalte technisch in Überschriften-Ebenen gegliedert: Die H1 steht ganz oben, darunter folgen H2 für Hauptabschnitte, H3 für Unterabschnitte und so weiter. Bei vielen normalen Webseiten reichen H1 bis H3 bereits aus, bei tiefer gegliederten Inhalten können aber auch H4 bis H6 sinnvoll sein.

Pro Seite sollte es im Regelfall eine klare H1 als Hauptüberschrift geben. Dahinter können sinngemäß mehrere H2-Überschriften folgen. Diese Hierarchie gibt Besuchern eine Übersicht über die Inhalte und hilft Suchmaschinen dabei zu verstehen, worum es auf der Seite und in den einzelnen Abschnitten geht.

Wo haben die H1 und die Überschriftenhierarchie ihren Ursprung?

Überschriftenebenen gehören seit den frühen Tagen zu HTML und sind damit Teil der Grundsprache, in der Websites aufgebaut sind. Sie dienen dazu, Dokumente logisch zu strukturieren, vergleichbar mit Überschriften in einem gedruckten Text.

Durch Suchmaschinen gewann die H1 zusätzlich an Bedeutung, da sie dabei hilft, das zentrale Thema einer Seite einzuordnen. Zudem wurde eine saubere Überschriftenhierarchie zu einem wichtigen Bestandteil der Barrierefreiheit, da Menschen mit Vorleseprogrammen über Überschriften gezielt durch Inhalte navigieren können.

Warum ist die H1 wichtig?

Die H1 zeigt auf den ersten Blick, ob sich ein Besucher an der richtigen Stelle befindet. Eine klare, treffende Hauptüberschrift bestätigt, was ein Suchtreffer oder eine Anzeige versprach. Eine vage oder fehlende H1 kann hingegen Zweifel wecken und einen Absprung auslösen.

Die H1 gibt Besuchern Orientierung und Suchmaschinen Hilfe bei der Einordnung und hat somit einen doppelten Wert. Und da Überschriften wichtige Orientierungspunkte für Vorleseprogramme darstellen, ist eine aussagekräftige H1 eine Selbstverständlichkeit im Hinblick auf Barrierefreiheit.

Vorteile

Eine gute H1 verbessert Orientierung, Auffindbarkeit und Barrierefreiheit mit minimalem Aufwand.
Sie ist schnell formuliert und angepasst.
Sie schafft sofortige Klarheit für Besucher.
Die H1 gibt Suchmaschinen einen wichtigen Hinweis auf das Seitenthema, was die Einordnung für passende Suchbegriffe unterstützen kann.

Herausforderungen

Ein häufiger Fehler sind mehrere oder gar keine H1 pro Seite. Sie sollten auch nicht als reines Gestaltungsmittel verstanden werden, mit dem man Text in großen Lettern darstellen kann. Überschriften sind Teil der inhaltlichen Struktur und müssen für Menschen und Suchmaschinen aussagekräftig sein. Teilweise fehlt auch das Verständnis für die Hierarchie, deshalb hier ein Beispiel:

H1: Die Hierarchie der Überschriften

H2: Warum die H1 wichtig ist

H2: Andere Überschriften-Ebenen

H3: Die Überschrift für Hauptabschnitte im Text, die H2.

H3: Eine Überschrift innerhalb eines Hauptabschnitts? Nimm die H3.

H3: Für alle, die es gerne wild treiben: unübliche Überschriften-Ebenen

H4: H4 – ein Notnagel, aber passiert manchmal

H5: H5 – höchstens in langen Dokumenten

H6: H6 – jetzt werden Sie mal nicht putzig

H2: Überschriften richtig setzen

H2: Überschriften online kaufen

Beispiel

Auf der Leistungsseite eines Elektrobetriebs steht als Hauptüberschrift nur „Willkommen“. Worum es sich hierbei handelt, weiß weder Besucher noch Suchmaschine.

Der Betrieb ändert die H1 zu „Elektroinstallation für Gewerbe und Industrie im Alb-Donau-Kreis“. Schon ist jedem klar, worum es sich hierbei handelt. Auch die Suchmaschine erhält einen deutlich klareren Hinweis darauf, welchem Thema die Seite zuzuordnen ist.