Die Hn-Tags (H1, H2, H3)

Die Hn-Tags (H1, H2, H3 ...) geben der Suchmaschine und der KI eine hierarchische Gliederung Ihres Inhalts, unabhängig von dessen visueller Gestaltung. Eine saubere Hierarchie erleichtert das Gesamtverständnis der Seite und die Aufteilung in verwertbare Blöcke.

Die korrekte semantische Hierarchie

Die Überschriften-Tags bilden einen logischen Baum: Das H1 ist der Haupttitel der Seite, die H2s sind ihre Hauptabschnitte, die H3s Unterabschnitte dieser H2s, und so weiter. Das ist kein Gestaltungswerkzeug (Text größer machen), sondern ein Werkzeug zur Strukturierung von Bedeutung.

<h1>Vollständiger Leitfaden zur E-Rechnung</h1>
  <h2>Warum die E-Rechnung zur Pflicht wird</h2>
  <h2>Akzeptierte Dateiformate</h2>
    <h3>Format Factur-X</h3>
    <h3>Format UBL</h3>
  <h2>Wie Sie die richtige Plattform zur Digitalisierung auswählen</h2>

Eine Ebene zu überspringen (etwa direkt von einem H1 zu einem H3 zu wechseln) durchbricht diese Logik und erschwert es einer Maschine zu verstehen, auf welcher Detailebene sich ein bestimmter Abschnitt befindet.

Nur ein H1 pro Seite

Die einfachste Regel, die man sich merken sollte: Eine Seite sollte nur ein einziges H1 haben, das das zentrale Thema der Seite zusammenfasst – meist nahe am, aber nicht zwingend identisch mit dem Inhalt des Title-Tags. Mehrere H1 auf derselben Seite (häufig bei bestimmten Themes oder visuellen Buildern, oder bei bestimmten Layout-Komponenten, die gedankenlos wiederverwendet werden) verwässern das Signal zum Hauptthema.

H1 und Title können sich in ihrer Formulierung leicht unterscheiden: Der Title ist oft für die Anzeige in den Suchergebnissen optimiert (etwa mit dem Markennamen), während sich das H1 rein auf das Thema konzentrieren kann, ohne Markenbestandteil. Dieser Unterschied ist normal und unproblematisch, solange beide Texte tatsächlich dasselbe zentrale Thema beschreiben, ohne sich zu widersprechen.

Als Fragen strukturieren, um das Chunking zu erleichtern

Ein LLM zerlegt den Inhalt einer Seite in Blöcke (Chunks), um ihn zu indexieren oder eine Antwort daraus zu extrahieren – ein Mechanismus, der in der Lektion zum Chunking genauer erklärt wird. Wenn Sie Ihre H2s und H3s als konkrete Fragen formulieren, erhöht das die Wahrscheinlichkeit, dass ein ganzer Block eine Nutzeranfrage eigenständig beantwortet, ohne vom Kontext der Nachbarabsätze abzuhängen.

Vorher: Vorteile Nachher: Welche Vorteile bietet die E-Rechnung für ein KMU?

Vorher: Umsetzung Nachher: Wie führen Sie die E-Rechnung in 3 Schritten ein?

Ein als Frage formuliertes H2, gefolgt von einer direkten Antwort in den ersten Sätzen des Absatzes, entspricht genau dem Format, das eine KI zu extrahieren versucht, um ihre eigene Antwort aufzubauen. Diese Logik gilt nicht einheitlich für alle H2 einer Seite: Ein Artikel-Inhaltsverzeichnis kann durchaus aussagekräftige Titel („Definition und Herausforderungen") mit fragenden Titeln („Wie viel kostet die Einführung?") mischen, solange jeder Abschnitt für sich genommen verständlich bleibt, ohne vom vorherigen Absatz abzuhängen.

Häufige Fehler

• Hn-Tags nur wegen ihrer visuellen Darstellung verwenden (ein <h3> gewählt, weil es „die richtige Größe hat"), ohne die logische Hierarchie zu beachten.
• Den Firmennamen oder einen Slogan als H1 setzen statt das eigentliche Thema der Seite.
• Bei kurzen Inhalten zu viele Überschriftenebenen verwenden, was die Information unnötig fragmentiert und die Gesamtlesbarkeit beeinträchtigt.
• Ein Theme oder Plugin automatisch leere oder redundante H2 erzeugen lassen (z. B. „Inhaltsverzeichnis", „Einleitung" ohne echten Inhalt darunter).
• Zwei nahezu identische H2 auf derselben Seite formulieren („Unsere Vorteile" und „Unsere Stärken"), was die Unterscheidung zwischen den Abschnitten für einen automatisierten Leser erschwert.
• Keywords künstlich in die Hn-Tags einfügen, auf Kosten der Lesbarkeit für einen menschlichen Leser – die strukturelle Logik sollte niemals über der Klarheit des Satzes stehen.

Die Hierarchie Ihrer Seiten überprüfen

Ein kurzer Blick in den Browser-Inspektor (oder ein Tool, das die Hn-Tags einer Seite auflistet) genügt, um Unstimmigkeiten zu erkennen: mehrere H1, übersprungene Ebenen oder leere Überschriften. Diese Struktur zu korrigieren erfordert in der Regel keine visuelle Änderung, wenn Ihr CSS bereits vom semantischen HTML entkoppelt ist – siehe dazu die Lektion zum semantischen HTML5, um diese Entkopplung weiter zu vertiefen.

Die Länge und der Inhalt eines guten H2

Ein zu kurzes H2 („Vorteile", „FAQ", „Preise") funktioniert für einen Menschen, der die Seite überfliegt, als visueller Orientierungspunkt, vermittelt einer Maschine jedoch wenig Information, um ohne Kontext die Relevanz des folgenden Blocks zu beurteilen. Umgekehrt verliert ein zu langes H2 (ein ganzer Satz mit 20 Wörtern) für den menschlichen Leser an Lesbarkeit und Überflugtauglichkeit. Ein sinnvolles Gleichgewicht liegt meist zwischen 5 und 12 Wörtern – genug, um eine vollständige Frage oder Aussage zu formulieren, ohne zu einem verkappten Absatz zu werden.

Ein weiterer nützlicher Reflex: Lesen Sie nur die Liste Ihrer H2 und H3 durch, ohne den Fließtext – so wie es ein Tool täte, das ein automatisches Inhaltsverzeichnis erstellt. Lässt sich der Inhalt der Seite allein anhand dieser Liste mit hoher Genauigkeit erraten, erfüllt die Hierarchie ihre Aufgabe. Bildet sie nur eine Aneinanderreihung vager Begriffe, ist das ein Zeichen, dass sie überarbeitet werden sollte.