WordPress Gutenberg hat die Art wie Inhalte erstellt werden verändert. Aber über Schönheit hinaus hat die Block-Struktur direkte SEO-Implikationen. Wer Gutenberg-Blocks konsequent für SEO-Signale nutzt, hat einen Vorteil gegenüber Websites die den Editor nur als Texteingabe verwenden.
Heading-Hierarchie im Block-Editor
Der häufigste Gutenberg-SEO-Fehler: Überschriften werden nach Aussehen gewählt statt nach Bedeutung. Das H2 sieht gut aus? Dann wird’s ein H2 – auch wenn die vorherige Überschrift ein H3 war.
Korrekte Hierarchie:
- H1: Seitentitel (meist vom Theme gesetzt, nicht im Editor)
- H2: Hauptabschnitte des Artikels
- H3: Unterabschnitte von H2
- H4: Sehr selten, nur bei komplexen verschachtelten Strukturen
Im Gutenberg-Editor: Im Heading-Block rechts in den Block-Einstellungen das Heading-Level auswählen. Visuelles Styling (Schriftgröße, Farbe) separat über CSS oder Theme-Einstellungen.
Seiten mit korrekter H-Tag-Hierarchie (H1 → H2 → H3, keine übersprungenen Ebenen) ranken laut SEO-Studien für 30 % mehr semantisch verwandte Keywords als Seiten mit inkonsistenten Heading-Strukturen – weil Google die semantische Struktur besser versteht.
Block-Anker für interne Verlinkung
Gutenberg erlaubt jedem Block einen eigenen HTML-Anker (ID):
- Block auswählen
- In den Block-Einstellungen (rechte Sidebar) → „Erweitert” aufklappen
- „HTML-Anker” eingeben (z. B.
was-kostet-seo)
Das ermöglicht direkte Links auf Abschnitte: /blog/seo-kosten/#was-kostet-seo
SEO-Vorteil: Interne Links auf spezifische Abschnitte sind semantisch präziser und verbessern die interne Verlinkungsstruktur. Gut für lange Artikel die via Inhaltsverzeichnis navigiert werden.
Klassenlisten für strukturierte Inhalte
Mit CSS-Klassen in Gutenberg können Standard-Blocks für Rich Snippets vorbereitet werden:
<!-- FAQ-Block vorbereiten: -->
<div class="faq-item">
<h3>Was kostet SEO?</h3>
<p>SEO-Kosten beginnen bei 500–1.000 €/Monat für...</p>
</div>In Gutenberg: HTML-Block oder Group-Block mit entsprechender Klasse und JavaScript/PHP erzeugt Schema-Markup daraus.
Rank Math und Yoast SEO bieten eigene Gutenberg-Blocks: FAQ-Block (mit automatischem FAQPage-Schema), HowTo-Block (mit HowTo-Schema) und Table-of-Contents-Block. Diese ersetzen manuelle Schema-Implementierungen komplett – einfach den entsprechenden Block einfügen und Fragen/Antworten eingeben.
Bilder in Gutenberg SEO-gerecht einbinden
Alt-Text: Im Bild-Block rechts unter „Alt-Text (Alternativtext)” eintragen. Nie leer lassen bei inhaltlichen Bildern.
Bildbeschriftung: Wird als <figcaption> gerendert – zusätzliches Text-Signal für Bildkontext.
Ausgerichtete Bilder: align: wide oder align: full erweitern Bilder über die Contentbreite – gut für LCP-relevante Hero-Bilder wenn das Theme es unterstützt.
Lazy Loading: Seit WordPress 5.5 werden alle Bilder außer dem ersten mit loading="lazy" gerendert. Das erste Bild (oft das LCP-Element) bekommt automatisch loading="eager" – wichtig für LCP.
Tabellen für strukturierten Content
Gutenberg-Tabellen werden als Standard-HTML-Tabellen gerendert:
<table>
<thead>
<tr><th>Tool</th><th>Kosten</th><th>Einsatz</th></tr>
</thead>
<tbody>
<tr><td>Screaming Frog</td><td>kostenlos (500 URLs)</td><td>Crawling</td></tr>
</tbody>
</table>Tabellen sind für Google lesbar und können als Rich Snippets erscheinen. Immer thead mit aussagekräftigen Spaltenüberschriften nutzen.
Reusable Blocks und SEO-Konsistenz
Wiederverwendbare Blöcke (Reusable Blocks) sind ideal für konsistente SEO-Elemente:
Anwendungsfälle:
- Einheitliche CTA-Boxen mit immer aktuellem Text
- Disclaimer-Texte die legal korrekt bleiben müssen
- Schema-Markup-Templates die auf mehreren Seiten erscheinen
Achtung: Reusable Blocks erzeugen Duplicate Content wenn sie zu viel einzigartigen Text enthalten. Nur für generische Elemente (CTAs, Hinweise) nutzen.
Gutenberg Patterns für SEO-Templates
WordPress Block Patterns sind vordefinierte Block-Kombinationen. Für SEO sinnvolle Patterns:
- FAQ-Sektion (H2 + Frage/Antwort-Struktur)
- Service-Übersicht (Cards mit Icon, Headline, Text)
- Testimonial-Bereich (Bewertungsmarkup)
Eigene Patterns via functions.php:
register_block_pattern(
'mein-theme/faq-sektion',
[
'title' => 'FAQ-Sektion',
'content' => '<!-- wp:heading {"level":2} -->
<h2>Häufige Fragen</h2>
<!-- /wp:heading -->
<!-- wp:faq-block /-->',
]
);WordPress-Websites die Gutenberg-Blocks konsequent für semantische Struktur nutzen (korrekte Headings, Alt-Texte, Tabellen, FAQ-Blocks mit Schema) erzielen durchschnittlich 20 % mehr Click-through-Rate aus den Suchergebnissen durch Rich Snippets und Featured-Snippet-Chancen.
Mehr zu WordPress-SEO finden Sie in unserem Artikel über WordPress SEO Grundlagen.