Elementor Test 👉🏻 Der bester WordPress Page Builder 2024?

Elementor Icon Logo
4.7/5
Unsere Bewertung

Mit über 5 Millionen aktiven Nutzern ist Elementor der beliebteste WordPress Page Builder. Die Pro-Version überzeugt mit innovativen Funktionen (z.B. Theme-Builder & Loop-Builder). Auch die Performance hat sich in den letzten Monaten stark verbessert.

  • Kostenlos Version verfügbar
  • Pro-Version: ab 59 Euro (pro Jahr)

Ich persönlich nutze Elementor Pro schon seit vielen Jahren und bin davon überzeugt, dass der WordPress Page Builder auch im Jahr 2024 eine wirklich gute Wahl ist, um eine WordPress Webseite zu erstellen!

Mit Elementor kannst du großartige Designs und Layouts schnell und einfach umsetzen. Bereits die kostenlose Variante bietet wirklich extrem viel.

In der Pro-Version (Elementor Pro) ist sogar ein eigener Theme-Builder und Loop-Builder integriert (+ viele weitere Funktionen).

Alle Details zu Elementor zeige ich dir in diesem Testbericht.

Das wichtigste in Kürze

  • Elementor ist der beliebteste Page Builder für WordPress mit über 5 Millionen aktiven Nutzern.
  • Elementor bietet intuitive Bedienung mittels einem Drag-and-Drop Editor.
  • Responsive Design gestaltet sich durch Elementor mühelos für diverse Endgeräte.
  • Die Basisversion von Elementor ist kostenlos und beinhaltet bereits einen hohen Funktionsumfang.
  • Mit Elementor Pro bekommt man Zugriff auf erweiterte Funktionen – darunter dem Theme-Builder sowie dem Loop-Builder und man kann mit dynamischen Daten arbeiten (z.B. ACF).
  • Elementor bietet auch optional eine Cloud-Hosting-Lösung (Elementor Cloud Hosting*)
  • Gegen Aufpreis kann man auch KI-Funktionen direkt in Elementor nutzen (Elementor AI)

Was ist Elementor und Elementor Pro?

Elementor ist ein kostenloser Page Builder für WordPress. Damit kannst du Seiten und Beiträge deiner WordPress-Webseite einfach mittels einem Drag & Drop Editor erstellen. Nahezu jedes Design lässt sich somit (relativ einfach und schnell) mit Elementor umsetzen. Außerdem bist du nicht auf die Optik und das Design deines Themes beschränkt.

Apropos Theme: Elementor ist mit fast jedem WordPress-Theme kompatibel, darauf gehe ich weiter unten im Beitrag aber noch genauer ein.

Folgendes Video demonstriert, wie du mit Elementor schnell und einfach eine Webseite umsetzen kannst:

Elementor Pro mit integrierten Theme-Builder

Vom Page-Builder zum Theme-BuilderElementor Pro ist ein kostenpflichtiges Upgrade und bietet nochmals deutlich mehr Features als die kostenlose Version von Elementor.

In der Pro-Version ist es unter anderem auch möglich, die Header- und Footer-Bereiche (also Kopf- und Fußzeile der Webseite) vollständig mit Elementor zu erstellen und zu stylen. Außerdem können Templates für Archive, Blog-, 404-Seiten etc. erstellt werden.

Somit ist man überhaupt nicht mehr an das Layout des Themes gebunden und kann quasi sein eigenes Theme-Layout auf Elementor-Basis erstellen.

Mehr dazu erfahren:
Eigenes WordPress Theme mit dem Elementor Theme Builder erstellen

Einige Features von Elementor Pro:

  • Theme-Builder
  • Loop-Builder
  • Große Auswahl an Template-Kits
  • Kontaktformular-Builder (inkl. Multistep-Form)
  • Pop-Up Builder
  • Woocommerce-Styling & Widgets
  • Scrolling-Effekte
  • Slider-Builder
  • Scrolling-Effekte
  • uvm.

Mehr Details findest du in meinem Beitrag Elementor Pro – lohnt sich ein Kauf?

Wie funktioniert Elementor?

Elementor ist ein Drag & Drop Page Builder. Eine Seite kann quasi „live“ von dir erstellt werden und du siehst die Ergebnisse sofort. Dabei basiert Elementor auf einzelne Elemente bzw. Widgets, die du einfach per Drag & Drop an die gewünschte Stelle ziehst.

Eine Seitenleiste innerhalb des Editors bietet zudem eine Vielzahl von Widgets und Einstellungsmöglichkeiten, die ich nutzen kann, um die Funktionalität meiner Seite zu erweitern. Von einfachen Textboxen bis hin zu fortschrittlichen Slidern – Elementor stellt alles bereit, was ich für die Gestaltung einer professionellen Website benötige.

Mit dem „Finder“-Feature finde ich schnell jede Seite, jedes Widget oder jeden Einstellungsbereich wieder – das erleichtert mir die Navigation enorm, wenn ich an mehreren Stellen meiner Website gleichzeitig arbeite.

Elementor Widgets - Drag & Drop
Die Elementor Widgets können einfach per Drag & Drop an die gewünschte Stelle gezogen werden.

Starten kannst du den Page Builder übrigens auch direkt aus dem WordPress Editor. Du kannst also einfach eine neue Seite erstellen, und dann im (Gutenberg-) Editor auf den Button Mit Elementor bearbeiten klicken.

Elementor starten
Du kannst Elementor auch direkt von jeder Seite oder jedem Beitrag aus starten.

Layout in Container organisieren

Während man früher in Elementor mit Abschnitten und Spalten gearbeitet hat, stehen mittlerweile Container zur Verfügung und ersetzen die Abschnitte.

Du kannst in den Containern deine Widgets (= Elemente) platzieren und anordnen. Außerdem ist es auch möglich Container innerhalb von Containern zu platzieren, um komplexere Layouts umzusetzen.

Abschnitte und Spalten
Früher: Einzelne Elemente werden in Abschnitte und Spalten organisiert. Jetzt werden Flexbox-Container genutzt.

In diesem Video von meinem YouTube-Kanal zeige ich dir, wie du ein Layout / Design mit den Flexbox-Containern umsetzen kannst:

Alles kann mit wenigen Klicks angepasst werden

Die Container und auch die einzelnen Elemente – einfach alles kann in Elementor individuell und einfach angepasst werden.

Zum Beispiel kannst du die Größe, Breite, Farbe etc. von jedem Container oder von jedem Element mit wenigen Klicks anpassen, Hintergrundbilder oder selbst Hintergrundvideos einfügen, oder einfach nur einen Rahmen oder eine Schattierung um ein Element legen. Die Möglichkeiten scheinen fast unbegrenzt zu sein!

Wenn du ein Widget oder einen Container bearbeiten willst, dann klicke einfach mit der rechten Maustaste auf das entsprechende Element. Die verfügbaren Optionen siehst du dann links in der Elementor-Sidebar

Elementor Widgets einfach anpassen
Du kannst in Elementor alles schnell und einfach anpassen. Klicke dazu einfach mit der rechten Maustaste auf das Element oder den Container.

Perfekt Responsive – eine Seite für Smartphones und Tablets anpassen

Elementor responsive

Elementor ermöglicht es dir, deine Inhalte mit nur wenigen Klicks perfekt für alle Endgeräte zu optimieren.  Dabei kannst  du die Größen für einzelne Elemente und Container individuell für die jeweiligen Endgeräte (Smartphone, Tablet oder PC) festlegen.

Mit Elementor eine Webseite für Tablet oder Smartphone optimieren

Klicke einfach unten in der Elementor-Sidebar auf das Monitor Symbol. Dort kannst du zwischen Desktop, Tablet und Smartphone wählen.

Außerdem ist es möglich, einzelne Elemente oder Container nur auf bestimmten Endgeräten anzuzeigen:

  1. Klicke auf ein Widget, einen Container oder ein Widget
  2. Klicke in der Elementor Sidebar auf „Erweitert“
  3. Nutze die Responsiv Optionen
Screenshot: Elemente auf bestimmten Endgeräten ein- oder ausblenden

In diesem Video von meinem YouTube-Kanal zeige ich dir, wie du mit Elementor deine Webseite perfekt auf mobile Endgeräte optimieren kannst:

Elementor installieren

Bei Elementor handelt es sich um WordPress Plugin. Dieses kann einfach über das WordPress Backend mit einem Klick installiert werden.

Elementor installieren

Elementor Pro download und Installation

Das kostenpflichtige Upgrade Elementor Pro kannst du hier kaufen*. Bezahlt werden kann unter anderem mit PayPal oder Kreditkarte. Außerdem bekommst du eine 30-Tage Geld-zurück-Garantie.

Updates und Support sind für ein Jahr enthalten. Wenn du danach deine Lizenz nicht mehr erneuerst, kannst du den Pagebuilder aber natürlich wie gewohnt weiter verwenden – du bekommst dann nur eben keine Updates mehr.

Installation:

Nach dem Kauf erhältst du in deinem Kundenkonto einen Lizenzcode und kannst Elementor Pro herunterladen.

Elementor Account
So sieht mein Elementor Pro Account aus. Damals hatte ich Elementor Pro auf 11 Webseiten im Einsatz. Im Jahr 2022 sind es mehr als 50 aktive Installationen…

Danach kannst du Elementor Pro einfach über das WordPress-Backend installieren:

Plugins – Installieren – hochladen (lade die Datei so wie sie ist, also als Zip-Datei hoch)

Elementor Funktionen in der kostenlosen Version

Was kostet Elementor in seiner Basisversion? Absolut nichts!

Über 30 Widgets sind direkt nach der Installation einsetzbar und bieten eine Vielzahl an Funktionalitäten. Ob Buttons, Bildergalerien oder Textblöcke – alle kommen in einem Set ohne zusätzliche Kosten.

Darüber hinaus stehen auch Vorlagen / Templates zur Verfügung, die dir als ausgezeichnete Startpunkte für verschiedene Seitendesigns dienen. Diese Templates sind anpassbar, sodass du sie mühelos nach deinen Wünschen gestalten kannst. Dank der Revisionen-Funktion kannst du Änderungen mit einem Klick zurücknehmen.

  • Über 30 anpassbare Widgets zur freien Gestaltung
  • Intuitiver Drag-and-DropEditor erleichtert Webdesign
  • Revisionssicherheit durch Rückgängigmachungsfunktion
  • Effektive Vorlagen zur Beschleunigung des Designprozesses

Hier siehst du einige Elemente („Widgets“) die in der kostenlosen Version von Elementor zur Verfügung stehen:

Widgets / Elemente - kostenlose Version

Funktionen in der Pro-Version

Die Pro Version von Elementor bietet mit 50+ weiteren Widgets nochmals ein großes Update zur kostenlosen Version. Auf die größten Highlights von Elementor Pro möchte ich hier kurz eingehen.

Mehr Widgets / Elemente

Mit Elementor Pro hast du Zugriff auf eine noch größere Auswahl an Widgets, die deiner Kreativität keine Grenzen setzen. Spezialisierte Widgets für Beiträge und Portfolios erlauben es dir, anspruchsvolle Projekte mit diversen Inhalten ansprechend darzustellen.

Theme Builder

Theme-Builder Widgets

Elementor Pro bietet eine Theme-Builder Funktionalität. Somit kannst du im Grunde alle Elemente und Seiten deiner Webseite mit Elementor stylen bzw. erstellen (Header, Footer, Blog-Beitragsseite, Kategorieseiten, Suchergebnis-Seite, 404-Seite etc.).

Globale Stile und Designeinstellungen

Ergänzend zum Theme Builder steht die Funktion Theme-Styles zur Verfügung. Damit kann ein globaler Stil für die Webseite festgelegt werden (Bodytext, Überschriften, Linkfarbe, Button-Styles, etc.).

Theme-Stil Optionen
In den Theme-Styles kannst du globale Einstellungen zur Typografie etc. vornehmen. Diese Funktion ist somit ähnlich, wie die Customizer-Optionen von Premium-Themes.

Auch diese Webseite habe ich komplett mit dem Theme Builder von Elementor erstellt. Hier habe ich ein Tutorial für dich erstellst, wie du mit dem Theme Builder ein eigenes WordPress Theme erstellen kannst.

Loop Builder

Der Loop Builder in Elementor Pro ist ein starkes Tool, um dynamische Inhalte wie Blogposts, Portfolio-Items oder Produktlisten attraktiv und übersichtlich zu präsentieren.

Popup Builder

In Elementor Pro ist ein wirklich guter Popup Builder mit umfangreichen Funktionen integriert. Zusätzlich stehen auch viele Popup Templates zur Verfügung.

Popup Vorlagen von Elementor
Elementor stellt einige Popup-Templates zur Verfügung. Diese bieten oft einen guten Ausgangspunkt zum Erstellen eines eigenen Popups.

Wirklich gut sind auch die individuellen Bedingungen, welche für jedes Popup eingestellt werden können.

Popup Einstellungsmöglichkeiten
Neben typischen Triggern stehen auch erweiterte Optionen zur Verfügung.

Innerhalb der Popups können alle Widgets genutzt werden.

Somit kann man z.B. ein Kontakt- oder Anfrageformular, eine Galerie, oder ein umfangreiches Template mit mehreren Widgets in ein Popup einbinden.

Ich nutze Popups vor allem um neue E-Mail Abonnenten einzusammeln. 

Mit einem Klick auf diesen Link öffnet sich ein mit Elementor erstelltes Popup (das wäre jetzt eine gute Gelegenheit, um dich für meinen Online-Marketing Newsletter einzutragen :-).

Das Popup habe ich dank Template in weniger als 5 Minuten erstellt.

Woocommerce Builder

woocommerce widgets

Elementor Pro bietet einen Woocommerce Builder womit die Shop- und Produktseiten individuell gestylt werden können. Zusätzlich findet man weitere essentielle Woocommerce-Widgets (z.B. einen Warenkorb-Symbol für den Header inklusive Vorschaufunktion etc.).

Ich persönlich habe den Woocommerce Builder von Elementor bereits für die Erstellung von zwei Onlineshops genutzt.

Formulare + Multi-Step-Forms

Mit Elementor Pro kannst du dir ein weiteres Kontaktformular-Plugin sparen. Ein sehr fortschrittlicher Form-Builder ist in der Pro-Version bereits enthalten.

Seit dem Update auf Elementor Pro 2.10 ist sogar eine Multi-Step Funktionalität enthalten. Somit kannst du umfangreiche Formulare auch auf mehrere Schritte aufteilen oder komplexe Anfrageformulare erstellen. Leider fehlt derzeit noch die Möglichkeit auf Conditional Logic.

Design-Upgrade und weitere Funktionen

Pro Widgets

Elementor Pro bietet noch deutlich mehr Funktionen als die hier gerade gezeigten Highlights. Vor allem sind auch Funktionen zum Aufwerten des Designs integriert (Parallax- und Scrolling Effekte, Lotti-Animationen etc.).

Noch mehr Details findest du in meinem Beitrag Elementor Pro – lohnt sich ein Kauf?

Elementor Preise

Neben der kostenlosen Version gibt es verschiedene Pakete / Preispläne für die Pro-Version.

PaketESSENTIALADVANCEDEXPERTAGENCY
Preis pro Jahr59 EUR99 EUR199 EUR399 EUR
Anzahl der Websites1Bis zu 3Bis zu 25Bis zu 1000
Premium SupportJaJaJaJa
Anzahl der Pro Widgets50828282
Theme BuilderJaJaJaJa
Dynamische InhalteNeinJaJaJa
Form BuilderJaJaJaJa
Popup BuilderNeinJaJaJa
Benutzerdefinierter Code & CSSNeinJaJaJa
E-Commerce-FunktionenNeinJaJaJa

Mehr Details / Pro-Version kaufen*

Templates / Vorlagen nutzen

Mit Elementor (auch in der kostenlosen Version) kannst du die von dir erstellten Abschnitte, oder ganze Seiten als Vorlagen bzw. Templates abspeichern und wiederverwenden. Du kannst diese Vorlagen auch einfach exportieren bzw. herunterladen, und sie auf einer anderen WordPress Seite wieder importieren und verwenden.

Das ist natürlich extrem genial, da du damit deinen Workflow erheblich beschleunigen kannst.

Zusätzlich stehen auch komplette Template-Kits zur Verfügung – das sind quasi komplett fertige Webseiten mit mehreren Seiten, die du mit einem Klick importieren kannst.

Wie du eine Vorlage mit Elementor erstellst

Eine Vorlage zu erstellen ist extrem einfach. Du kannst entweder einzelne Abschnitte oder gesamte Seiten als Templates abspeichern.

Einen Abschnitt als Template speichern:
Klicke mit der rechten Maustaste auf den Abschnitt, den du als Vorlage abspeichern möchtest. Danach siehst du im Menü die Option, den Abschnitt als Template zu speichern.

Abschnitt als Template speichern

Eine ganze Seite als Template speichern:
Möchtest du eine ganze Seite (also mehrere Abschnitte) als Vorlage abspeichern, dann klicke links unten im Elementor-Menü auf den Pfeil neben dem Speichern-Button. Hier bekommst du die Funktion Als Template speichern.

Seite als Template speichern

Templates auf der eigenen Seite wiederverwenden

Möchtest du eine von dir erstellte Vorlage auf der selben Webseite woanders wiederverwenden so funktioniert das ganz einfach:

Klicke dazu einfach in den Bereich, wo du einen neuen Abschnitt hinzufügen kannst auf das graue Ordnersymbol (Template hinzufügen).

Template einfügen

Danach öffnet sich die Elementor Template-Bibliothek. Klicke oben einfach auf meine Templates – hier findest du alle deine selbst erstellten Vorlagen bzw. Templates wieder.

In der Template-Bibliothek von Elementor findest du auch deine eigenen Templates

Templates exportieren und importieren

In der eben angesprochenen Template-Bibliothek kannst du deine Templates auch einfach exportieren. Klicke dazu auf der rechten Seite auf die drei Punkte. Dann öffnet sich das Untermenü mit den Optionen Löschen und Export.

Elementor Templates exportieren

Wenn du auf Export klickst, wird das Template in Form einer .json-Datei heruntergeladen.

Templates importieren funktioniert ebenfalls über die Template Bibliothek (und ist genau so einfach):

Klicke oben rechts in der Template Bibliothek auf den Pfeil im Kreis um ein Template z.B. von der Festplatte zu importieren.

Elementor Templates importieren

Weitere Kostenlose Templates

Noch mehr Templates findest du in meinem Beitrag über kostenlose Elementor Templates.

Die besten WordPress Themes für Elementor

Elementor ist mit den meisten WordPress Themes kompatibel. Solltes du Elementor Pro nutzen, und deine komplette Webseite (inklusive Header- und Footerbereich) mit Elementor erstellen, empfiehlt sich der Einsatz eines leichten Themes, welches möglichst wenig Ressourcen benötigt.

Elementor bietet hierfür das Elementor Hello Theme an (dieses kann kostenlos über das WordPress-Backend installiert werden).

Das Hello Theme ist ein komplett reduziertes Theme ohne jegliche Design- oder Layout-Elemente. Das eigentliche Design kommt dann ausschließlich von Elementor.

Bei diesem Theme müssen lediglich  17 Kilobyte an Daten geladen werden.

Folgende Themes zählen zu den beliebtesten Themes in Kombination mit Elementor. Außerdem sind diese Themes zu 100% kompatibel:

Template NameGröße (Kilobyte)
Hello Elementor17,5 kB
Astra37,8 kB
GeneratePress29,5 kB
Page Builder Framework70,2 kB
OceanWP237 kB
Hestia273 kB

Bei Interesse kannst du dir hier meinen ausführlichen GeneratePress Testbericht durchlesen. Auch diese Seite basiert auf GeneratePress in Kombination mit Elementor.

Und hier findest du meinen Testbericht zu dem ebenfalls großartigen Astra Theme, welches ich bei diversen anderen Projekten im Einsatz habe.

Elementor Performance

Eine weit verbreitete Meinung ist, dass Page Builder generell schlecht für die Performance sind. Dies liegt mitunter an dem oft “aufgeblähten” Code. Außerdem werden oft Elemente geladen, die zwar im Page Builder zur Verfügung stehen, aber die gar nicht aktiv auf der Seite genutzt werden.

Wie sich Elementor bezüglich Performance schlägt, darauf möchte ich jetzt genauer eingehen. Außerdem möchte ich darauf eingehen, wie ein Page Builder deine Ladezeit paradoxerweise sogar verbessern kann.

Elementor gehört zu den schnellen Page Buildern

Bezüglich der Performance gehört Elementor zu den besseren Page Buildern, und diese wird laufend verbessert.

So wurde z.B. die DOM-Struktur verbessert, um weniger DIV-Elemente zu erzeugen

div-Styles, DOM-Größe - erzeugt von Elementor
Unnötige div-Styles – das wurde in Elementor 3.0 verbessert! Auch sonst ist der Code recht „sauber“.

Zusätzlich wurde in der Version 3.0 das „Improved Asset Loading“ eingeführt. Das bedeutet, dass Elementor auch wirklich nur den Code von den tatsächlich verwendeten Widgets lädt. Ein wirklich wichtiger Schritt!

Mittlerweile steht sogar bereits die Funktion „Flexbox-Containter“ zur Verfügung (kann im Menü unter Experimente aktiviert werden). Dabei handelt es sich um ein neues System zur Layout Erstellung in Elementor. Diese verbessert ebenfalls die Performance des Page Builders.

Mir persönlich ist Performance und eine gute Ladezeit wichtig!

Webseiten die ich mit Elementor erstelle, laden in der Regel sehr schnell. Die meisten Seiten werden in unter einer Sekunde geladen und das, obwohl ich nur ein günstiges (aber gutes) Webhosting verwende.

Nehmen wir einfach gleich die Startseite von dieser Webseite als Beispiel:

Elementor Performance-Test mit Pingdom Tools
Zum testen der Ladezeit verwende ich Pingdom Tools. Ich teste immer von der Location Frankfurt. Würde ich die Seite von einem amerikanischen Standpunkt aus testen, wäre die Ladezeit deutlich länger, da ich kein CDN nutze.

Die Seite basiert komplett auf Elementor. Zusätzlich werden noch Google Fonts, Icons, Google Analytics und ein Cookie Banner geladen. Da bin ich mit der Ladezeit (deutlich unter einer Sekunde) durchaus zufrieden!

Okay zugegeben, natürlich habe ich eine Speed-Optimierung vorgenommen (Caching, Styles, Scripts, etc.), aber das sollte man bei WordPress Webseiten sowieso machen (egal ob man nun einen Page Builder verwendet, oder nicht). Ohne Optimierung beträgt die Ladezeit der Seite in etwa 1,5 Sekunden.

Noch ein Beispiel, so schnell lädt diese Seite laut Pingdom (ich habe wieder Frankfurt als Teststandort ausgewählt):

Ladezeit Test - Ergebnisse von Pingdom
Nur 21 Requests und eine Ladezeit von knapp unter einer Sekunde, damit bin ich zufrieden!

Du siehst also, auch mit Elementor können schnelle Ladezeiten und eine gute Performance erreicht werden.

Zur Speed-Optimierung verwende ich übrigens WP Rocket – ein Plugin, das ich auch in meiner Liste der besten WordPress Plugins aufgenommen habe.

Bessere Ladezeit durch Elementor?

Generell ist ein Page Builder wie Elementor erstmals ein “schweres” Plugin, da der Funktionsumfang so gewaltig ist.

Genauer betrachtet ist der (negative) Einfluss auf die Performance allerdings nicht wirklich groß. Ganz im Gegenteil kann Elementor in vielen Fällen die Ladezeit der Webseite sogar verbessern.

Klingt erstmals unglaubwürdig, oder?

Ich erkläre dir worauf ich hinaus will:

Vorhin bin ich ja darauf eingegangen, dass Elementor mindestens 10 Plugins ersetzen kann!

So ziemlich jedes Plugin hat einen gewissen Einfluss auf die Performance deiner Webseite.

Wenn du nun aufgrund von Elementor einige zusätzliche Plugins einsparen kannst, kannst du damit die Performance deiner Webseite wieder verbessern. Wenn du sehr viele Plugins einsparen kannst, dann ist die Performance meist sogar besser, als sie vor dem Einsatz von Elementor war.

Eine kleine Story dazu:

Im größten deutschen WordPress & SEO Forum auf Facebook hat sich ein Admin darüber ausgelassen, dass Elementor sich extrem negativ auf die Performance auswirken würde.

Ich habe mir dann die Webseite des Admins angesehen und war dann erstaunt darüber, dass die Ladezeit ca. 4x mal schlechter war, als bei meinen durchschnittlichen Elementor-Seiten.

Danach habe ich seine Seite mal schnell aus eigenen Interesse analysiert. Der Admin musste unzählige Plugins verwenden, um eine gewisse Funktionalität auf seiner Webseite darzustellen (Slider Revolution, Kontaktformular, Sticky-Header-Plugin, etc.). Aufgrund dieser Plugins, war auch die Performance seiner Webseite so schlecht.

Die Aussage des Admins war einfach ein Griff ins Klo, würde ich mal sagen…

Hier noch ein Video von meinem YouTube Kanal, wo ich auf das Thema Performance von Page Buildern eingegangen bin.

Elementor und SEO

Hat Elementor einen positiven oder einen negativen Einfluss auf SEO?

Diese Frage wurde mir schon ein paar mal gestellt.

Elementor hat keinen negativen Einfluss auf SEO

Erstmals möchte ich gleich klarstellen, dass Elementor keinen negativen Einfluss auf die Suchmaschinenoptimierung hat.

Seiten die du mit Elementor erstellt hast, können von Google ebenso gut gelesen (und korrekt gerendert) werden, als Seiten die ohne dem Page Builder erstellt wurden.

Ich habe viele extrem gute Rankings in diversen Projekten bei Elementor-Webseiten erzielt. Und auch die internationalen SEO-Größen von Authority Hacker betreiben ihre Webseite mittlerweile mit Elementor (und erzielen großartige Rankings).

Also keine Sorge – Elementor hat erstmals keinen negativen Einfluss auf SEO. Natürlich solltest du bei der Umsetzung deiner Webseiten auf eine korrekte HTML Struktur (H1, H2, H3…) sowie auf eine gute Ladezeit achten.

Und Content ist sowieso King!

Elementor kann einen positiven Einfluss auf SEO haben

Elementor kann sich positiv auf SEO auswirken. Mit den vielen Funktionen des Page Builders kannst du die User Experience gezielt verbessern. Eine gute UX führt unter anderem zu einer geringeren Absprungrate und lässt den Besucher in der Regel länger auf deiner Seite verbleiben. Ich denke das dies auch die Hauptintention war, warum Authority Hacker zu Elementor gewechselt sind.

Zusammengefasst kann dir Elementor helfen, Nutzersignale zu verbessern, was wiederum einen (indirekt) positiven Effekt auf deine Rankings haben kann.

Schau dir einfach mal diesen Blogbeitrag an.

Wenn du gerade am Desktop hier bist, dann siehst du das mitscrollende Inhaltsverzeichnis auf der rechten Seite. Am Smartphone kannst du das Inhaltsverzeichnis jederzeit aufklappen. Egal wo du dich gerade befindest – du kannst immer durch den Blogbeitrag navigieren.

Dies ist ein einfaches Beispiel dafür, wie man die User Experience verbessern kann. Erstellt habe ich das mit Elementor – die Installation eines zusätzlichen Plugins ist dafür nicht nötig.

Natürlich sind auch alle gängigen SEO-Plugins wie z.B. Yoast oder Rank Math mit Elementor kompatibel. Ich persönlich nutze auf dieser Webseite Rank Math, damit kann ich diverse SEO-Einstellungen sogar direkt in Elementor vornehmen.

Integration von Rank Math in Elementor
Rank Math kann man sogar innerhalb von Elementor nutzen. Hier findest du meinen Rank Math Testbericht zum Nachlesen.

Vorteile & Nachteile

Hier möchte ich die Vor- und Nachteile von Elementor und Elementor Pro schnell auf den Punkt bringen:

Vorteile

  • Einfache Bedienbarkeit (Drag & Drop)
  • Kostenlose Version ist bereits umfangreich
  • Führender WordPress Page Builder (über 5 Millionen aktive Nutzer)
  • Die Pro-Version bietet mit dem Theme-Builder, dem Loop-Builder und den weiteren Funktionen die Möglichkeit, jede Art von Webseite (relativ) einfach umzusetzen
  • Großes Entwicklerteam und aufgrund des Abo-Modells ist Elementor finanziell sehr gut aufgestellt und wird noch lange am Markt sein
  • Stetige Weiterentwicklung

Nachteile

  • Kein Elementor Lifetime-Deal verfügbar
  • Die Performance ist mittlerweile zwar gut, aber Webseiten die rein mit dem WordPress Gutenberg-Editor umgesetzt werden, können eine bessere Performance erreichen

Elementor Alternativen

Obwohl Elementor eine starke Position im Bereich der WordPress Page Builder einnimmt, gibt es dennoch eine Reihe von alternativen Lösungen, die unterschiedliche Anforderungen und Vorlieben bedienen können. Im Folgenden stelle ich einige prominente Elementor Alternativen vor, die jeweils eigene Akzente im Umgang mit dem Aufbau und Design von WordPress-Websites setzen.

WordPress Gutenberg Editor mit Full Site Editing (FSE)

Der Gutenberg Editor, bekannt als der Standard-Editor von WordPress, hat durch das neue Full Site Editing (FSE) einen bedeutenden Entwicklungsschritt gemacht. Mit FSE können User nun das komplette Site-Design direkt im Gutenberg Editor vornehmen. Dies umfasst die Anpassung von Headern, Footern und anderen Template-Bereichen, was früher nur mit komplexen Themes oder Page Buildern möglich war. So entwickelt sich Gutenberg zu einer realistischen und vor allem in WordPress integrierten Alternative zu Elementor.

Divi

Ein weiterer bedeutsamer Player im Universum der Page Builder ist Divi von Elegant Themes. Mit seinem eigenständigen Visual Builder und zahlreichen vordefinierten Layouts und Content-Modulen bietet Divi alles für eine professionelle Website-Gestaltung. Eine Besonderheit ist die hohe Anpassungsfreiheit jedes einzelnen Moduls sowie umfangreiche Design-Einstellungen, die ohne Code-Kenntnisse zugänglich sind.

Thrive Architect

Thrive Architect ist bekannt dafür, speziell auf die Bedürfnisse von Online-Marketing und Conversion-Optimierung zugeschnitten zu sein. Als WordPress Page Builder ermöglicht es das einfache Erstellen von Landingpages und bietet eine Vielfalt an leadgenerierenden Elementen. Thrive Architect empfiehlt sich insbesondere für Nutzer, die einen starken Fokus auf die Verkaufs- und Conversion-Rate ihrer Websites legen.

Weitere Elementor Alternativen

Außer den bereits genannten Optionen gibt es noch andere Elementor Alternativen, die es Wert sind, betrachtet zu werden. Hierzu zählen beispielsweise der Beaver Builder, der durch seine Benutzerfreundlichkeit und saubere Code-Ausgabe von sich reden macht, oder Brizy, das mit einer intuitiven und modernen Drag-and-Drop-Oberfläche punktet. Jeder dieser WordPress Page Builder hat seine individuellen Vorzüge und kann je nach Projekt und Vorlieben die passende Wahl sein.

Mein Fazit

Mit Elementor kann man selbst komplexe Designs und Layouts einfach und unkompliziert umsetzen. Dank der unzähligen Templates bietet Elementor einen extrem schnellen Workflow. Außerdem ist es möglich, eigene Templates zu erstellen und wiederzuverwenden.

Dank des hohen Funktionsumfang kann Elementor viele andere Plugins ersetzen.

Die Pro-Version bietet nochmals deutlich mehr Features als die kostenlose Variante. Für mich ist der Theme-Builder von Elementor Pro ein echtes Highlight, mit dem man die Grenzen von jedem WordPress Theme sprengen kann.

Ich persönlich nutze Elementor Pro auf all meinen WordPress Seiten und setze auch die meisten Kundenprojekte in meiner Webdesign- und SEO Agentur über Elementor um.

Negativ empfinde ich hauptsächlich, dass keine Lifetime-Lizenz verfügbar ist.

Wenn du weitere Fragen oder Anregungen zu diesem Elementor Tutorial hast, dann schreibe bitte ein Kommentar.

🎉 Insider-Tipps zu den Themen künstliche Intelligenz, WordPress, SEO & Online Business
Hier bekommst du Zugang zu exklusiven Inhalten und profitierst von weiteren Vorteilen (z.B. spezielle Rabattaktionen, etc.)

Double-Opt-In und DSGVO (du erhältst im Anschluss noch eine E-Mail, um die Anmeldung zu bestätigen). Mit dem Absenden dieses Formulars stimmen Sie der Verarbeitung der hier eingegebenen Daten zu. Mehr Informationen dazu in der Datenschutzerklärung.

Robert Leitinger - KI, SEO & WordPress Experte
Über den Autor
Robert Leitinger

In den letzten 13+ Jahren habe ich mehrere erfolgreiche Online-Projekte umgesetzt. Im Jahr 2018 folgte die Gründung meiner eigenen Webdesign und Online Marketing Agentur. Ergänzend zu diesem Blog betreibe ich auch einen YouTube Kanal.

Mehr über mich erfahren ➔

Weitere Beiträge lesen:

*Kennzeichnung & Information: Affiliate Links / Partnerlinks
Bei einem Link, der mit einem Stern gekennzeichnet ist (*), handelt es sich um einen Affiliate Link. Wenn du über diesen Link etwas kaufst, erhalte ich eine kleine Provision. Für dich entstehen dadurch keine Mehrkosten. So kann diese Webseite finanziert werden und sie bleibt frei von externen Werbebanner. Vielen Dank! Weitere Informationen disbezüglich findest du in der Datenschutzerklärung.