HTML-Struktur & SEO: Warum H1, H2 und Co. mehr sind als nur Formatierung

html code symbolbild

Wer eine Website betreibt, hat wahrscheinlich schon von Überschriften, Absätzen und HTML-Tags gehört. Aber was dahinter steckt und wie diese Elemente Suchmaschinen dabei helfen, Inhalte zu verstehen und zu bewerten, ist vielen nicht bewusst. Dabei ist eine saubere HTML-Struktur eine der einfachsten und wirkungsvollsten Maßnahmen für bessere Sichtbarkeit bei Google - und zunehmend auch bei KI-Systemen wie ChatGPT oder Perplexity. Dieser Artikel erklärt, welche HTML-Elemente für SEO relevant sind, wann man sie richtig einsetzt - und wie das in WordPress konkret aussieht.

Was ist HTML-Struktur und warum ist sie für SEO wichtig?

HTML ist die Sprache, in der Websites aufgebaut sind. Suchmaschinen wie Google lesen diesen Code und versuchen zu verstehen, worum es auf einer Seite geht. Eine klare Struktur hilft dabei: Sie zeigt, welche Inhalte wichtig sind, wie sie zusammenhängen und welches Thema die Seite behandelt.

Auch KI-Systeme, die Antworten auf Nutzerfragen generieren, verlassen sich auf gut strukturierten Content. Eine unübersichtliche Seite ohne klare Hierarchie wird seltener zitiert – egal wie gut der Inhalt ist.

Die wichtigsten HTML-Elemente im Überblick

H1 – Die Hauptüberschrift (nur einmal pro Seite!)

Das H1-Tag ist die wichtigste Überschrift einer Seite. Es sagt Suchmaschinen: „Das ist das Kernthema dieser Seite.“ Deshalb gilt eine einfache Regel: Pro Seite gibt es genau ein H1-Tag.

Gut: Das H1 enthält das wichtigste Keyword der Seite und beschreibt präzise, was den Leser erwartet.

Schlecht: Mehrere H1-Tags auf einer Seite, oder ein H1 das nur den Firmennamen enthält.

WordPress-Tipp: Im Gutenberg-Editor ist der Seitentitel automatisch das H1. In Beiträgen gilt dasselbe. Prüfe aber mit einem Browser-Plugin wie „Detailed SEO Extension“, ob dein Theme nicht versehentlich ein zweites H1 einbaut (z.B. im Logo-Bereich).

H2 – Abschnittsüberschriften für Struktur und Kontext

H2-Tags strukturieren den Inhalt in logische Abschnitte. Sie helfen Lesern, schnell zu scannen, und zeigen Suchmaschinen, welche Unterthemen behandelt werden. H2s können mehrfach verwendet werden – jeder größere inhaltliche Block verdient eine eigene H2-Überschrift.

WordPress-Tipp: Im Gutenberg-Editor einfach einen Paragraph-Block einfügen, dann oben links auf „Absatz“ klicken und „Überschrift“ wählen. Danach die Ebene (H2, H3…) auswählen. Alternativ: ## vor dem Text tippen für H2, ### für H3.

H3 bis H6 – Unterebenen gezielt einsetzen

H3-Tags sind Unterpunkte eines H2-Abschnitts. Die Hierarchie sollte dabei immer logisch sein: H1 → H2 → H3, nie H1 → H3 (Ebene überspringen). H4 bis H6 sind für sehr komplexe, lange Inhalte gedacht und im Normalfall nicht notwendig.

<p> – Der Absatz: Das Arbeitstier des Contents

Fließtext gehört immer in Absatz-Tags (<p>). Google bewertet Texte nach Relevanz und Lesbarkeit – kurze, klar strukturierte Absätze mit 3-5 Sätzen sind ideal. Wichtige Keywords sollten natürlich im Fließtext vorkommen, nie erzwungen oder übertrieben oft.

Die 4 häufigsten Fehler bei der HTML-Struktur

  • Mehrere H1-Tags: Viele Themes setzen den Seitennamen als H1 – und der Beitragseditor setzt ein zweites. Ergebnis: Google ist verwirrt. Lösung: Theme prüfen oder einen SEO-Experten einbinden.
  • Überschriften nur zur Formatierung nutzen: Wer ein H2 verwendet, weil der Text größer aussehen soll (aber nicht wirklich ein neuer Abschnitt beginnt), schadet der Struktur. Für visuelle Größe gibt es CSS.
  • Kein Keyword im H1: Das H1 ist wertvollstes SEO-Immobilien. Es sollte das Hauptkeyword der Seite enthalten – idealerweise am Anfang des Titels.
  • Fehlende Absatzstruktur: Langer Fließtext ohne Absätze oder Zwischenüberschriften wird weder von Lesern noch von Suchmaschinen gemocht. Klare Blöcke sind Pflicht.

 

Quick-Check: HTML-Struktur auf einen Blick

  • Genau ein H1 pro Seite, mit dem wichtigsten Keyword
  • H2 für jeden größeren Inhaltsabschnitt
  • H3 für Unterpunkte innerhalb eines H2-Blocks
  • Keine Ebenen überspringen (H1 → H3 ohne H2)
  • Kein Heading-Tag nur zur visuellen Formatierung verwenden
  • Fließtext in Absätzen, nicht in Headings
  • In WordPress: Seitentitel = H1, Abschnitte = H2/H3 im Editor