Gutenberg

Was hinter Gutenberg steckt

Gutenberg bezeichnet den WordPress-Block-Editor, der seit WordPress 5.0 zum Kern des Content-Management-Systems gehört. Der Name stammt vom Buchdrucker Johannes Gutenberg und verweist auf die Idee, digitale Inhalte aus standardisierten Bausteinen zusammenzusetzen. Jeder Absatz, jede Überschrift und jedes Bild bildet einen eigenständigen Block mit eigenen Einstellungen.

Die Blockstruktur ersetzt das frühere Prinzip eines weitgehend zusammenhängenden Textfeldes. Redakteure können einzelne Elemente verschieben, duplizieren, gruppieren oder als Vorlage speichern. Gutenberg eignet sich deshalb sowohl für einfache Blogbeiträge als auch für umfangreichere Landingpages, Produktinformationen und redaktionelle Inhaltsbereiche.

• Textblöcke bilden Absätze, Listen, Zitate und Überschriften ab.
• Medienblöcke integrieren Bilder, Galerien, Videos und Dateien.
• Layoutblöcke erzeugen Spalten, Gruppen, Abstände und visuelle Bereiche.
• Dynamische Blöcke können aktuelle Beiträge, Produkte oder Formulare ausgeben.

So funktioniert der Block-Editor

Gutenberg speichert die Inhalte eines Beitrags in der WordPress-Datenbank. Die einzelnen Blöcke werden dort durch spezielle Markierungen voneinander getrennt. Beim Aufruf der Seite verarbeitet WordPress diese Informationen und gibt das daraus erzeugte HTML an den Browser aus. Besucher sehen daher keine Editor-Markierungen, sondern die fertige Seite.

Jeder Gutenberg-Block besitzt einen definierten Inhalt und bestimmte Attribute. Ein Bildblock speichert beispielsweise die ausgewählte Mediendatei, den Alternativtext und die Darstellungsgröße. Ein Überschriftenblock enthält neben dem Text auch die gewählte Ebene von H1 bis H6. Diese Trennung erleichtert spätere Änderungen, weil Redakteure nicht den gesamten Quellcode bearbeiten müssen.

Mehrere Blöcke lassen sich zu Mustern zusammenfassen. Ein Muster kann beispielsweise aus Überschrift, Text, Bild und Button bestehen. Nicht synchronisierte Muster dienen als kopierbare Ausgangslage. Synchronisierte Muster übernehmen spätere Änderungen an allen verwendeten Stellen. Vor einer Bearbeitung solltest du deshalb prüfen, ob ein Element nur auf einer Seite oder websiteweit geändert werden soll.

Gutenberg und SEO

Gutenberg verbessert Rankings nicht automatisch. Der Editor stellt jedoch die Bausteine bereit, mit denen du semantisch verständliche Inhalte erstellen kannst. Für Suchmaschinen zählen die ausgegebenen Überschriften, Texte, Links, Bilder und strukturierten Seitenelemente. Ob diese Elemente im Block-Editor oder über ein anderes System gepflegt wurden, ist für den Google-Crawler zweitrangig.

Ein verbreiteter Fehler besteht darin, die visuelle Größe einer Überschrift mit ihrer HTML-Ebene gleichzusetzen. Ein großer Absatz bleibt technisch ein Absatz. Gleichzeitig sollte eine Seite keine willkürlichen Sprünge von H2 zu H5 enthalten. Prüfe im Quellcode oder in einem kostenlosen SEO-Check, ob die Überschriftenhierarchie den Inhalt nachvollziehbar gliedert.

Für eine SEO-freundliche Gutenberg-Seite solltest du insbesondere folgende Punkte kontrollieren:

• Die H1 beschreibt das Hauptthema der URL und wird je nach Theme bereits automatisch ausgegeben.
• H2- und H3-Blöcke bilden eine nachvollziehbare inhaltliche Hierarchie.
• Bilder besitzen beschreibende Alternativtexte und passende Abmessungen.
• Links verwenden verständliche Ankertexte statt allgemeiner Formulierungen.
• Zusätzliche Blöcke und Erweiterungen erzeugen nur den Code, den die Seite tatsächlich benötigt.

Die redaktionelle Struktur ist nur ein Teil der Onpage-Optimierung. Meta Title, Meta Description, Canonical Tags, strukturierte Daten und Indexierungsregeln werden meist durch WordPress selbst, das Theme oder geeignete Erweiterungen gesteuert. Gutenberg ersetzt diese technischen Einstellungen nicht.

Gutenberg im WordPress-Alltag 2026

Gutenberg umfasst inzwischen mehr als die Bearbeitung einzelner Beiträge. Bei einem Block-Theme kannst du über den Website-Editor auch Templates, Kopfbereiche, Fußbereiche und wiederkehrende Seitenelemente gestalten. Diese Funktion wird häufig als Full Site Editing bezeichnet. Welche Optionen verfügbar sind, hängt vom aktiven Theme und von der installierten WordPress-Version ab.

Der Unterschied zwischen dem Beitragseditor und dem Website-Editor liegt im Geltungsbereich. Änderungen im Beitragseditor betreffen normalerweise eine einzelne Seite oder einen einzelnen Beitrag. Änderungen an einem Template können dagegen alle Inhalte verändern, die dieses Template verwenden. Vor Anpassungen an Templates solltest du deshalb eine Vorschau und eine Sicherung der Website erstellen.

Im Agenturalltag zeigt sich besonders bei gewachsenen WordPress-Websites ein typisches Muster: Der Editor selbst ist selten die Ursache technischer Schwierigkeiten. Konflikte entstehen häufiger durch mehrere Erweiterungen, veraltete Blockbibliotheken oder parallele Layoutsysteme. Eine klare Festlegung auf Gutenberg, ein Theme und gezielt ausgewählte Erweiterungen hält die Pflege überschaubar.

Abgrenzung zu anderen Editoren

Der Unterschied zwischen Gutenberg und dem klassischen WordPress-Editor liegt in der Inhaltsstruktur. Der klassische Editor behandelt einen Beitrag weitgehend als zusammenhängenden Inhalt. Gutenberg verwaltet ihn als Folge einzelner Blöcke. Der Unterschied zu einem Page Builder liegt dagegen im Umfang: Viele Page Builder bringen ein eigenes Layoutsystem und zahlreiche zusätzliche Designelemente mit.

Ein Page Builder ist nicht grundsätzlich leistungsfähiger oder langsamer als Gutenberg. Das Ergebnis hängt von der konkreten Erweiterung, dem Theme, den verwendeten Modulen und der Menge geladener Dateien ab. Vergleiche deshalb die tatsächliche HTML-Ausgabe und Ladezeit einer Beispielseite, bevor du dich für ein System entscheidest. Bei einem Neuaufbau kann ein professionelles WordPress-Webdesign mit SEO-Grundlage diese Entscheidungen früh absichern.

Typische Fehler bei Gutenberg

Gutenberg bleibt erweiterbar, doch jeder zusätzliche Block kann eigene Skripte, Stylesheets oder Abhängigkeiten mitbringen. Werden mehrere Blocksammlungen gleichzeitig installiert, wächst häufig die Zahl der geladenen Ressourcen. Das kann die Ladezeit und die Wartbarkeit beeinträchtigen, obwohl auf einer konkreten URL nur wenige dieser Blöcke sichtbar sind.

Auch kopierte Inhalte verursachen vermeidbaren Code. Texte aus Textverarbeitungsprogrammen können zusätzliche Formatierungen enthalten, die im Editor zunächst unsichtbar bleiben. Füge solche Inhalte als unformatierten Text ein und baue Überschriften, Listen und Links anschließend mit Gutenberg-Blöcken neu auf. Das reduziert unnötige HTML-Elemente.

Eine saubere Gutenberg-Konfiguration folgt einem einfachen Auswahlprinzip: Nutze WordPress-Kernblöcke, wenn sie die Aufgabe erfüllen. Ergänze individuelle Blöcke nur für wiederkehrende Funktionen mit echtem redaktionellem Nutzen. Dokumentiere zentrale Muster und lege fest, wer websiteweite Templates bearbeiten darf.

Häufige Fragen zu Gutenberg

Wenn du prüfen möchtest, ob deine WordPress-Website technisch und inhaltlich sauber aufgebaut ist, kannst du einen unverbindlichen Potenzialcheck anfragen.

Kostenloser Potenzialcheck