Der WordPress Gutenberg-Editor: Artikel schreiben & perfekt formatieren

Als WordPress im Jahr 2018 den alten, an Word erinnernden Texteditor gegen den neuen „Gutenberg“-Editor austauschte, ging ein Aufschrei durch die Webmaster-Welt. Heute, im Jahr 2026, ist der Gutenberg-Editor (auch bekannt als Block-Editor) das mächtigste und intuitivste Werkzeug, um ohne Programmierkenntnisse wunderschöne, schnelle Webseiten zu bauen.

Wenn du das erste Mal auf Beiträge → Erstellen klickst, wirkt die Oberfläche extrem minimalistisch. Doch unter der Haube steckt ein geniales System. Hier erfährst du, wie du Texte schreibst, die deine Leser fesseln und bei Google ganz oben landen.

Das Prinzip: Alles ist ein Block

Das Geheimnis von Gutenberg ist einfach: Jedes Element auf deiner Seite ist ein eigenständiger Baustein (ein „Block“).

• Ein normaler Absatz ist ein Block.
• Eine Überschrift ist ein Block.
• Ein Bild, eine Liste oder eine Tabelle – alles eigene Blöcke.

Das Geniale daran: Du kannst diese Blöcke per Drag-and-Drop verschieben, farblich anpassen oder duplizieren.

💡 Der Profi-Shortcut: Wenn du im Editor einen neuen Absatz beginnst, tippe einfach einen Schrägstrich / ein, gefolgt vom Namen des Blocks (z. B. /bild oder /tabelle). So musst du nicht jedes Mal mit der Maus auf das Plus-Zeichen klicken.

Die perfekte Formatierung für Google und Leser (Scannbarkeit)

Niemand liest im Internet riesige Textwüsten (sogenannte „Walls of Text“). Die Menschen überfliegen (scannen) Seiten, um schnell die Antwort auf ihre Frage zu finden. Wenn sie nur einen fetten Textblock sehen, klicken sie frustriert weg – was deine Absprungrate erhöht und dein Google-Ranking zerstört.

Nutze stattdessen diesen klaren Aufbau für jeden deiner Artikel:

1. Die Überschriften-Hierarchie (H2, H3, H4)

Dein Haupttitel ist immer die H1 (erstellt WordPress automatisch). Im Text nutzt du als Hauptkapitel ausschließlich H2-Überschriften. Wenn du ein Kapitel weiter unterteilen willst, nutzt du eine H3.

• Falsch: Einfach Text markieren und fett/groß machen. Google erkennt das nicht als Struktur.
• Richtig: Den dedizierten „Überschrift“-Block nutzen und das richtige H-Tag wählen.

2. Kurze Absätze und Fettdruck

Ein Absatz im Web sollte selten länger als 3 bis 4 Zeilen sein. Bringe wichtige Kernbotschaften durch Fettdruck zur Geltung. So erfasst das Auge des Lesers beim Scrollen sofort die wichtigsten Fakten.

3. Listen und Aufzählungen

Sobald du mehr als zwei Dinge aufzählst, nutze den „Liste“-Block (wie in diesem Artikel). Listen lockern das Layout optisch auf und werden von Google extrem positiv bewertet (oftmals nutzt Google diese Listen sogar direkt für die begehrten „Featured Snippets“ in den Suchergebnissen).

Die Geheimwaffen: Layout-Blöcke von Kadence

Da du das Kadence Theme nutzt, hast du Zugriff auf die erweiterten Kadence Blocks. Diese heben deine Formatierung auf Agentur-Niveau:

• Das Zeilen-Layout (Row Layout): Hiermit kannst du deinen Text ganz einfach in zwei, drei oder mehr Spalten aufteilen. Perfekt, um Vor- und Nachteile nebeneinander darzustellen.
• Die Infobox (Advanced Column / Info Box): Verpasse wichtigen Tipps oder Warnungen einen farbigen Hintergrund und ein passendes Icon. Das lenkt die Aufmerksamkeit des Lesers gezielt auf wichtige Passagen.

Bilder richtig einbinden (Der SEO-Ladezeit-Trick)

Ein guter Artikel braucht visuelle Unterstützung. Wenn du den „Bild“-Block nutzt, achte unbedingt auf zwei Dinge, um deine Seite nicht auszubremsen:

1. Die Bildgröße: Lade niemals Fotos direkt von der Kamera oder dem Smartphone hoch (die sind oft 5–10 MB groß). Skaliere sie vorher auf die maximale Breite deines Blogs (meist ca. 1200 Pixel) und komprimiere sie (z. B. mit kostenlosen Tools wie TinyPNG). Ein Bild sollte selten größer als 100–150 KB sein.
2. Der Alt-Text (Alternativer Text): Klicke das Bild im Editor an und trage in der rechten Seitenleiste den „Alt-Text“ ein. Beschreibe dort kurz, was auf dem Bild zu sehen ist (inklusive deines Keywords). Das hilft sehbehinderten Menschen und sorgt dafür, dass deine Bilder in der Google-Bildersuche ranken.

Fazit: Übung macht den Meister

Der Gutenberg-Editor fühlt sich beim ersten Mal vielleicht etwas ungewohnt an, aber nach zwei geschriebenen Artikeln wirst du den alten Editor nicht mehr vermissen. Er gibt dir die kreative Freiheit, die man früher nur mit teurer Zusatzsoftware oder tiefen HTML-Kenntnissen hatte.