wtoolsy.com
Netzwerk, DNS, IP
Entwickler-Tools
SEO und Webseiten-Analyse
Finanzen und Rechner
Allgemein
Artikel
Alle Artikel

HTML-Überschriften H1–H6 — Hierarchie, SEO und Barrierefreiheit

HTML-Überschriften (Headings) sind H1–H6-Tags, die die Inhaltshierarchie einer Seite definieren. Suchmaschinen und Screenreader verwenden sie, um die Dokumentstruktur zu verstehen. Eine korrekte Überschriftenstruktur ist für SEO, Barrierefreiheit und Lesbarkeit der Seite von entscheidender Bedeutung.

Prüfe die Überschriftenstruktur deiner Seite

Das Tool analysiert automatisch die Überschriftenhierarchie einer beliebigen Seite: Headings Checker.

Was sind HTML-Überschriften?

Überschriften sind HTML-Tags von H1 bis H6, die eine hierarchische Inhaltsstruktur bilden — ähnlich wie Kapitel und Unterkapitel in einem Buch. H1 ist der Haupttitel, H2 sind Abschnitte, H3 sind Unterabschnitte usw. Der Browser zeigt sie standardmäßig mit abnehmender Schriftgröße an, aber ihre wahre Rolle geht weit über das Aussehen hinaus.

H1–H6

6 Überschriftenebenen

empfohlene Anzahl von H1 pro Seite

~60%

der Seiten haben Fehler in den Überschriften

WCAG

erfordert eine korrekte Hierarchie

H1–H6-Überschriftenhierarchie

Jede Überschriftenebene erfüllt eine andere Rolle in der Dokumentstruktur. Das Überspringen von Ebenen (z. B. von H2 auf H4) ist ein struktureller Fehler.

H1
Seitentitel

Eines pro Seite. Hauptschlüsselwort. Beschreibt die gesamte Seite.

H2
Hauptabschnitt

Hauptinhaltsbereiche. Sollten die Kernthemen der Seite abdecken.

H3
Unterabschnitt

Detaillierung des H2-Abschnitts. Können LSI-Keywords enthalten.

H4
Unterabschnitt der 3. Ebene

Seltener verwendet. Nur anwenden, wenn der Inhalt eine tiefere Gliederung erfordert.

H5
Unterabschnitt der 4. Ebene

Sehr selten. Meist überflüssig — erwäge eine Vereinfachung der Struktur.

H6
Unterabschnitt der 5. Ebene

Praktisch nicht verwendet. In den meisten Fällen kann es durch ein anderes HTML-Element ersetzt werden.

Beispiel einer korrekten Struktur

Eine korrekte Überschriftenhierarchie bildet einen Baum — jede Ebene ist in der übergeordneten verschachtelt.

Korrekte Struktur
H1 DNS-Leitfaden
  H2 Was sind DNS-Einträge?
    H3 A-Eintrag
    H3 CNAME-Eintrag
  H2 Wie überprüft man DNS?
    H3 Online-Tools
    H3 dig-Befehl
Fehlerhafte Struktur
H1 DNS-Leitfaden
  H3 Was sind DNS-Einträge?  ← H2 übersprungen
    H5 A-Eintrag             ← H4 übersprungen
H2 Wie überprüft man DNS?       ← H2 nach H5?
    H4 Online-Tools     ← H3 fehlt

Überschriften und SEO

Suchmaschinen analysieren Überschriften, um zu verstehen, worum es auf der Seite geht und wie wichtig einzelne Inhaltsbereiche sind.

H1

H1 — das wichtigste SEO-Signal

Google betrachtet die H1 als die Hauptbeschreibung der Seite. Sie sollte das primäre Keyword enthalten und einzigartig sein – nur eine H1 pro Seite. Eine fehlende oder mehrfache H1 ist ein Zeichen für eine schwache Struktur.

H2

H2 — Abschnittsthemen

H2s definieren die auf der Seite behandelten Hauptthemen. Es lohnt sich, Varianten und Synonyme des Hauptschlüsselworts (LSI-Keywords) einzufügen. Sie erscheinen häufig in Featured Snippets.

H3+

H3–H6 — Tiefe und Detailgrad

H3 und tiefer helfen Crawlern, die detaillierte Struktur zu verstehen. Sie sind besonders wichtig bei langen Ratgeberartikeln und Dokumentationen. Sie haben einen geringeren direkten Einfluss auf Rankings als H1 und H2.

Überschriften und Barrierefreiheit

Für Screenreader-Nutzer (Blinde, Sehbehinderte) sind Überschriften die primäre Navigationsmethode auf einer Seite.

Der WCAG-2.1-Standard erfordert eine korrekte Überschriftenhierarchie

Kriterium 1.3.1 (Informationen und Beziehungen) und 2.4.6 (Überschriften und Beschriftungen) verpflichten zur Verwendung von Überschriften auf eine Weise, die die Inhaltsstruktur und nicht nur das Aussehen widerspiegelt.

Bewährte Praktiken

  • Ein H1, das das Thema der Seite enthält
  • Beibehaltung der Hierarchiekontinuität (ohne Sprünge)
  • Beschreibende, verständliche Überschrifteninhalte
  • Überschriften spiegeln die Struktur wider, nicht den Stil

Häufige Fehler

  • Überschriften nur wegen großer Schriftgröße verwenden
  • Eine Ebene überspringen (z. B. H2 → H4)
  • Fehlendes H1 oder mehrere H1 auf der Seite
  • Leere Überschriften oder Überschriften mit nur einem Bild

Schnellübersicht — H1–H6

Tag Wie viele pro Seite SEO-Einfluss Typische Verwendung
H1 Genau 1 Sehr hoch Seiten-/Artikeltitel
H2 Einige Hoch Hauptinhaltsbereiche
H3 Beliebig Moderat Unterabschnitte innerhalb von H2
H4 Beliebig Niedrig Tiefere Inhaltsgliederungen
H5 Selten Minimal Dokumentation, Spezifikationen
H6 Fast nie Minimal Sehr seltene Fälle

FAQ

Kann man mehr als ein H1 auf einer Seite haben?

Technisch gesehen erlaubt HTML5 mehrere H1 in verschiedenen Abschnitten, aber in der SEO-Praxis wird ein H1 pro Seite empfohlen. Google hat mehrfach bestätigt, dass es eine klare Deklaration des Seitenthemas bevorzugt. Mehrere H1 können das Signal für Suchmaschinen verwässern und Screenreader-Nutzer verwirren.

Ist der Seitentitel (title) dasselbe wie H1?

Nein. Das title-Tag ist auf der Seite unsichtbar — es wird im Browser-Tab und in den Google-Ergebnissen angezeigt. H1 ist die sichtbare Überschrift auf der Seite. Sie sollten inhaltlich ähnlich sein, müssen aber nicht identisch sein. Der title ist für Suchergebnisse auf ca. 60 Zeichen begrenzt, H1 kann länger sein.

Spielt die Reihenfolge der Überschriften für SEO eine Rolle?

Ja. Google analysiert die Überschriftenhierarchie, um die Struktur und thematischen Zusammenhänge des Inhalts zu verstehen. Das Überspringen von Ebenen (z. B. H2 → H4) ist kein kritischer Fehler, erschwert aber Crawlern und Nutzern das Verständnis der Beziehungen zwischen Abschnitten. Regelmäßige Audits der Überschriftenstruktur sind eine gute SEO-Praxis.

Kann ich Überschriften so stylen, dass sie wie normaler Text aussehen?

Ja — das Aussehen einer Überschrift kann beliebig über CSS geändert werden. Wichtig ist jedoch die semantische Rolle in HTML, nicht die visuelle. Die umgekehrte Situation ist problematisch: Das Stylen eines normalen Absatzes als großen Text macht ihn weder für Suchmaschinen noch für Screenreader zur Überschrift.

Wie prüft man Überschriften auf seiner Seite?

Du kannst unser Headings Checker-Tool verwenden, das die Hierarchie der Überschriften einer beliebigen Seite visuell darstellt. Alternativ gib in den Chrome DevTools in der Konsole Folgendes ein: document.querySelectorAll('h1,h2,h3,h4,h5,h6'), um eine Liste aller Überschriften zu sehen.