H1-Tag richtig einsetzen: Was Google, der HTML-Standard und die Barrierefreiheit von Ihrer Hauptüberschrift erwarten

Kaum ein HTML-Element wird in SEO-Diskussionen so oft genannt wie die H1 – und um kaum eines ranken sich so viele Mythen. Mal heißt es, eine zweite H1 ruiniere das Ranking, mal, die H1 sei völlig egal. Die Wahrheit liegt dazwischen: Die H1 ist die sichtbare Hauptüberschrift einer Seite, und ihr Wert liegt vor allem darin, dass Menschen, Hilfstechnologien und Google sofort erkennen, worum es geht.

Dieser Leitfaden ordnet ein, was Google selbst zu Überschriften sagt, was der HTML-Standard und die Barrierefreiheits-Richtlinien verlangen, und wie Sie daraus klare Regeln für Ihre Website ableiten.

Vertiefung: OnPage-Optimierung bei YellowFrog · Suchmaschinenoptimierung

Was die H1 ist – und was sie nicht ist

Das H1-Tag ist das HTML-Element für die Überschrift der obersten Ebene; laut HTML-Standard steht h1 für einen Abschnitt der höchsten Ebene, h2 für einen Unterabschnitt, h3 für einen Unter-Unterabschnitt und so weiter bis h6.

Was die H1 nicht ist: ein Gestaltungswerkzeug für große Schrift. Ob eine Überschrift groß oder klein aussieht, regelt CSS. Das HTML-Element sagt dagegen, welche Rolle ein Text in der Struktur der Seite spielt. Wer Elemente nur wegen ihrer Optik wählt, bekommt Seiten, die gut aussehen, aber für Suchmaschinen und Hilfstechnologien schwer zu verstehen sind.

Was Google zu Überschriften sagt

Google äußert sich in seiner Dokumentation an zwei Stellen konkret zu Überschriften: im SEO-Leitfaden für Einsteiger und in den Hinweisen zu Titellinks. Beide Aussagen zusammen ergeben ein klares Bild.

Überschriften helfen Nutzern – die Reihenfolge ist für Google zweitrangig

Im SEO-Leitfaden für Einsteiger empfiehlt Google, Überschriften zu verwenden, damit sich Nutzer auf einer Seite zurechtfinden. Zur Reihenfolge sagt Google sinngemäß: Überschriften in semantischer Reihenfolge seien großartig für Screenreader, für die Google-Suche spiele es aber keine Rolle, wenn sie nicht in der richtigen Reihenfolge stehen. Begründet wird das damit, dass das Web im Allgemeinen kein valides HTML sei und sich die Google-Suche deshalb selten auf Bedeutungen verlassen könne, die in der HTML-Spezifikation stecken. Eine ideale Anzahl von Überschriften gibt es laut Google nicht – mit dem Zusatz, dass es vermutlich zu viele sind, wenn man selbst den Eindruck hat.

Die H1 als Quelle für den Titellink

Wie wichtig die H1 trotzdem ist, zeigt die Google-Dokumentation zu Titellinks. Dort nennt Google die Quellen, aus denen der klickbare Titel eines Suchergebnisses automatisch bestimmt wird. Dazu gehören:

• der Inhalt des Title-Elements,
• der wichtigste sichtbare Titel auf der Seite,
• Überschriften-Elemente wie die H1,
• der Inhalt des Meta-Tags og:title,
• anderer großer, durch Gestaltung hervorgehobener Inhalt,
• sonstiger Text auf der Seite, Ankertexte auf der Seite und in Links, die auf die Seite zeigen,
• sowie strukturierte Daten vom Typ WebSite.

Google empfiehlt dort außerdem, klar zu machen, welcher Text der Haupttitel einer Seite ist – zum Beispiel, indem man ihn in die erste sichtbare H1 setzt und ihn optisch hervorhebt. Mehrere Überschriften mit gleichem visuellem Gewicht können dagegen verwirrend sein. Für die Praxis heißt das: Eine eindeutige H1, die zum Title-Element passt, gibt Google eine klare Grundlage für den Titellink.

Was der HTML-Standard und die Barrierefreiheit verlangen

Während Google bei der Reihenfolge von Überschriften großzügig ist, stellen der HTML-Standard und die Barrierefreiheits-Richtlinien klare Regeln für eine saubere Hierarchie auf.

Der HTML-Standard

Der HTML-Standard der WHATWG beschreibt, wie Überschriften eine Gliederung bilden. Enthält ein Dokument Überschriften, soll mindestens eine davon die Ebene 1 haben. Jede weitere Überschrift darf höchstens eine Ebene tiefer liegen als die vorangehende – ein Sprung von einer H1 direkt zu einer H3 entspricht dem Standard also nicht. Zurück auf eine höhere Ebene, etwa von H4 auf H2, darf man jederzeit springen.

Die Empfehlungen des W3C

Das W3C rät in seinem Tutorial zu Überschriften, Überschriften nach ihrer Ebene zu verschachteln, und hält fest, dass übersprungene Ebenen verwirrend sein können und nach Möglichkeit vermieden werden sollten. Browser, Erweiterungen und Hilfstechnologien können Überschriften nutzen, um eine Navigation innerhalb der Seite anzubieten. In den Web Content Accessibility Guidelines verlangt das Erfolgskriterium 2.4.6 „Headings and Labels“ (Stufe AA), dass Überschriften und Beschriftungen Thema oder Zweck beschreiben. Das Kriterium schreibt nicht vor, dass Überschriften vorhanden sein müssen – wenn es sie gibt, müssen sie aber aussagekräftig sein. Zum Erfolgskriterium 1.3.1 „Info and Relationships“ (Stufe A) nennt das W3C die Verwendung von h1 bis h6 zur Kennzeichnung von Überschriften als ausreichende Technik.

Wie Screenreader-Nutzer Überschriften verwenden

Für Menschen, die einen Screenreader nutzen, sind Überschriften oft das wichtigste Navigationsmittel einer Seite. In der Screenreader-Umfrage von WebAIM, durchgeführt im Dezember 2023 und Januar 2024 mit 1.539 gültigen Antworten, gaben 71,6 % der Befragten an, auf einer langen Seite zuerst über die Überschriften nach Informationen zu suchen. 88,8 % hielten Überschriftenebenen für sehr oder eher nützlich. Eine saubere H1 mit klarer Hierarchie darunter ist damit vor allem ein Dienst an diesen Nutzern.

Title-Element, H1 und Unterüberschriften im Vergleich

Title-Element und H1 werden oft verwechselt, erfüllen aber unterschiedliche Aufgaben, die sich ergänzen sollten:

Für das Title-Element nennt Google im SEO-Leitfaden die Kriterien selbst: Ein guter Titel ist einzigartig für die Seite, klar und prägnant und beschreibt den Inhalt genau. Die H1 darf ausführlicher sein, sollte aber dasselbe Thema benennen. Weichen beide stark voneinander ab, ist das ein Hinweis darauf, dass die Seite selbst nicht klar weiß, wofür sie steht.

Acht Regeln für eine gute H1

Aus den Aussagen von Google, dem HTML-Standard und den Barrierefreiheits-Richtlinien leiten wir acht praktische Regeln ab, die wir in Kundenprojekten anwenden:

1. Genau eine H1 pro Seite: Sie macht den Haupttitel eindeutig – so, wie Google es für Titellinks empfiehlt.
2. Die H1 steht oben im Inhalt: Sie ist die erste sichtbare Hauptüberschrift, nicht das Logo und nicht ein Banner-Spruch.
3. Die H1 benennt das Thema: Sie beschreibt, was die Seite bietet, in den Worten Ihrer Zielgruppe.
4. Die H1 passt zum Title-Element: Beide behandeln dasselbe Thema; die H1 darf ausführlicher sein.
5. Jede Seite hat ihre eigene H1: Gleiche H1 auf vielen Seiten machen diese Seiten austauschbar.
6. Keine Ebenen überspringen: Unter der H1 folgen H2, darunter H3 – ohne Sprünge.
7. Überschriften nicht für Optik missbrauchen: Große Schrift gehört ins CSS, nicht in eine Überschrift.
8. Kein Keyword-Stapeln: Eine H1, die nur Begriffe aneinanderreiht, hilft weder Lesern noch der Suche.

So sieht eine saubere Grundstruktur im HTML aus:

<title>Lohnbuchhaltung für Arztpraxen | Musterkanzlei</title>
…
<h1>Lohnbuchhaltung für Arztpraxen – sicher, pünktlich, persönlich</h1>
  <h2>Unsere Leistungen</h2>
    <h3>Monatliche Lohnabrechnung</h3>
    <h3>Meldungen an Sozialversicherungsträger</h3>
  <h2>Ablauf der Zusammenarbeit</h2>
  <h2>Häufige Fragen</h2>

Typische Fehler und wie Sie sie beheben

Die meisten H1-Probleme entstehen nicht bewusst, sondern durch Themes, Seitenbaukästen und Vorlagen, die Überschriften automatisch setzen. Diese Muster finden wir in Audits besonders häufig:

Prüfen lässt sich das einfach: Die Entwicklertools jedes Browsers zeigen die Überschriften im Quelltext, und viele Crawling-Werkzeuge listen H1-Tags für alle Seiten einer Website auf. In größeren Projekten gehört diese Prüfung fest in ein SEO-Audit. Liegt die Ursache im Theme oder im Template, ist sie ein Fall für Technical SEO – dort lässt sie sich einmal für alle Seiten beheben.

Besonderheit im DACH-Raum: Barrierefreiheit wird Pflicht

Für viele Unternehmen in Deutschland ist eine saubere Überschriftenstruktur nicht mehr nur gute Praxis. Das Barrierefreiheitsstärkungsgesetz gilt nach seinem § 1 für bestimmte Dienstleistungen, die für Verbraucher nach dem 28. Juni 2025 erbracht werden – darunter Dienstleistungen im elektronischen Geschäftsverkehr. Welche Anforderungen im Einzelnen gelten und ob Ihr Angebot betroffen ist, sollten Sie rechtlich prüfen lassen. Eine klare Überschriften-Hierarchie ist in jedem Fall einer der Grundbausteine einer barrierearmen Website – und gleichzeitig eine Struktur, von der auch die Suche profitiert.

Die H1 im Zusammenspiel mit dem Inhalt

Eine gute H1 entfaltet ihre Wirkung erst, wenn der Inhalt darunter hält, was sie verspricht. Planen Sie die Überschriften deshalb vor dem Schreiben: Die H1 benennt das Thema, die H2 beantworten die wichtigsten Fragen dazu, die H3 vertiefen einzelne Aspekte. So entsteht eine Gliederung, die Leser überfliegen können und die zugleich zeigt, ob ein Thema vollständig abgedeckt ist. Wie wir solche Gliederungen in eine Content-Strategie einbetten, beschreibt unser Beitrag zur Content-Strategie für SEO und KI-Sichtbarkeit.

Häufige Fragen

Was ist ein H1-Tag?

Das H1-Tag ist das HTML-Element für die Überschrift der höchsten Ebene. Laut HTML-Standard steht h1 für einen Abschnitt der obersten Ebene, h2 für einen Unterabschnitt und so weiter bis h6. Auf einer Webseite markiert die H1 in der Regel die Hauptüberschrift, die das Thema der Seite benennt.

Darf eine Seite mehrere H1-Überschriften haben?

Google nennt keine ideale Anzahl von Überschriften und sagt, dass die Reihenfolge der Überschriften für die Google-Suche keine Rolle spielt. Für Titellinks empfiehlt Google aber, klar zu machen, welcher Text der Haupttitel ist, etwa indem man ihn in die erste sichtbare H1 setzt. Wir empfehlen deshalb genau eine H1 pro Seite als eindeutige Hauptüberschrift.

Was ist der Unterschied zwischen Title-Tag und H1?

Das Title-Element steht im Kopfbereich der Seite und wird unter anderem im Browser-Tab und als Grundlage für den Titellink in den Suchergebnissen verwendet. Die H1 ist die sichtbare Hauptüberschrift auf der Seite. Beide sollten zum selben Thema passen; Google nennt beide als mögliche Quellen für den Titellink.

Muss das Hauptkeyword in der H1 stehen?

Eine Pflicht gibt es nicht, aber es ist sinnvoll. Die H1 soll beschreiben, worum es auf der Seite geht – und das gelingt meist am besten mit den Begriffen, die auch Ihre Zielgruppe verwendet. Wichtiger als das exakte Keyword ist, dass die H1 das Thema klar und verständlich benennt.

Darf ich Überschriftenebenen überspringen?

Für die Google-Suche spielt die Reihenfolge laut Google keine Rolle. Für Barrierefreiheit und sauberes HTML sollten Sie Ebenen aber nicht überspringen: Das W3C rät, Überschriften nach ihrer Ebene zu verschachteln und Sprünge zu vermeiden, und laut HTML-Standard darf eine Überschrift höchstens eine Ebene tiefer liegen als die vorherige.

Warum sind Überschriften für Barrierefreiheit wichtig?

Viele Menschen, die einen Screenreader nutzen, springen über Überschriften durch eine Seite. In der Screenreader-Umfrage von WebAIM aus den Jahren 2023 und 2024 gaben 71,6 % der Befragten an, auf einer langen Seite zuerst über die Überschriften nach Informationen zu suchen.

Fazit: Eine klare H1 für eine klare Seite

Die H1 ist weder Wundermittel noch Nebensache. Google nutzt Überschriften als eine von mehreren Quellen für den Titellink und empfiehlt einen klar erkennbaren Haupttitel, sieht aber Anzahl und Reihenfolge von Überschriften gelassen. Der HTML-Standard und die Barrierefreiheits-Richtlinien verlangen dagegen eine saubere Hierarchie, und für Screenreader-Nutzer ist sie das wichtigste Navigationsmittel. Wer beides zusammenbringt, baut Seiten, die für Menschen und Suchmaschinen gleichermaßen verständlich sind.

• Eine eindeutige H1: Genau eine Hauptüberschrift pro Seite, oben im Inhalt und klar hervorgehoben.
• Passend zum Title-Element: Beide benennen dasselbe Thema; die H1 darf ausführlicher sein.
• Lückenlose Hierarchie: H2 und H3 gliedern den Inhalt, ohne Ebenen zu überspringen.
• Struktur statt Optik: Überschriften beschreiben Abschnitte, Gestaltung regelt das CSS.
• Barrierefreiheit mitdenken: Gute Überschriften helfen Screenreader-Nutzern direkt und können rechtlich relevant sein.