Die perfekte Textstruktur

Ein guter Web Text ist wie ein gut strukturiertes Buch: Ohne Kapitel und Zwischenüberschriften verliert der Leser schnell den Überblick. Im Web nutzen wir dafür die H Überschriften (Headline Tags). Sie sind nicht nur für das Design wichtig, sondern dienen Google als Inhaltsverzeichnis deiner Seite.

In diesem Dreamcodes Ratgeber erfährst du, wie du die Hierarchie von H1 bis H6 richtig einsetzt, um deine SEO Sichtbarkeit und die Nutzererfahrung (UX) zu maximieren.

1. Was sind H Überschriften?

HTML bietet sechs Ebenen von Überschriften: <h1> bis <h6>.

• H1: Das Hauptthema (der Titel).
• H2: Die Hauptkapitel.
• H3: Unterpunkte der Hauptkapitel.
• H4 bis H6: Weitere, feine Unterteilungen (werden in der Praxis seltener genutzt).

2. Die goldene Regel: Die H1 Überschrift

Die H1 ist die wichtigste Überschrift auf deiner Seite. Sie sagt Google und dem Nutzer unmissverständlich, worum es geht.

• Nur einmal pro Seite: Verwende pro Unterseite streng genommen nur eine einzige H1. Mehrere H1 Tags verwässern die Relevanz deines Hauptthemas.
• Keyword Power: Dein Fokus Keyword muss zwingend in der H1 vorkommen.
• Unterschied zum Title Tag: Während der Title Tag in den Suchergebnissen erscheint, ist die H1 die Überschrift, die der Nutzer sieht, wenn er bereits auf deiner Seite ist. Sie sollten ähnlich sein, müssen aber nicht identisch sein.

3. Die logische Hierarchie (H2, H3, …)

Denke beim Aufbau deines Textes an eine Gliederung. Eine H3 muss immer ein Unterpunkt einer H2 sein, so wie ein Unterkapitel in einem Sachbuch.

Beispiel für eine korrekte Struktur:

• H1: DNS Einträge einfach erklärt
  • H2: Was ist ein DNS-Record? (Erstes Hauptthema)
  • H2: Die wichtigsten Record Typen (Zweites Hauptthema)
    • H3: Der A Record (Unterpunkt)
    • H3: Der MX Record (Unterpunkt)
      • H4: Prioritäten beim MX Record (Detail Unterpunkt)
  • H2: Fazit & Zusammenfassung (Drittes Hauptthema)

Wichtig: Springe niemals in der Hierarchie. Auf eine H1 folgt niemals direkt eine H3. Das verwirrt die Crawler.

4. Warum H Tags für SEO entscheidend sind

• Semantik: Google nutzt die Überschriften, um den Text zu scannen. Wörter in H Tags haben für den Algorithmus deutlich mehr Gewicht als normaler Fließtext.
• Featured Snippets: Wenn du Fragen in deine H2 oder H3 einbaust (zB. „Wie richte ich DKIM ein?“), erhöhst du die Chance, dass Google deinen Text als Antwort direkt oben in den Suchergebnissen anzeigt.
• Barrierefreiheit: Screenreader für sehbehinderte Menschen navigieren anhand der H Struktur. Eine saubere Hierarchie macht deine Seite also für alle zugänglich.

5. Design vs. Struktur

Ein häufiger Fehler: Überschriften-Tags werden genutzt, um Text einfach nur „groß“ oder „fett“ zu machen.

• Nutze CSS für das Design: Wenn du ein Element groß darstellen willst, das keine echte Überschrift ist, nutze eine CSS-Klasse, keinen H-Tag.
• Nutze H Tags für die Bedeutung: Ein H-Tag sollte immer eine inhaltliche Sektion einleiten.

6. Checkliste für dein Projekt

1. [ ] Hat jede Seite genau eine H1?
2. [ ] Enthält die H1 das wichtigste Keyword?
3. [ ] Sind die H2 und H3 logisch aufeinander aufgebaut (keine Sprünge)?
4. [ ] Sind die Überschriften aussagekräftig (vermeide „Einleitung“ oder „Mehr Infos“)?
5. [ ] Werden H-Tags nur für Struktur und nicht für Design-Spielereien genutzt?