rendert und Gutenberg H1 aus den Überschriften-Blockoptionen ausgeblendet hat, haben Sie am Ende null H1-Tags auf der Seite.

Dies ist genau die Situation, die in einem langjährigen GitHub-Issue im Gutenberg-Repository markiert wurde — Benutzer fordern die Möglichkeit, die H1-Option für Unternehmens- und Agentur-Setups, bei denen das H1 auf Template-Ebene gesteuert wird, vollständig zu entfernen. Das Issue unterstreicht die echte Verwirrung: Das Standardverhalten des Editors und das Template des Themes müssen explizit koordiniert werden, aber WordPress bietet keine automatisierte Überprüfung dafür.

Problem B: Inhaltsredakteure können im Block-Editor immer noch H1 auswählen, indem sie die Überschriftenebene ändern. Wenn Ihr Theme den Beitragstitel bereits als H1 ausgibt, erzeugt ein Redakteur, der einen weiteren H1-Block im Inhaltsbereich hinzufügt, ein Duplikat — und es erscheint keine Warnung.

Quelle 3: Page Builder (Elementor, Divi, Beaver Builder)

Page Builder sind die größte Quelle für das Chaos in der Überschriftenhierarchie in WordPress.

Hier ist der Grund: Page Builder geben Ihnen eine granulare visuelle Kontrolle. Sie können ein Textelement überall hinziehen, es beliebig gestalten und eine beliebige Überschriftenebene zuweisen. Das ist mächtig für das Design. Es ist katastrophal für die Struktur.

Das typische Überschriftenproblem bei Page Buildern sieht so aus:

• Hero-Sektion: H1 (korrekt) ✓
• Titel der Feature-Sektion: H3 (H2 übersprungen, gewählt, weil es –besser aussieht“) ✗
• Titel des Widget-Bereichs: H2 (sieht aus wie eine Sektionsüberschrift, ist aber nur ein Sidebar-Widget-Titel) ✗
• Testimonial-Überschrift: H4 (kein H3 darüber) ✗
• CTA-Überschrift: H2 (zurück zu einer höheren Ebene, jetzt ist die Gliederung völlig nicht-linear) ✗

Das Ergebnis ist eine Überschriftenstruktur, die visuell kohärent, aber semantisch bedeutungslos ist. Screenreader und Crawler, die dies parsen, erhalten eine Inhaltsübersicht, die wie ein kaputtes Inhaltsverzeichnis hin und her springt.

Die Dokumentation von InspectWP identifiziert dieses Muster explizit: Autoren und Page-Builder-Benutzer wählen Überschriftenebenen basierend darauf, wie sie aussehen und nicht nach ihrer logischen Bedeutung — wenn H3 die richtige visuelle Größe hat, wählen sie H3, selbst ohne ein H2 darüber.

Quelle 4: Widgets und Theme-Komponenten

WordPress-Widget-Bereiche — Sidebars, Footer, Header-Module — geben oft ihre eigenen Überschriften aus. Ein –Neueste Beiträge“-Widget könnte als H2 gerendert werden. Ein Werbebanner, das in das Theme eingebaut ist, könnte H3 verwenden. Nichts davon ist Teil der Inhaltsübersicht, aber sie erscheinen in der Überschriftenstruktur der Seite.

Dies erzeugt ein Überschriften-„Rauschen“, das die scheinbare Komplexität der Gliederung aufbläht und Inhaltsüberschriften aus ihrer korrekten hierarchischen Position drängen kann.

Die 5 häufigsten Probleme mit H1- und Überschriftenhierarchien in WordPress

Problem 1: Der Seitentitel ist auf jeder Seite in ein H1-Tag eingeschlossen

So sieht es aus: Jede Seite Ihrer Website hat zwei H1-Tags – Ihren Seitennamen und Ihren Beitragstitel.

Wen betrifft es: Websites, die ältere Themes, schlecht programmierte Premium-Themes oder Themes verwenden, bei denen der Entwickler

für das Branding der Website genutzt hat.

So erkennen Sie es: Klicken Sie mit der rechten Maustaste auf eine beliebige Seite → Untersuchen → suchen Sie im Bereich „Elemente“ nach

. Wenn Sie Ihren Seitennamen im

-Bereich in ein H1-Tag eingeschlossen sehen, haben Sie dieses Problem.

So beheben Sie es:

Option 1: Bearbeitung des Child-Themes (Entwickler-Ansatz) Suchen Sie in Ihrem Child-Theme nach header.php, finden Sie die Ausgabe des Seitentitels und ändern Sie diese von

zu

oder mit entsprechenden Klassen:

php

＜p class="site-title"＞
  ＜a href="＜?php echo esc_url(home_url('/')); ?＞" rel="home"＞
    ＜?php bloginfo('name'); ?＞
  ＜/a＞
＜/p＞

Option 2: CSS + aria-label (Workaround ohne Programmierung) Wenn Sie keine Theme-Dateien bearbeiten können, verwenden Sie CSS, um das H1-Styling des Seitentitels zurückzusetzen:

css

.site-header h1.site-title {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

Hinweis: Dies verbirgt das visuelle H1-Problem, behebt aber nicht das strukturelle Problem. Das H1-Tag bleibt im Markup erhalten.

Option 3: Wechsel zu einem gut strukturierten Theme Themes, die den WordPress-Codierungsstandards folgen (Twenty Twenty-Four, Kadence, GeneratePress, Astra), handhaben dies von Haus aus korrekt. Wenn Ihr aktuelles Theme dieses Problem hat und Sie kein Entwickler sind, ist ein Wechsel oft die zuverlässigste Lösung.

---

Problem 2: Fehlendes H1 auf der Startseite

So sieht es aus: Ihre Startseite hat keine H1-Tags. SEO-Plugins melden „Kein H1 gefunden“.

Wen betrifft es: Websites, die ein Logo-Bild für das Branding verwenden (und den Seitentitel ausblenden), Websites, die eine statische Startseite ohne sichtbaren Titel verwenden, oder Websites, bei denen das Startseiten-Template des Themes nicht aufruft the_title().

Dies ist ein echtes und wiederkehrendes Problem in den WordPress-Support-Foren. Die Ursache ist typischerweise diese Abfolge: Der Seitentitel ist so eingestellt, dass er im Header angezeigt wird, aber der Benutzer blendet ihn aus (oder ersetzt ihn durch ein Logo), wodurch das einzige H1 von der Seite entfernt wird. Da die Startseite oft keinen „Beitragstitel“ hat, wie es bei einem Blogbeitrag der Fall ist, wird kein automatisches H1 generiert.

So beheben Sie es:

Speziell für die Startseite: Fügen Sie Ihrem Hero-Bereich oder Seiten-Template ein H1 hinzu. Dies kann sein:

• Eine sichtbare Überschrift („Ihr Firmenname | Servicekategorie“), die auch als H1 fungiert
• Ein visuell verstecktes H1, das per CSS hinzugefügt wurde (position: absolute; clip: rect(0 0 0 0);), das die semantische Markierung bereitstellt, ohne das visuelle Design zu stören

In Gutenberg: Fügen Sie oben in Ihrem Startseiteninhalt einen Überschriften-Block hinzu, setzen Sie ihn auf H1 und machen Sie ihn zu einem Teil Ihrer Hero-Botschaft.

---

Problem 3: Übersprungene Überschriftenebenen im Inhalt

So sieht es aus: Die Inhaltsstruktur springt von H2 direkt zu H4 oder von H1 direkt zu H3.

Wen betrifft es: Jeder, der lange Texte schreibt und Überschriften eher für das visuelle Styling als für die semantische Struktur verwendet.

Warum das wichtig ist: Wie InspectWP anmerkt, passiert das Überspringen von Überschriftenebenen, wenn Autoren Ebenen basierend auf dem Aussehen wählen – die H3 sieht richtig aus, also verwenden sie H3, unabhängig davon, ob eine H2 vorausgeht.

So erkennen Sie es in Gutenberg: Klicken Sie auf das Info-Symbol (ⓘ) in der oberen Symbolleiste des Block-Editors. Das Dokumentgliederungs-Panel zeigt jede Überschrift in der richtigen Reihenfolge an und markiert übersprungene Ebenen mit einer Warnung.

So beheben Sie es:

1. Überprüfen Sie Ihre Überschriftenstruktur mithilfe der Dokumentgliederung vor der Veröffentlichung
2. Legen Sie einen Inhalts-Styleguide für Ihr Team fest: H2 für Hauptabschnitte, H3 für Unterabschnitte, H4 für Unter-Unterabschnitte – überspringen Sie niemals Ebenen
3. Verwenden Sie die Inhaltsanalyse von Yoast SEO oder Rank Math – beide markieren Probleme mit der Überschriftenstruktur

---

Problem 4: Mehrere H1-Tags durch Page Builder

So sieht es aus: Eine mit Elementor oder Divi erstellte Seite hat drei oder vier H1-Tags, weil jeder Hauptabschnitt seine eigene „H1“-Überschrift im Hero-Stil hat.

So beheben Sie es:

In Elementor: Bearbeiten Sie jedes Überschriften-Widget → überprüfen Sie die Einstellung „HTML-Tag“ → setzen Sie nur den primären Seitentitel auf H1 und ändern Sie alle anderen nach Bedarf in H2 oder H3.

In Divi: Bearbeiten Sie Überschriften-Module → unter Erweitert → HTML-Tag → ändern Sie auf die korrekte semantische Ebene.

In Beaver Builder: Jedes Überschriften-Modul hat eine Einstellung „Überschriften-Tag“ im Tab „Stil“. Überprüfen Sie jedes einzelne.

---

Problem 5: Das H1-Sichtbarkeitsproblem in Gutenberg

So sieht es aus: Ihr Theme gibt den Beitragstitel nicht als H1 aus und Gutenberg hat die H1-Option im Überschriften-Block ausgeblendet. Ihre Seiten haben kein H1.

So beheben Sie es:

Für Entwickler, die eine Website verwalten, auf der das H1 innerhalb des Inhaltsbereichs platziert werden muss, können Sie die H1-Option mithilfe eines Filters in Ihrem Theme wiederherstellen functions.php:

php

// Allow H1 in the Heading block
add_filter( 'allowed_block_types_all', function( $allowed_blocks ) {
    return $allowed_blocks;
});

Alternativ wechseln Sie zur Ansicht „Als HTML bearbeiten“ für den Überschriften-Block und setzen Sie manuell

im Markup.

Für Agentur-Setups, bei denen Sie verhindern möchten, dass Editoren H1 hinzufügen (da das Template dies steuert), verwenden Sie den block_editor_settings_all Filter, um Überschriftenebenen im Editor einzuschränken.

---

So prüfen Sie Ihre WordPress-Überschriftenstruktur (Schritt-für-Schritt)

Methode 1: Kostenloses Plugin SkySEOManager

Verwenden Sie den SkySEOManager Plugin integrierten SEO-Analyzer, um alle Probleme im Zusammenhang mit Überschriften zu finden.

Lesen Sie unseren vollständigen Leitfaden: So prüfen Sie Ihre WordPress-Seite mit SkySEOManager auf alle SEO-Probleme

Methode 2: Verwenden Sie den kostenlosen SEO-Analyzer von Siteskyline

Besuchen Sie unseren kostenlosen SEO-Analyzer und geben Sie Ihre URL ein und klicken Sie auf „Jetzt analysieren“.

Er zeigt Ihnen alle Probleme mit Ihren Überschriften-Tags an.

---

WordPress H1-Hierarchie: Die Checkliste für Agenturen

Wenn Sie WordPress-Seiten für Kunden erstellen oder pflegen, muss die Überschriftenstruktur Teil Ihres Pre-Launch- und laufenden Audit-Prozesses sein. Hier ist eine wiederholbare Checkliste:

Auf Theme-Ebene:

• Der Seitentitel im Header ist NICHT in

  eingeschlossen (verwenden Sie

  , oder

  )

• Der Beitrags-/Seitentitel wird als

  in

  oder

  auf allen Beitragstypen gerendert

• Die Startseite hat genau ein

  — entweder vom Seitentitel oder vom Hero-Bereich

• Archivseiten (Kategorie, Schlagwort, Autor) haben ein beschreibendes

• Die 404-Seite hat ein

Auf Inhaltsebene:

• Jede Seite hat genau ein

  im Inhaltsbereich (oder null, wenn das Theme dies über den Titel handhabt)

• Hauptabschnitte verwenden

• Unterabschnitte verwenden

  , die innerhalb von

  -Abschnitten verschachtelt sind

• Keine Überschriftenebenen werden übersprungen
• Überschriften werden nicht nur für visuelles Styling verwendet

Auf Plugin-/Builder-Ebene:

• Elementor/Divi/Beaver Builder Überschriftenelemente haben korrekte HTML-Tag-Einstellungen
• Widget-Bereiche geben nicht versehentlich H1- oder H2-Tags aus
• H1-Warnungen von SEO-Plugins sind auf allen wichtigen Seiten behoben

---

Die korrekte WordPress-Überschriftenhierarchie — nach Seitentyp

Ein Muster passt nicht für jeden WordPress-Seitentyp. Hier ist die korrekte Struktur für jeden:

Blog-Beitrag / Einzelbeitragsseite

H1: Post Title (output by theme automatically)
  H2: First major section
    H3: Subsection
    H3: Another subsection
  H2: Second major section
    H3: Subsection
      H4: Detail
  H2: Third major section

Startseite (Statische Frontseite)

H1: Primary value proposition or page headline
  H2: Service category or feature group
    H3: Individual service or feature
  H2: Testimonials or social proof section
  H2: Call to action section

WooCommerce-Produktseite

H1: Product name (output by WooCommerce template)
  H2: Product description heading
  H2: Reviews
  H2: Related products

Kategorie / Archivseite

H1: Category name (e.g., "WordPress SEO Articles")
  H2: Post title within loop (if posts are displayed with headings)

---

Häufige Fehler, die die WordPress H1-Struktur zerstören

Fehler 1: Verwendung von Überschriften-Tags zum Stylen von Text Wenn Sie großen, fetten Text möchten, der keine Abschnittsüberschrift ist, verwenden Sie kein H2. Fügen Sie einem

oder

eine CSS-Klasse hinzu und stylen Sie ihn visuell. Die Verwendung von Überschriften-Tags für die Ästhetik verschmutzt Ihre strukturelle Gliederung.

Fehler 2: Editoren die Überschriftenebenen nach Sicht wählen lassen Ohne einen Inhalts-Styleguide werden Editoren natürlich zu Überschriftenebenen tendieren, die aussehen richtig aussehen. Ein kurzer interner Leitfaden — „H2 für Abschnitte, H3 für Unterabschnitte, niemals H1 im Inhalt verwenden“ — verhindert die meisten Probleme.

Fehler 3: Installation eines WordPress-Themes ohne Überprüfung der Überschriftenstruktur Nicht alle Premium-WordPress-Themes geben korrektes Überschriften-Markup aus. Bevor Sie sich für ein Theme entscheiden, inspizieren Sie einen Demo-Beitrag: Wird der Beitragstitel als H1 gerendert? Vermeidet der Seitentitel, auf inneren Seiten als H1 zu erscheinen?

Fehler 4: Annahme, dass Ihr SEO-Plugin alles abdeckt Yoast und Rank Math prüfen den Beitrag, den Sie gerade bearbeiten. Sie erkennen keine Überschriftenprobleme, die durch die Header-Vorlage, Footer-Widgets oder Archivseiten-Vorlagen Ihres Themes verursacht werden. Eine manuelle Prüfung oder ein Screaming Frog-Crawl ist weiterhin erforderlich.

Fehler 5: Das visuelle Erscheinungsbild korrigieren statt der HTML-Struktur Die häufigste „Korrektur“ für das H1-Problem des Seitentitels besteht darin, CSS hinzuzufügen, damit er kleiner aussieht. Das verbirgt das Problem visuell, lässt aber das fehlerhafte Markup bestehen. Korrigieren Sie das HTML-Tag, nicht nur den Stil.