Divi erklärt: Pagebuilder für WordPress und Migration — Glossar

Direkte Antwort

Divi: Divi ist ein WordPress-Theme mit integriertem visuellem Pagebuilder von Elegant Themes. Seiten entstehen aus Abschnitten, Zeilen und Modulen und liegen häufig als Shortcodes in der Datenbank. Das macht Bearbeiten bequem, bindet Inhalte aber an den Builder, vergrößert das ausgelieferte Markup und erschwert die Migration.

Wichtigste Punkte

Divi ist Theme plus Pagebuilder; Layouts werden visuell aus Modulen zusammengebaut.
Inhalte liegen oft als builder-spezifische Shortcodes in der Datenbank und lassen sich nicht einfach exportieren.
Verschachteltes Markup und Skripte belasten Core Web Vitals und die Textextraktion durch KI-Systeme.
Migration heißt: Inhalte extrahieren, neu strukturieren, auf SSG/SSR ausliefern.

— Steve Baka

Aktualisiert: 6. Oktober 2026 · Autor: Steve Baka

Was ist Divi?

Divi ist ein Produkt von Elegant Themes und besteht aus einem WordPress-Theme und dem Divi Builder. Der Builder öffnet im Frontend einen visuellen Editor, in dem du Abschnitte, Zeilen, Spalten und Module (Text, Bild, Slider, Formular, Button) per Klick anordnest. Du siehst das Ergebnis sofort und musst keinen Code schreiben. Dazu kommen Vorlagen, Effekte und eine Bibliothek fertiger Layouts.

Technisch speichert Divi die Struktur im Inhaltsfeld des Beitrags. Klassisch geschieht das über Shortcodes, etwa [et_pb_section], [et_pb_row] und [et_pb_text]. Der Builder übersetzt sie beim Laden in HTML. Dieses Verfahren erklärt zwei Eigenschaften, die später relevant werden: Erstens ist der Inhalt nur zusammen mit dem Builder lesbar. Zweitens erzeugt der Builder für jedes Modul Wrapper-Elemente, Klassen und Skripte.

Welche Folgen hat das für Performance und KI-Sichtbarkeit?

Das ausgelieferte HTML einer Divi-Seite enthält typischerweise viele verschachtelte Container pro sichtbarem Element. Dazu laden Theme und Builder zahlreiche Stylesheets und JavaScript-Dateien, auch für Funktionen, die auf der Seite gar nicht genutzt werden. Die Folgen zeigen sich in den Core Web Vitals: Der größte sichtbare Inhalt erscheint spät (LCP), der Hauptthread ist durch Skripte blockiert (INP), und Animationen sowie spät berechnete Abstände erzeugen Verschiebungen (CLS).

Für KI-Systeme kommt hinzu: Assistenten extrahieren Text aus dem HTML. Je mehr Markup den Inhalt umgibt und je mehr Elemente erst per JavaScript sichtbar werden, desto schwerer ist es, Absätze sauber herauszulösen. Überschriftenhierarchien werden in Buildern oft nach Optik statt nach Struktur gesetzt; das mindert die Extrahierbarkeit. Zusätzlich gestaltet sich das Hinterlegen konsistenter JSON-LD-Daten schwerer, wenn Inhalte in Modulen verteilt liegen.

Warum ist die Migration von Divi aufwendig?

Beim Wechsel zu einem anderen System reicht ein Export nicht. Ein WordPress-Export liefert Beitragstexte samt Shortcodes. Ohne Divi erscheinen sie als Klartext im Beitrag, und das Layout ist verloren. Außerdem hängen Menüs, globale Module, Vorlagen und Theme-Optionen an Divi-spezifischen Einstellungen.

Der saubere Weg trennt Inhalt von Darstellung: Texte, Überschriften, Bilder, Formulare und Metadaten werden seitenweise extrahiert, redaktionell geprüft und in eine strukturierte Form überführt, etwa MDX-Dateien. Das Design wird neu in Komponenten umgesetzt, nicht aus dem Builder-Markup kopiert. Wer dabei URLs, Titel und Weiterleitungen sichert, vermeidet Rankingverluste (Rankingverlust vermeiden).

Divi bei Modern Stack

Wir lösen Divi-Seiten schrittweise ab: Bestandsaufnahme von Seiten, URLs und Formularen; Extraktion der Inhalte; Neuaufbau auf Next.js mit fertigem HTML; 301-Weiterleitungen, Canonicals und neue Sitemap; anschließend Messung von Geschwindigkeit und Maschinenlesbarkeit. Eine Migration startet ab 500 € für ca. 10 Seiten, ein Redesign ab 1.000 €. Den Ablauf beschreibt Divi-Migration; die Gesamtbetrachtung steht in Pagebuilder-Ablösung.

Typische Fehler: Man deaktiviert Divi, ohne vorher Inhalte zu sichern; man baut das Layout 1:1 im neuen System nach und übernimmt damit die Ballast-Strukturen; oder man vergisst Weiterleitungen für alte Seiten. Wer Divi vorerst behält, sollte Wartung & Updates fest einplanen, weil Theme, Builder und Plugins sicherheitsrelevant sind.

Quellen

Elegant Themes — Divi Documentation — Elegant Themes
Offizielle Herstellerdokumentation zu Theme, Builder und Modulen.
web.dev — Web Vitals — Google web.dev
Maßstab für LCP, INP und CLS, an denen Builder-Seiten häufig scheitern.
Divi-Migration — Modern Stack
Ablauf und Umfang der Ablösung von Divi bei Modern Stack.

Häufige Fragen

Worin unterscheidet sich Divi von Elementor?

Beide sind visuelle Pagebuilder für WordPress, und beide haben dasselbe Kernproblem: zusätzliches Markup und zusätzliche Skripte. Divi ist enger mit seinem eigenen Theme verbunden und speichert Inhalte klassisch als Shortcodes, Elementor arbeitet als Plugin mit eigener Datenstruktur.

Kann eine Divi-Seite gute KI-Sichtbarkeit erreichen?

Mit sehr viel Disziplin, etwa mit schlankem Layout, manuell gepflegtem Schema und deaktivierten Effekten. In unseren Audits sehen wir das selten, weil die Standardausgabe tief verschachtelt ist und Skripte den Inhalt verzögern.

Was passiert mit meinen Inhalten, wenn ich Divi deaktiviere?

Der Text bleibt in der Datenbank, aber umgeben von Shortcodes wie [et_pb_section]. Ohne Builder erscheinen sie als Klartext im Beitrag. Deshalb sollten Inhalte vor einer Deaktivierung gezielt extrahiert und neu strukturiert werden.

Weiterlesen

Divi-Migration
Eine Divi-Migration überträgt Inhalte, Seitenlogik und Markenbild aus WordPress, ohne Divi-Module und Shortcode-Ballast mitzunehmen. Bestehende URLs werden kontrolliert auf eine moderne Ausgabe abgebildet.
Wartung & Updates
Moderne Webseiten benötigen weiterhin Wartung, aber keine wöchentliche Pflege eines WordPress-Plugin-Zoos. Relevant bleiben Abhängigkeiten, Inhalte, Formulare, Sicherheitsmeldungen und messbare Web-Qualität.
Webseite-Modernisierung
Was Webseite-Modernisierung bei Modern Stack bedeutet: bestehende WordPress- und Baukasten-Webseiten auf einen modernen Web-Stack bringen — Inhalte behalten, Technik erneuern, bereit für Google und KI-Suche.
WordPress
WordPress ist ein quelloffenes Content-Management-System auf Basis von PHP und MySQL/MariaDB, das laut W3Techs einen großen Teil aller Webseiten antreibt. Der Funktionsumfang entsteht über Themes, Plugins und oft Pagebuilder — und genau dieser Ballast bestimmt Performance und KI-Tauglichkeit.
Pagebuilder
Ein Pagebuilder ist ein visuelles Layout-Werkzeug für CMS wie WordPress, etwa Elementor, Divi oder WPBakery. Per Drag-and-drop gebaut, erzeugt er oft tief verschachteltes HTML, das Ladezeit und KI-Extraktion belastet.
Pagebuilder-Ablösung
Warum Elementor, Divi & Co. Performance und GEO behindern — und wie Migration Inhalte behält, aber sauberes Markup schafft.