Headings

Headings

Headings strukturieren Webinhalte für Nutzer und Suchmaschinen - von H1 bis H6. So optimieren Sie Überschriften für SEO und Barrierefreiheit.

Was sind Headings?

Headings (auf Deutsch Überschriften) sind strukturelle Elemente, die den Inhalt einer Webseite gliedern und ihm eine klare Hierarchie geben. Sie reichen von H1 bis H6, wobei H1 die wichtigste und ranghöchste Überschrift ist und die Bedeutung mit jeder Stufe abnimmt. Headings erfüllen einen doppelten Zweck: Sie helfen menschlichen Besuchern, einen Text schnell zu erfassen und sich zu orientieren, und sie helfen Suchmaschinen, den Aufbau und die thematische Gewichtung einer Seite zu verstehen.

Technisch werden Überschriften im HTML mit den Tags <h1> bis <h6> ausgezeichnet. Wichtig ist dabei der Unterschied zwischen der optischen Größe und der semantischen Bedeutung: Eine Überschrift sollte als Heading ausgezeichnet werden, weil sie inhaltlich eine Überschrift ist, nicht nur, weil sie groß aussehen soll. Für reine optische Effekte ist CSS zuständig, nicht das Heading-Tag.

Die Hierarchie der Überschriften

  • H1 (Haupttitel): Die wichtigste Überschrift, die das zentrale Thema der Seite benennt. Sie ist ein starkes Signal für Nutzer und Suchmaschinen, worum es auf der Seite geht.
  • H2 (Hauptabschnitte): Gliedert den Inhalt in die wichtigsten Themenblöcke. H2-Überschriften dürfen und sollten mehrfach vorkommen.
  • H3 bis H6 (Unterabschnitte): Unterteilen die Inhalte weiter. Eine H3 ist einem H2-Abschnitt untergeordnet, eine H4 einem H3-Abschnitt und so fort. Sie sorgen für eine feinere Gliederung.

Entscheidend ist die logische Reihenfolge: Die Ebenen sollten aufeinander aufbauen und nicht übersprungen werden. Ein Sprung direkt von einer H2 auf eine H4 durchbricht die Struktur und sollte vermieden werden.

Eine wichtige Klarstellung zur H1

Lange galt die strikte Regel, dass pro Seite nur eine einzige H1 verwendet werden darf. Diese Sichtweise ist heute zu differenzieren: Google selbst hat klargestellt, dass mehrere H1-Überschriften kein Problem darstellen und nicht zu einer Abstrafung führen. Moderne Webseiten, die auf dem aktuellen HTML-Standard (HTML5) basieren, können in verschiedenen inhaltlichen Bereichen durchaus mehrere H1 enthalten.

In der Praxis bleibt es dennoch eine bewährte Empfehlung, pro Seite eine klare, eindeutige H1 als Haupttitel zu verwenden. Der Grund ist weniger eine technische Regel als die Klarheit: Eine einzige, treffende H1 macht das Hauptthema der Seite für Nutzer und Suchmaschinen am eindeutigsten. Die alte Regel ist also kein striktes Gesetz mehr, aber als Orientierung weiterhin sinnvoll.

Welche Rolle spielen Headings für SEO?

Überschriften sind ein relevanter, wenn auch oft überschätzter SEO-Faktor. Ihre Bedeutung liegt in mehreren Bereichen:

  • Inhaltliches Verständnis: Suchmaschinen nutzen die Heading-Struktur, um den Aufbau und die Schwerpunkte einer Seite zu erfassen. Eine klare Gliederung erleichtert die Einordnung des Inhalts.
  • Keywords in Überschriften: Relevante Begriffe, besonders in H1 und H2, können die thematische Relevanz unterstreichen. Wichtig ist jedoch eine natürliche Verwendung, kein erzwungenes Hineinpressen von Keywords.
  • Chance auf Featured Snippets: Überschriften, die konkrete Fragen aufgreifen, erhöhen die Chance, in hervorgehobenen Antwortboxen oder KI-Antworten als Quelle zu erscheinen.

Eine realistische Einordnung ist wichtig: Headings sind kein magischer Ranking-Hebel. Sie unterstützen das Verständnis und die Struktur, ersetzen aber keine hochwertigen Inhalte. Ihr Hauptwert liegt in der Klarheit, die sie schaffen.

Headings und die Nutzererfahrung

Der vielleicht wichtigste Aspekt wird oft unterschätzt: Headings sind in erster Linie für die Menschen da, die einen Text lesen. Die meisten Nutzer lesen Webseiten nicht Wort für Wort, sondern überfliegen sie (scannen). Klare Überschriften ermöglichen genau das, denn sie lassen Leser schnell erkennen, welcher Abschnitt für sie relevant ist. Das verbessert die Lesbarkeit, hält Besucher länger auf der Seite und stärkt damit indirekt auch positive Nutzersignale.

Headings und Barrierefreiheit

Ein Punkt, der häufig vergessen wird: Eine saubere Heading-Struktur ist zentral für die Barrierefreiheit. Screenreader, die von Menschen mit Sehbehinderung genutzt werden, lesen die Überschriftenstruktur aus und ermöglichen es, gezielt zwischen den Abschnitten zu navigieren. Eine logische, korrekt ausgezeichnete Hierarchie ist daher nicht nur gut für SEO, sondern auch für die Zugänglichkeit der Webseite, was angesichts gesetzlicher Anforderungen wie dem BFSG zunehmend an Bedeutung gewinnt.

Häufige Fehler bei Headings

  • Headings nur für Optik nutzen: Text als Überschrift auszeichnen, nur damit er groß erscheint, obwohl er inhaltlich keine Überschrift ist. Hier gehört CSS zum Einsatz, nicht das Heading-Tag.
  • Ebenen überspringen: Eine unlogische Abfolge wie H2 direkt gefolgt von H4 durchbricht die Struktur.
  • Keine oder unklare H1: Eine fehlende oder nichtssagende Hauptüberschrift verschenkt ein wichtiges Klarheitssignal.
  • Keyword-Überladung: Überschriften mit Keywords vollzustopfen wirkt unnatürlich und kann eher schaden als nutzen.
  • Zu lange Überschriften: Knappe, prägnante Headings sind besser erfassbar als ausschweifende.

Fazit

Headings sind ein grundlegendes Werkzeug, um Webseiteninhalte klar zu strukturieren, und dienen Nutzern wie Suchmaschinen gleichermaßen. Sie bilden über die Stufen H1 bis H6 eine logische Hierarchie, die den Aufbau einer Seite verständlich macht. Die früher strikte Ein-H1-Regel ist heute entschärft, eine klare, eindeutige H1 bleibt aber eine sinnvolle Empfehlung. Aus SEO-Sicht unterstützen Headings das inhaltliche Verständnis und die Relevanz, sind aber kein Ersatz für gute Inhalte. Ihr größter Wert liegt in der Klarheit: Sie verbessern Lesbarkeit, Nutzererfahrung und Barrierefreiheit zugleich. Wer seine Überschriften logisch, natürlich und nutzerorientiert einsetzt, schafft eine Struktur, von der Leser und Suchmaschinen profitieren.

Zurück zum Glossar