So erstellen Sie einen A/B-Test bestehender Seiten in Ihrem WordPress

Veröffentlicht: 2022-03-31

A/B-Tests sind das beste Tool, um die Conversion einer Website zu verbessern. Ein Seiten-A/B-Test ist ein Designtest, der es uns ermöglicht, Variationen derselben Seite durchzuführen, um das Nutzerverhalten zu vergleichen und zu beurteilen, welche Variation die besten Ergebnisse erzielt.

Wenn Sie einen A/B-Test erstellen, um die Konvertierung einer bestimmten Seite zu verbessern (die wir „Kontrollvariante“ oder „Variante A“ nennen), erstellen Sie normalerweise eine Version, die eine Kopie dieser Seite ist („Alternative Variante“ oder „Variante B“). Dann nehmen Sie Design- oder Inhaltsänderungen an der Kopie vor, um zu analysieren, welche der beiden Versionen mehr Conversions generiert (mehr Käufe, Abonnements oder andere Aktionen, die Sie zählen möchten).

Der Traffic, der auf die Originalseite kommt, wird aufgeteilt, sodass die Hälfte Ihrer Besuche immer noch die Originalseite sehen und die andere Hälfte die neu erstellte Variante. Auf diese Weise können Sie analysieren, welche Version die beste Conversion-Rate hat.

Ein Bild, das zeigt, wie A/B-Tests funktionieren: Der Verkehr wird aufgeteilt und jedes Segment sieht eine Variante, und dann prüfen wir, welche Variante mehr Conversions erzielt hat — In seiner einfachsten Form schlägt A/B-Testing vor, den Traffic auf die Website zufällig in zwei Gruppen aufzuteilen, sodass 50 % der Besucher das A-Design sehen, während die anderen 50 % das B-Design sehen. Indem wir überwachen, wie Benutzer in jeder Gruppe reagieren, können wir die Konversionsrate jeder Gruppe berechnen und, falls es einen statistisch signifikanten Unterschied zwischen den beiden gibt, ein Gewinnerdesign ausrufen.

Auf unserer Seite mit den Preisen für Nelio A/B-Tests wollten wir beispielsweise einen A/B-Test durchführen, indem wir die Farben und Ränder der Schaltflächen sowie das Hintergrundbild geändert haben. Wir wollten sehen, ob wir mehr Abonnenten gewinnen könnten. Im folgenden Vergleich sehen Sie die ursprüngliche Version des ersten Blocks (links) und die alternative Version (rechts).

Colores originales de la tabla de precios. — Originalfarben (links) und alternative Farben zum Testen (rechts) in der Preistabelle.

Colores alternatives del tabla de precios. — Originalfarben (links) und alternative Farben zum Testen (rechts) in der Preistabelle.

Wenn die Änderungen, die Sie vornehmen möchten, jedoch radikaler sind oder Sie völlig neue Seiten entwerfen, möchten Sie möglicherweise vorhandene Seiten auf Ihrer Website testen.

Warum zwei verschiedene bestehende Seiten testen?

Wenn Sie zwei veröffentlichte Seiten haben, welchen Sinn hat es, in diesem Zusammenhang einen A/B-Test zu erstellen, wenn Sie bereits die Besuchs- und Konversionsdaten zum Vergleichen in Google Analytics haben? Die Antwort ist, dass diese Zahlen nicht ausreichen, um zu verstehen, ob eine Seite besser ist als die andere. Sehen wir es uns an einem Beispiel an.

Auf unserer Website haben wir verschiedene Seiten über Nelio A/B Testing definiert, auf denen wir zeigen, wie unser Plugin eine Lösung ist, die für eine Vielzahl von Branchen und Arten von Websites anwendbar ist. Darunter sind zum Beispiel Nelio A/B Testing for Publishers und Nelio A/B Testing for Marketers.

Erfassen Sie die Zielseite von Nelio A/B-Tests für Publisher — Teil-Screenshot der Zielseite von Nelio A/B Testing for Publishers.

Erfassen Sie die Zielseite von Nelio A/B-Tests für Vermarkter — Teil-Screenshot der Zielseite von Nelio A/B Testing for Publishers.

In Google Analytics können Sie die Anzahl der Besuche jeder Seite und die Anzahl der Conversions sehen (z. B. Besucher, die auf die Schaltfläche „Jetzt starten“ geklickt haben). Sie könnten daraus schließen, dass die Seite mit der höchsten Conversion-Rate oder (Anzahl der Conversions dividiert durch die Anzahl der Besuche) die beste Seite ist. Aber das kann falsch sein.

Einerseits müssen Sie berücksichtigen, dass die Seitenaufrufe sehr unterschiedlich und möglicherweise statistisch nicht vergleichbar sind. Außerdem kann ein Besucher, der auf einer Seite konvertiert, zuvor (in derselben Sitzung oder zu einem anderen Zeitpunkt) die andere Seite angesehen haben. Woher wissen Sie, welche der beiden Seiten den Besucher überzeugt hat, das Produkt auszuprobieren?

Ein A/B-Test von zwei bestehenden Seiten Ihrer Website stellt sicher, dass der Traffic, der zu einer der beiden Seiten kommt, in zwei Teile geteilt wird. Auf diese Weise sieht jeder Besucher, der im Rahmen eines Tests auf eine der beiden Seiten gelangt, nur eine davon. Und sie werden bei ihren aufeinanderfolgenden Besuchen immer dasselbe sehen.

Daher sind die erhaltenen Daten statistisch vergleichbar. So wissen Sie zuverlässig, welche Seite die beste Conversion hat. Sehen wir uns unten an, wie Sie diese Art von A/B-Test auf Ihrer WordPress-Website erstellen.

Schritte zum Erstellen eines A/B-Tests im Blockeditor

Um einen A/B-Test auf einer WordPress-Website zu erstellen, empfehlen wir Ihnen, eines der am Markt verfügbaren Tools zu verwenden. Und insbesondere empfehlen wir die Verwendung von Nelio A/B Testing (kostenlose und Premium-Version ab 29 €/Monat), da es das einzige Tool ist, das vollständig als natives WordPress-Plugin erstellt wurde. Da er zu 100 % mit dem Blockeditor kompatibel ist, müssen Sie keine anderen externen Tools für seinen Betrieb erlernen oder verwenden. Und Sie können alle Funktionen voll ausschöpfen, die der Gutenberg-Editor (oder jeder andere Seitenersteller, den Sie möglicherweise verwenden) bereits bietet.

Installieren und aktivieren Sie das Nelio A/B Testing Plugin

Wenn Sie Nelio A/B Testing noch nie verwendet haben, müssen Sie zuerst das Plugin (eine kostenlose Version ist verfügbar) direkt von Ihrem WordPress-Dashboard aus installieren und aktivieren. Und von hier aus haben Sie bereits die Registerkarte Nelio A/B-Tests in Ihrem Dashboard-Menü, mit der Sie Ihren ersten Test erstellen können.

Menüoptionen des Nelio A/B-Testing-Plugins — Registerkarten im Nelio A/B-Testing-Plugin-Menü. Klicken Sie auf „Tests“, um Ihren ersten Test zu erstellen.

Definieren Sie den zu erstellenden Testtyp

Mit Nelio A/B Testing können Sie nicht nur Seitentests erstellen. Sie können auch andere Arten von Tests erstellen: Beiträge, benutzerdefinierte Beitragstypen, Menüs, Vorlagen, Widgets usw. So können Sie nach einem Klick auf „Test hinzufügen“ auswählen, dass Sie einen Seitentest erstellen möchten:

Testselektor in Nelio A/B Testing — Auswahl des Tests in Nelio A/B Testing.

und geben Sie ihm einen aussagekräftigen Namen , damit Sie ihn in Zukunft identifizieren können.

In der rechten Seitenleiste finden Sie einige zusätzliche Registerkarten:

Status und Verwaltung , wo Sie den aktuellen Status Ihres Tests sehen ( Entwurf , Bereit , Geplant oder Pausiert ) und Optionen, wann er beginnen und enden soll.
Beschreibung des Tests: Sie können angeben, was Sie testen und was Sie damit erreichen wollen.
Testumfang : Geben Sie an, welche Seiten Ihrer Website von diesem Test betroffen sind.

Definieren eines zweiseitigen A/B-Tests mit Nelio A/B Testing.

Wählen Sie die zu testenden Seiten aus

Um die zwei oder mehr Seiten zu vergleichen, die Teil des Tests sein sollen, wählen Sie zunächst eine der Seiten („Kontrollversion“ oder allgemein „Version A“) mit dem Ihnen zur Verfügung stehenden Selektor aus. Beachten Sie, dass Sie danach suchen können, indem Sie seinen Titel, seine URL oder seine Kennung eingeben.

Auswählen einer Seite als Kontrollversion eines A/B-Tests — Auswahl einer Seite als Kontrollversion eines A/B-Tests.

Als nächstes können Sie angeben, ob die Alternative des von Ihnen erstellten Seitentests eine Variante sein soll, die Sie explizit für diesen Test erstellen (wie bei den meisten A/B-Tests üblich), oder ob Sie eine vorhandene Seite auswählen möchten.

Markieren Sie im dafür vorgesehenen Kontrollkästchen, dass der Test der Seite gegen eine bereits vorhandene Seite erfolgt. Jetzt können Sie die Seite, die Teil des Tests sein soll, als „Variante B“ auswählen, so wie Sie es zuvor mit der Originalseite getan haben.

Erstellen eines A/B-Seitentests zwischen zwei bestehenden Seiten — Erstellen eines A/B-Tests von Seiten zwischen zwei bestehenden Seiten.

Beachten Sie, dass Sie weitere Varianten hinzufügen können, wenn Sie einen Test mit mehreren Varianten erstellen möchten. Darüber hinaus haben Sie auch die Möglichkeit, die Seite zu bearbeiten, um notwendige Änderungen vorzunehmen.

Definieren Sie Test-Conversion-Ziele und -Aktionen

Nachdem Sie die Seiten ausgewählt haben, die Teil des A/B-Tests sein werden, müssen Sie die Konversionsziele des Tests definieren und welche Aktionen Besucher ausführen müssen, um diese Ziele zu erreichen. Beispielsweise kann ein Besucher Interesse an Ihren Produkten zeigen, indem er auf eine Schaltfläche klickt oder eine Seite besucht. Mit Nelio A/B-Tests haben Sie verschiedene Arten von Conversion-Aktionen, um Ihre Besucher zu verfolgen.

Hinzufügen eines Konversionsziels und einer Aktion in einem A/B-Test — Definition des Ziels «Besuche der Preisseite», indem als Conversion-Aktion der Besuch des Inhalts dieser Seite ausgewählt wird.

Segmenttestverkehr

Besucher Ihrer Website sind nicht alle gleich. Sie kommen aus verschiedenen Ländern, sprechen verschiedene Sprachen, verwenden verschiedene Browser, greifen von verschiedenen Websites auf die Website zu, verwenden verschiedene Geräte und eine Vielzahl anderer subtiler und großer Unterschiede.

Wenn Sie möchten, dass der gesamte Verkehr, der auf Ihre Website gelangt, Teil des erstellten Tests ist, ignorieren Sie diesen Punkt und gehen Sie direkt zum nächsten über. Aber je nach Art der Website und dem Traffic, den Sie haben, möchten Sie möglicherweise die Zielgruppe, die Sie erreichen möchten, verfeinern.

Mit Nelio A/B-Tests können Sie Segmente erstellen, d. h. anhand von Regeln die Gruppe von Besuchern mit einer Reihe gemeinsamer Merkmale definieren, die Sie an Ihrem Test teilnehmen möchten.

Hinzufügen eines Segments in einem A/B-Test.

Hier finden Sie nähere Informationen zum Erstellen von Segmenten in einem Test.

Führen Sie den Test aus

Das ist der letzte Schritt! Sie haben bereits Ihren bestehenden zweiseitigen Test erstellt, also müssen Sie jetzt nur noch auf die Schaltfläche „Start“ des Tests oben rechts im Editor klicken. Sie können dann die Ergebnisse des Tests sehen, den Sie gerade erstellt haben.

A/B-Test zwischen zwei bestehenden Seiten erstellt — A/B-Test zwischen zwei bestehenden Seiten gestartet.

Analysieren Sie den Fortschritt des Tests

Sobald der Test gestartet wurde, können Sie, wie Sie im Bild oben sehen können, jederzeit den Status des Tests überprüfen. Zum einen informiert Sie das Status-Icon in der rechten Seitenleiste, wenn noch nicht genug Besuche vorhanden sind, um einen Gewinner zu finden , wenn es eine Variante gibt, die zwar gewinnt, aber wenig Vertrauen hat, oder wenn Sie bereits einen haben Siegervariante des Tests .

Darüber hinaus haben Sie eine Reihe von Grafiken, um die Gesamtzahl der Conversions und Seitenaufrufe des Tests anzuzeigen. Oder Sie sehen die Konversionsraten jeder Alternative und deren Verbesserungsgrad. Sie können auch das Miniaturbild der Seiten sehen, die Sie testen, mit den Details der Besuche, der Konvertierung und der Verbesserung (oder Verschlechterung) in Bezug auf die Kontrollversion.

Unten sehen Sie das Bild der Ergebnisse des Preisseitentests, den ich am Anfang dieses Beitrags erwähnt habe. In diesem Fall konnten wir bestätigen, dass die Originalversion besser war als die Alternative.

Wenn Sie mit Nelio A/B Testing einen A/B-Test von Seiten erstellen, haben Sie außerdem die Möglichkeit, Heatmaps, Scrollmaps und Konfettikarten jeder Alternative mit zusätzlichen Informationen über das Verhalten Ihrer Besucher anzuzeigen.

Um zusammenzufassen

Um das Beste aus Ihren Marketingbemühungen zur Steigerung der SEO Ihrer Website herauszuholen, stellen Sie sicher, dass Sie die Abbruchrate minimieren und die Konversion Ihrer Seiten erhöhen. A/B-Tests sind das beste Tool zur Optimierung der Konversionsrate, da Sie durch statistisch signifikante Daten zwischen zwei oder mehreren Alternativen wissen können, welche mehr konvertiert.

Die gebräuchlichste Art, einen A/B-Test einer Seite zu erstellen, besteht darin, Variationen davon zu erstellen und zu versuchen, die Aspekte zu verbessern, die Reibung erzeugen können. Mit verifizierten Daten haben Sie die Gewissheit, dass eine bestimmte Änderung auf dieser Seite die Conversion verbessert.

Der Vergleich der Conversion zwischen verschiedenen bereits erstellten Seiten kann Ihnen helfen zu verstehen, welche Designs und Inhalte die größte Wirkung auf Ihre Besucher haben. Auf diese Weise können Sie Ihre SEO-Strategie besser fokussieren.

Der große Vorteil der Verwendung von Nelio A/B Testing zum Erstellen von Tests bestehender Seiten besteht darin, dass Sie dank der Integration mit dem WordPress-Editor keine Programmierkenntnisse benötigen. In wenigen Minuten können Sie einen Testlauf auf Ihrer Website durchführen.

Vorgestelltes Bild von NeONBRAND auf Unsplash.