Wie funktionieren Überschriften?
Kurzantwort
Überschriften strukturieren Inhalte über die HTML-Ebenen H1 bis H6. Browser stellen sie meist größer oder fetter dar, doch das Design lässt sich per CSS ändern. Die semantische Ebene bleibt erhalten. Leser, Suchmaschinen und Screenreader nutzen diese Hierarchie, um Thema, Abschnitte und Zusammenhänge einer Seite zu erfassen.
Überschriften erfüllen damit zwei getrennte Aufgaben: Sie geben einer Seite eine maschinenlesbare Struktur und helfen Menschen beim Überfliegen. Ob eine H2 groß, klein, fett oder farbig erscheint, ist für ihre technische Bedeutung unerheblich. Entscheidend sind die gewählte HTML-Ebene, eine verständliche Reihenfolge und eine Formulierung, die den folgenden Abschnitt konkret ankündigt.
1. Struktur und Darstellung trennen
Im HTML wird eine Überschrift mit einem Element von <h1> bis <h6> ausgezeichnet. H1 steht für die Hauptüberschrift, H2 für zentrale Kapitel, H3 für Unterabschnitte einer H2. Die Ebenen H4 bis H6 ermöglichen eine weitere Untergliederung, werden auf normalen Unternehmensseiten und Ratgeberartikeln aber deutlich seltener benötigt.
Ein Browser besitzt Standardregeln für diese Elemente. Eine H1 erscheint deshalb meist größer als eine H2. Diese Optik kommt aus dem Stylesheet des Browsers und kann über CSS vollständig verändert werden. Eine klein dargestellte H1 bleibt technisch eine H1. Ein sehr groß formatierter Absatz bleibt dagegen ein normaler Absatz, wenn er nicht als Überschrift ausgezeichnet wurde.
| Element | Strukturelle Aufgabe | Typisches Beispiel |
|---|---|---|
<h1> | Hauptthema der einzelnen Seite | Leitfaden zur Keyword-Recherche |
<h2> | Zentrales Kapitel der Seite | Keywords nach Suchintention auswählen |
<h3> | Unterpunkt innerhalb eines H2-Kapitels | Informationale Suchanfragen erkennen |
<p> | Normaler Textabsatz ohne Gliederungsfunktion | Erklärung und Beispiele zum Thema |
2. Was macht H1 in HTML?
Das H1-Element kennzeichnet das Hauptthema eines HTML-Dokuments beziehungsweise einer einzelnen Webseite. Eine aussagekräftige H1 fasst den zentralen Inhalt so zusammen, dass Nutzer und Suchmaschinen sofort erkennen, worum es geht. Für die praktische Umsetzung empfehlen wir eine eindeutige H1 pro indexierbarer Seite, auch wenn moderne HTML-Spezifikationen technisch mehr als eine H1 zulassen.
Der häufigste Fehler entsteht im Template: Das Logo, der Firmenname oder ein allgemeiner Seitentitel wird auf jeder URL als H1 ausgegeben. Produktseiten, Leistungen und Ratgeber tragen dann dieselbe Hauptüberschrift. Ein technischer Check wertet solche identischen H1-Tags als Warnsignal, weil sie die thematische Abgrenzung der URLs erschweren können. Der Technik-Crawler prüft deshalb sowohl fehlende als auch seitenübergreifend gleiche H1-Überschriften.
3. Ebenen bilden die Seitengliederung
Eine saubere Überschriftenstruktur funktioniert wie das Inhaltsverzeichnis eines Buches. Unter der H1 folgen gleichrangige H2-Kapitel. Benötigt ein H2-Kapitel weitere Unterpunkte, werden diese als H3 ausgezeichnet. Beginnt anschließend ein neues Hauptkapitel, folgt wieder eine H2. Die Nummer des HTML-Elements beschreibt also die Gliederungsebene und keine gewünschte Schriftgröße.
Suchmaschinen nutzen Überschriften als Signale, um Themen und Teilthemen einzuordnen. Screenreader können Überschriften als Navigationspunkte ausgeben, sodass Nutzer direkt von Abschnitt zu Abschnitt springen. Leser orientieren sich ähnlich: Sie überfliegen zuerst die Zwischenüberschriften und entscheiden danach, welche Passagen sie vollständig lesen.
Der teuerste Strukturfehler ist selten eine einzelne übersprungene Ebene. Problematischer ist eine Überschriftenliste, die keinen nachvollziehbaren Inhalt ergibt. Wir sehen beispielsweise Leistungsseiten mit H2-Elementen wie „Willkommen“, „Unsere Lösung“ und „Deine Vorteile“. Ohne den Fließtext verrät keine dieser Überschriften, welche Leistung angeboten wird. Schreibe stattdessen so konkret, dass bereits die Überschriften das Angebot erklären.
4. Was zeichnet gute Überschriften aus?
Eine gute Überschrift sagt konkret, was im folgenden Abschnitt steht. Sie bleibt verständlich, wenn sie allein gelesen wird, lässt sich schnell erfassen und verwendet die Sprache der Zielgruppe. Eine feste Zeichenbegrenzung gibt es nicht. Als redaktionelle Faustregel sollte eine Zwischenüberschrift möglichst in einer Zeile erfassbar sein und nur so viele Wörter enthalten, wie für eine eindeutige Aussage nötig sind.
Der Gliederungscheck in einer Minute
Kopiere ausschließlich die H1-, H2- und H3-Überschriften einer Seite untereinander. Lies diese Liste ohne Fließtext. Entsteht ein sinnvolles Inhaltsverzeichnis, ist die Grundstruktur meist tragfähig. Bleiben Themen unklar oder wirken Kapitel doppelt, überarbeite zuerst die Überschriften und danach den Text.
5. Fragen passen zur Suchsprache
Als Frage formulierte Überschriften funktionieren besonders gut, wenn Nutzer tatsächlich nach einer Antwort suchen. Formulierungen wie „Wie viele H1-Überschriften braucht eine Seite?“ entsprechen der natürlichen Suchsprache und schaffen einen klar abgegrenzten Antwortabschnitt. Die Performance Suite greift für Content-Prüfungen echte Nutzerfragen auf und empfiehlt, relevante Fragen direkt und abgeschlossen zu beantworten.
Frageüberschriften können die Chance auf Featured Snippets und andere Antwortboxen erhöhen, wenn direkt danach eine kurze, vollständige Antwort folgt. Dasselbe Prinzip verbessert die Zitierfähigkeit für KI-Systeme: Ein Abschnitt mit eindeutiger Frage, klarer Antwort und überprüfbaren Details lässt sich leichter extrahieren als eine lange Passage mit mehreren vermischten Themen. Eine Garantie auf eine Antwortbox oder ein KI-Zitat gibt es dadurch jedoch nicht.
GEO, also Generative Engine Optimization, baut deshalb auf denselben redaktionellen Grundlagen wie gutes SEO auf. Wer Inhalte für Google und KI-Antworten entwickelt, sollte Suchfragen sammeln, jeweils isoliert beantworten und Fachbegriffe eindeutig verwenden. Mehr dazu erklärt unsere Seite zur Zitierfähigkeit in KI-Suchen.
6. Technische Fehler richtig priorisieren
Nicht jede unsaubere Hierarchie rechtfertigt sofort einen Entwicklungsauftrag. Eine einzelne H3 ohne vorherige H2 ist redaktionell unsauber, verursacht aber nicht automatisch einen Rankingverlust. Fehlende H1-Elemente auf wichtigen Landingpages, identische Hauptüberschriften auf vielen URLs oder als Überschrift formatierte Navigationselemente betreffen dagegen ganze Seitentypen und sollten zuerst korrigiert werden.
Ändere Überschriftenebenen nicht allein für die Optik. Wenn eine H2 zu groß erscheint, wird ihr Design per CSS angepasst. Wird sie nur deshalb in eine H4 umgewandelt, stimmt zwar die Schriftgröße, aber die semantische Gliederung wird unklar.
Bei großen Websites reicht die manuelle Prüfung einzelner URLs nicht aus. Der Technik-Crawler der Performance Suite prüft pro Durchlauf mehr als 100 technische Punkte und zeigt die Gliederung je Seite. Dadurch lassen sich fehlende, doppelte oder unpassend eingesetzte Hauptüberschriften über komplette Seitentypen hinweg erkennen und nach Relevanz priorisieren.
Wenn du die technische Struktur deiner Website prüfen und die Daten selbst auswerten möchtest, kannst du mit einem kostenlosen Zugang starten.
7. Überschriften richtig umsetzen
Beginne mit der H1 und formuliere das Hauptthema der URL in einem Satz. Leite daraus die drei bis sieben zentralen Kapitel ab und zeichne sie als H2 aus. H3-Elemente kommen erst hinzu, wenn ein H2-Kapitel mehrere eigenständige Unterfragen enthält. Auf kurzen Leistungsseiten reichen häufig H1 und H2 vollständig aus.
Ein Content-Briefing sollte die Überschriftenstruktur bereits vor dem Schreiben festlegen. Das verhindert doppelte Abschnitte, fehlende Nutzerfragen und Texte, deren Kernaussage erst während der Produktion gesucht wird. Unsere Content-Erstellung mit klarer Seitenstruktur verbindet deshalb Suchintention, Nutzerfragen und redaktionelle Gliederung, bevor der erste vollständige Absatz entsteht.
8. So gehen wir vor
Bei der OSG prüfen wir zuerst das Seitentemplate und anschließend die konkreten Inhalte. Der Crawl zeigt, ob Fehler auf einer URL oder systematisch auf einem ganzen Seitentyp auftreten. Danach werden H1, Kapitelstruktur und Nutzerfragen gemeinsam mit Suchintention und Seitenziel überarbeitet. Bei umfangreichen Projekten verbinden wir die technische Prüfung mit strukturierter Onpage-Optimierung, damit aus korrektem HTML auch verständlicher Content entsteht.
9. Häufige Fragen zu Überschriften
Was macht H1 in HTML?
Das H1-Element kennzeichnet die Hauptüberschrift und damit das zentrale Thema einer Webseite. Es gibt Nutzern, Suchmaschinen und assistiven Technologien eine erste inhaltliche Orientierung.
Wie viele H1-Überschriften sollte eine Seite haben?
Für normale Unternehmensseiten, Produktseiten und Ratgeber empfiehlt sich eine eindeutige H1 pro URL. Das erleichtert die thematische Zuordnung und verhindert unklare Seitentemplates.
Darf eine Seite mehrere H2-Überschriften enthalten?
Ja. Mehrere H2-Überschriften sind sinnvoll, wenn sie gleichrangige Hauptkapitel unterhalb der H1 kennzeichnen. Jeder größere Themenblock kann eine eigene H2 erhalten.
Darf man eine Überschriftenebene überspringen?
HTML verbietet das Überspringen nicht grundsätzlich, eine fortlaufende Hierarchie ist jedoch leichter verständlich. Auf eine H2 sollte für Unterpunkte möglichst eine H3 folgen und nicht direkt eine H4.
Wie lang sollte eine gute Überschrift sein?
Eine Überschrift sollte so kurz wie möglich und so konkret wie nötig sein. Sie muss beim Überfliegen verständlich bleiben und den Inhalt des folgenden Abschnitts eindeutig ankündigen.
Sind Fragen als Überschriften gut für SEO?
Frageüberschriften können gut funktionieren, weil sie der Suchsprache der Nutzer entsprechen. Eine kurze, vollständige Antwort direkt unter der Frage verbessert außerdem die Eignung für Featured Snippets und KI-Zitate.
Bestimmt die Schriftgröße die Überschriftenebene?
Nein. Die Überschriftenebene wird durch das HTML-Element H1 bis H6 bestimmt. Schriftgröße, Farbe und Gewicht gehören zur Darstellung und können unabhängig davon über CSS verändert werden.
10. Struktur vor Design
Prüfe Überschriften zuerst als Gliederung und erst danach im Layout. Wenn die Ebenen ohne Design ein verständliches Inhaltsverzeichnis bilden und jeder Titel den folgenden Abschnitt präzise ankündigt, ist die wichtigste Arbeit erledigt. Bei größeren Websites lohnt sich zusätzlich ein Crawl, weil Templatefehler oft hunderte URLs gleichzeitig betreffen.
Wenn du Struktur, Inhalte und technische Umsetzung gemeinsam bewerten lassen möchtest, zeigt ein kostenloser Potenzialcheck, welche Seitentypen zuerst überarbeitet werden sollten. Das Erstgespräch ist unverbindlich und konzentriert sich auf deine konkrete Ausgangslage.
Keine Kommentare vorhanden