Erstellen Sie schnell A/B-Tests mit WordPress-Blockmustern

Veröffentlicht: 2021-09-02

Wie wir in früheren Beiträgen besprochen haben, gewinnen WordPress-Blockmuster mit WordPress 5.8 und dem kommenden Pattern Directory an Dynamik. Was uns an Blockmustern am besten gefällt, ist, dass sie aus gestalterischer Sicht als einzelne Einheit sinnvoll sind, um verschiedene Abschnitte auf jeder Seite oder jedem Beitrag hinzuzufügen.

Um beispielsweise Ihre Glaubwürdigkeit zu erhöhen und das Vertrauen Ihrer Website-Besucher zu gewinnen, möchten Sie vielleicht einen Abschnitt einfügen, in dem Sie die Hauptmerkmale Ihrer Produkte hervorheben, einen anderen, der die Logos Ihrer Kunden enthält, einen anderen, der ein oder mehrere Testimonials enthält, oder Bewertungen Ihrer Dienstleistung usw. Und die Auswahl aus einem vielfältigen Repertoire an Mustern für die Gestaltung der einzelnen Abschnitte ist perfekt.

Muster, verstanden als Einheiten des Seitenlayouts, sind ebenfalls ideale Kandidaten für A/B-Tests. Sehen wir uns unten an, wie sie Ihnen helfen können, Ihre A/B-Tests zu erstellen und so die Conversions auf Ihrer Website zu verbessern.

Verbessern Sie die Web-Conversion mit A/B-Tests

Web-Conversion bezieht sich auf jede Aktion, die von jedem erwartet wird, der auf Ihrer Website landet: Er kann eine Produktdetailseite oder eine Preisseite besuchen, den Newsletter abonnieren, uns kontaktieren, einen Artikel lesen, meine Produkte kaufen usw. In diesem Zusammenhang die Conversion Rate ist die Anzahl der erzielten Conversions im Verhältnis zur Anzahl der Besuche. Das heißt, wenn Ihre Website insgesamt 100 tägliche Besuche hat, von denen 2 letztendlich zum Kauf eines Produkts führen, beträgt die Conversion-Rate auf Ihrer Website 2 % .

Das Tool, das Ihnen hilft, die Conversion-Rate zu verbessern, sind A/B-Tests. Ein A/B-Test besteht darin, basierend auf einer Verbesserungshypothese eine Änderung im Web vorzuschlagen und zu prüfen, ob sie besser funktioniert. Ändern Sie beispielsweise den ersten Block der Zielseite mit einer Nachricht, die mehr Neugier weckt, ändern Sie die Reihenfolge, in der die verschiedenen Produkte auf Ihrer Preisseite angezeigt werden, fügen Sie eine Werbung für Ihre Produkte am Ende Ihrer Beiträge hinzu usw.

Aus technischer Sicht besteht der A/B-Test darin, zwei oder mehr Versionen oder Varianten derselben Webseite (es kann auch das Menü oder Thema usw. sein) verschiedenen Gruppen von Webbesuchern zu zeigen und zu vergleichen, welche Variante generiert wird mehr Konvertierungen.

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 erklären.

Wie Sie vielleicht bereits in den oben besprochenen Beispielen bemerkt haben, bestehen die von Ihnen erstellten Varianten in vielen Fällen darin, einen Abschnitt auf Ihrer getesteten Seite hinzuzufügen, zu ändern oder zu entfernen. Aus diesem Grund finden wir das Konzept der Blockmuster im Erstellungsprozess besonders nützlich A/B-Tests.

Erstelle ein A/B-Test mit Mustern

Obwohl Sie eine erstellen könnten A/B-Test auf einer WordPress-Website manuell durchführen, unsere Empfehlung lautet, dass Sie eines der auf dem Markt verfügbaren Tools verwenden und insbesondere, wenn Sie das Beste aus Blockmustern herausholen möchten, das beste Tool erstellen A/B-Tests verwenden Nelio A/B-Testing (kostenlos und Premium (29 €/Monat) verfügbar), da es sich um ein natives WordPress-Plugin handelt und es daher vollständig in den WordPress-Blockeditor integriert ist.

Um eine zu erstellen A/B-Test mit Nelio A/B-Tests mit dem WordPress-Blockeditor, die folgenden Schritte sind wie folgt:

Wählen Sie den zu erstellenden Testtyp aus,
Definieren Sie die Testvarianten,
Conversion-Ziele und -Aktionen definieren,
Definieren Sie alternativ, ob Sie eine Segmentierung anwenden möchten,
Führen Sie den Test durch und analysieren Sie Ihren Fortschritt,
Wenden Sie die erfolgreiche Alternative als endgültig an.

In dieser Anleitung erläutern wir alle Details zu jedem der vorherigen Erstellungsschritte A/B-Tests mit Nelio A/B-Tests im Blockeditor.

Sehen wir uns anhand einiger Beispiele an, wie Blockmuster uns helfen können, beim Erstellen viel effizienter zu sein A/B-Tests; insbesondere bei der Definition der Testvarianten.

Beispiele

Nehmen wir drei verschiedene Testbeispiele an, die wir auf unserer Website durchführen möchten.

Beispiel 1 : Einerseits möchte ich ein alternatives Design auf unserer Nelio-Seite testen, indem ich den Abschnitt ändere, in dem wir die Vorteile unserer Dienste präsentieren.

Seitenbereich mit den Vorteilen unserer Produkte.

Beispiel 2 : Ebenso möchte ich auch ein alternatives Design des Testimonial-Bereichs auf derselben Seite testen und sehen, welches ansprechender ist.

Testimonials-Bereich der Nelio-Homepage — Erfahrungsberichte auf Nelios Homepage.

Beispiel 3 : Ich möchte testen, ob das Hinzufügen eines Call-to-Action-Abschnitts oder eines Banners am Ende aller Posts mehr Abonnenten für unseren Newsletter bringt. Wie Sie am Ende dieses Beitrags sehen können, der sich derzeit in unserem Blog befindet, finden Sie am Ende nur den Abschnitt zum Hinzufügen von Kommentaren.

Wie erstellen wir diese A/B-Tests? Mit einem Tool wie Nelio ist es praktisch so einfach, das Design dieser Seite mit einem zusätzlichen Schritt zu ändern. Mal sehen welche…

Auswahl des Testtyps, den Sie erstellen möchten

Es ist nicht dasselbe, eine zu erstellen A/B-Test einer Seite als eines Templates. Die Erstellung der Varianten wird anders sein, aber der große Vorteil der Verwendung eines Tools wie Nelio A/B-Tests, die vollständig in WordPress integriert sind, bestehen darin, dass durch die anfängliche Auswahl des Testtyps, den Sie erstellen möchten, die folgenden Schritte im Kontext von WordPress völlig intuitiv sind.

Mit Nelio A/B-Tests, das erste, was Sie tun müssen, ist die Art von auszuwählen A/B-Test, den Sie erstellen möchten:

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

Sobald Sie die Art des Tests ausgewählt haben, werden Sie sehen, dass das Erstellen der Testvarianten genau das gleiche ist wie beim Erstellen eines beliebigen WordPress-Elements.

Da wir in den Beispielen 1 und 2 oben einen Abschnitt einer Seite ändern möchten, würden wir uns dafür entscheiden, einen Seitentest zu erstellen. Da wir in Beispiel 3 die Möglichkeit haben möchten, einen Abschnitt am Ende der Beiträge hinzuzufügen, ist es sinnvoller, einen Vorlagentest zu erstellen.

Definition von Testvarianten

Beispiel 1 : Nachdem Sie ausgewählt haben, dass wir einen Seitentest durchführen möchten, müssen Sie der Testart einen Namen geben und die Seite auswählen, die auch als Kontrollseite bezeichnet wird und auf der Sie den Test durchführen möchten. Diese können Sie aus der Liste der Seiten auswählen, die Sie auf Ihrer Website veröffentlicht haben. In unserem Fall ist es die Hauptseite unserer Website.

Variantenerstellung eines Seiten-A/B-Tests — Erstellung einer Variante einer Seite A/B-Test mit Nelio A/B-Tests.

Anschließend können Sie eine neue Variante erstellen. Standardmäßig ist es eine exakte Kopie Ihrer Kontrollseite. Klicken Sie auf den Link Bearbeiten der Variante und Sie werden sehen, dass Sie den WordPress-Blockeditor haben, den Sie bereits kennen, um alle gewünschten Änderungen vorzunehmen, zusammen mit einigen zusätzlichen Eigenschaften für die Erstellung eines Tests.

Bearbeiten der Variante eines Seitentests — Ausgabe der Variante eines Seitentests mit Nelio A/B-Tests.

Sie können die gewünschten Blöcke hinzufügen, ändern und löschen, um das Design der Variante nach Belieben zu ändern. Aber was ist der große Vorteil von Blockmustern? Jetzt ist es viel einfacher, beispielsweise das Design des im Bild gezeigten Abschnitts zu ändern, als jeden der Blöcke einzeln zu erstellen und zu bearbeiten. Indem ich einfach auf die Schaltfläche „Muster hinzufügen“ klicke, kann ich das Design auswählen, das mir am besten gefällt.

Auf diese Weise muss ich, sobald ich das Design mit einem einzigen Klick festgelegt habe, nur die Bilder durch die ersetzen, die ich bereits in der Medienbibliothek hatte, und den Text des Originals kopieren und einfügen, um das Aussehen dieses Abschnitts zu ändern.

Neu gestalteter Abschnitt mithilfe eines Musters.

Beispiel 2 : In diesem Fall wäre der Auswahlprozess für die Testart genau derselbe wie im vorherigen Beispiel. Nachdem wir ausgewählt haben, dass wir einen Seitentest erstellen möchten, fügen wir dem Test einen Namen hinzu, wählen die Hauptseite aus und erstellen eine neue Variante.

Neuer A/B-Test aus dem Testimonials-Bereich der Hauptseite — Neu A/B-Test aus dem Testimonials-Bereich der Hauptseite.

Bei der Bearbeitung stellen wir nach wie vor fest, dass wir über eine große Auswahl an Testimonial-Bereichsdesigns verfügen, aus denen wir auswählen können.

Auswahl eines Testimonial-Musters — Auswahl eines Testimonials-Musters.

Und genau wie zuvor haben wir jetzt durch Ersetzen von Bildern und einfaches Kopieren und Einfügen von Text das Layout dieses Abschnitts schnell geändert.

Der Abschnitt „Testimonials“ wird mit Karten angezeigt.

Beispiel 3. In unserem letzten Beispiel möchten wir, dass alle Beiträge am Ende einen Abschnitt enthalten, in dem der Leser eingeladen wird, unseren Newsletter zu abonnieren. Am einfachsten war es, einen Vorlagentest zu erstellen und eine neue Vorlagenvariante zu verwenden, die den gewünschten Abschnitt enthält. Beim Vorlagentest müssen vor dem Erstellen des Tests die verschiedenen Vorlagen erstellt worden sein.

Denken Sie daran, dass Sie, wie ich Ihnen bereits bei der Erläuterung der neuen Funktionen der vollständigen Seitenbearbeitung in WordPress 5.8 gesagt habe, jetzt eine neue Vorlage erstellen oder die vorhandene im Vorlageneditor von einem Beitrag oder einer Seite aus bearbeiten können. Sie können also eine neue Vorlage erstellen und direkt im Vorlageneditor ein Muster auswählen und hinzufügen, ähnlich wie oben.

Fügen Sie im Vorlageneditor ein Muster hinzu.

Änderungen am eingefügten Muster gehen wieder viel schneller, als wenn wir diesen neuen Abschnitt von Grund auf neu erstellt hätten.

Jetzt können wir den neuen Vorlagentest erstellen. Zuerst wählen wir aus, dass wir einen Vorlagentest erstellen möchten und dann wählen wir für die Varianten A und B aus, welche Vorlagen wir anzeigen möchten.

Auswahl der Vorlagen, die den A/B-Test ausmachen — Auswahl der Vorlagen, aus denen sich die A/B-Test.

Und das war's, wir haben für jedes der Beispiele bereits die Steuerungsversionen und deren Varianten erstellt. Von hier an sind die folgenden Schritte für die verschiedenen Testtypen gleich.

Definieren Sie Ihre Conversion-Ziele und Aktionen

Nachdem Sie die Varianten Ihres Tests definiert haben, besteht der nächste Schritt darin, das Conversion-Ziel zu definieren. Zu welchem Zweck erstellen Sie diesen Test? Um mehr Verkäufe, mehr Abonnenten oder mehr Besuche auf der Preisseite zu erzielen? Diese Ziele werden erreicht, wenn der Besucher bestimmte Aktionen ausführt.

Mit Nelio A/B-Testing, im Abschnitt „Conversion-Ziele und -Aktionen“ können Sie beliebig viele Ziele hinzufügen, indem Sie auf den Link + Neu klicken, und Sie können ihnen optional einen Namen geben. Nelio A/B-Tests zeigen Ihnen Informationen darüber, wie effektiv jede Variante für jedes der von Ihnen definierten Ziele ist.

Definition von Konversionszielen in einem A/B-Test personalisierter Inhalte mit Nelio A/B-Testing. — Definition von Konversionszielen in einer A/B-Test mit Nelio A/B-Tests.

Für jedes der von Ihnen definierten Ziele haben Sie verschiedene Arten von Conversion-Aktionen, um Ihre Besucher zu verfolgen. Sie können beispielsweise überwachen, wann sie auf eine bestimmte Seite zugreifen, wenn sie auf ein bestimmtes Element auf Ihrer Website klicken oder wenn sie ein Kontaktformular absenden. Klicken Sie auf die Aktionsschaltfläche, die Sie interessiert, und für jede Aktionsart können Sie ihre eigenen Einstellungen definieren.

Segmentieren Sie Ihren Datenverkehr

Eine der interessanten Funktionen jedes A/B-Testtools ist, dass es Ihnen ermöglicht, Ihren Datenverkehr zu segmentieren. Das heißt, Sie können festlegen, dass nur einige Besucher an einem Test teilnehmen. Zum Beispiel nach Land, Zeit, Sprache, Browser, Gerät usw. Wenn Sie weitere Einzelheiten zur Implementierung der Verkehrssegmentierung mit Nelio wünschen A/B-Testing, in diesem Artikel erklärt Antonio es im Detail.

Führen Sie den erstellten Test aus und analysieren Sie seinen Fortschritt

Und das war's, jetzt müssen Sie nur noch die Taste drücken, um einen Test zu starten und seinen Fortschritt zu analysieren. Nelio A/B-Tests sorgen dafür, dass Ihr Traffic in zwei Gruppen aufgeteilt wird, sodass jede von ihnen die eine oder andere Variante sieht. Bei Verwendung von Nelio A/B-Tests müssen Sie sich keine Gedanken darüber machen, wie lange Sie einen Test durchführen oder die statistische Zuverlässigkeit der Daten kontrollieren müssen. Sie können die Gesamtzahl der Conversions und Seitenaufrufe für jede Variante sehen. Sie können auch den Prozentsatz der Verbesserung jeder Variante im Vergleich zur Originalversion sehen.

Grafiken mit den Konversionsraten jeder Variante in einem A/B-Test — Umrechnungskurse jeder Variante in an A/B-Test.

Wenden Sie die erfolgreiche Alternative an

Schließlich, wenn Sie eine siegreiche Variante eines Tests erhalten, Nelio Mit A/B-Tests können Sie diese Variante mit einem einzigen Klick als endgültige Version auf Ihrer Website anwenden.

Wenden Sie die erfolgreiche Alternative in einem A/B-Test an — Wenden Sie eine erfolgreiche Alternative in einem an A/B-Test.

Das heißt, für die ersten beiden Beispiele von Seitentests wird, wenn die von uns getestete Variante der Gewinner ist, der ursprüngliche Inhalt durch den des Gewinners ersetzt. Im Falle eines Vorlagentests müssen Sie einfach am Ende des Tests die Vorlage auf den gewünschten Seiten/Beiträgen wechseln.

Fazit

A/B-Tests sind das beste Tool zur Optimierung der Conversion auf einer Website. WordPress entwickelt sich sehr schnell und mit den neuen Features und Funktionalitäten, die in WordPress 5.8 eingetroffen sind, ist das Erstellen von A/B-Tests noch einfacher, wenn Sie ein natives WordPress-Tool verwenden, das vollständig in den Blockeditor integriert ist, wie es bei Nelio A/B der Fall ist Testen.

Denken Sie daran, dass die Muster zum Erstellen und Gestalten verschiedener Abschnitte nicht nur das Hinzufügen und Ändern von Abschnitten von Seiten und Beiträgen erleichtern, sondern auch Vorlagen, wie Sie in diesem Beitrag gesehen haben. Wir freuen uns auf die nächsten neuen Funktionen von WordPress!

Vorgestelltes Bild von Raimond Klavins auf Unsplash