Jak stworzyć test A/B istniejących stron na WordPressie

Opublikowany: 2022-03-31

Testy A/B to najlepsze narzędzie do poprawy konwersji strony internetowej. Test A/B strony to test projektu, który pozwala nam przeprowadzić odmiany tej samej strony w celu porównania zachowań użytkowników i oceny, która odmiana daje najlepsze wyniki.

Zwykle, gdy tworzysz test A/B, aby poprawić konwersję danej strony (którą nazywamy „Wariantem kontrolnym” lub „Wariantem A”), tworzysz wersję, która jest kopią tej strony („Wariant alternatywny” lub „Wariant B”). Następnie wprowadzasz zmiany w projekcie lub treści do kopii, aby przeanalizować, która z dwóch wersji generuje więcej konwersji (więcej zakupów, subskrypcji lub innych działań, które chcesz zliczyć).

Ruch przychodzący do strony oryginalnej zostanie podzielony w taki sposób, że w połowie odwiedzin nadal będzie widoczna strona oryginalna, a druga połowa – utworzony nowy wariant. W ten sposób będziesz mógł przeanalizować, która wersja ma najlepszy współczynnik konwersji.

Obraz przedstawiający działanie testów A/B: ruch jest podzielony i każdy segment widzi jeden wariant, a następnie sprawdzamy, który wariant uzyskał więcej konwersji — W najprostszej formie testy A/B proponują losowy podział ruchu w witrynie na dwie grupy, tak aby 50% odwiedzających widziało projekt A, a pozostałe 50% — projekt B. Monitorując reakcje użytkowników w każdej grupie, możemy obliczyć współczynnik konwersji każdej grupy i, w przypadku statystycznie istotnej różnicy między nimi, zadeklarować zwycięski projekt.

Na przykład na naszej stronie cenowej Nelio A/B Testing chcieliśmy przeprowadzić test A/B, zmieniając kolory przycisków i marginesy, a także obraz tła. Chcieliśmy zobaczyć, czy uda nam się zdobyć więcej subskrybentów. W poniższym porównaniu możesz zobaczyć oryginalną wersję pierwszego bloku (po lewej) i wersję alternatywną (po prawej).

Colores originales de la tabla de precios. — Oryginalne kolory (po lewej) i alternatywne kolory do przetestowania (po prawej) w tabeli cen.

Colores alternativos del tabla de precios. — Oryginalne kolory (po lewej) i alternatywne kolory do przetestowania (po prawej) w tabeli cen.

Jeśli jednak zmiany, które chcesz wprowadzić, są bardziej radykalne lub projektujesz zupełnie nowe strony, możesz być zainteresowany przetestowaniem istniejących stron w swojej witrynie.

Po co testować dwie różne istniejące strony?

Jeśli masz dwie opublikowane strony, jaki jest sens tworzenia testu A/B w tym kontekście, jeśli masz już dane o wizytach i konwersjach do porównania w Google Analytics? Odpowiedź brzmi, że te liczby nie wystarczą, aby zrozumieć, czy jedna strona jest lepsza od drugiej. Zobaczmy to na przykładzie.

Na naszej stronie zdefiniowaliśmy różne strony poświęcone Nelio A/B Testing, na których pokazujemy, w jaki sposób nasza wtyczka jest rozwiązaniem mającym zastosowanie w wielu różnych sektorach i typach witryn. Wśród nich na przykład Nelio A/B Testing dla wydawców i Nelio A/B Testing dla marketerów.

Captura parcial de la landing page de Nelio A/B Testing dla wydawców — Częściowy zrzut ekranu strony docelowej Nelio A/B Testing for Publishers.

Captura parcial de la landing page de Nelio A/B Testing dla marketerów — Częściowy zrzut ekranu strony docelowej Nelio A/B Testing for Publishers.

W Google Analytics możesz zobaczyć liczbę odwiedzin każdej strony i liczbę konwersji (na przykład odwiedzający, którzy kliknęli przycisk „Rozpocznij teraz”). Możesz wtedy dojść do wniosku, że ta z najwyższym współczynnikiem konwersji lub (liczba konwersji podzielona przez liczbę odwiedzin) jest najlepszą stroną. Ale to może być złe.

Z jednej strony musisz wziąć pod uwagę, że odwiedziny na każdej stronie mogą być bardzo różne i być może nie są statystycznie porównywalne. Ponadto użytkownik dokonujący konwersji na jednej stronie mógł wcześniej wyświetlić (podczas tej samej sesji lub w dowolnym innym czasie) drugą stronę. Skąd wiesz, która z dwóch stron przekonała odwiedzającego do wypróbowania produktu?

Test A/B dwóch istniejących stron w Twojej witrynie zapewnia, że ruch przychodzący na jedną z dwóch stron zostanie podzielony na dwie. W ten sposób każdy odwiedzający, który w ramach testu wejdzie na którąkolwiek z dwóch stron, zobaczy tylko jedną z nich. I przy kolejnych wizytach będą zawsze widzieć tę samą.

Dzięki temu dane, które otrzymasz, będą statystycznie porównywalne. Dzięki temu będziesz wiedział niezawodnie, która strona ma najlepszą konwersję. Zobaczmy poniżej, jak stworzyć tego typu test A/B na swojej stronie WordPress.

Kroki tworzenia testu A/B w Edytorze bloku

Aby stworzyć test A/B na stronie WordPress, zalecamy skorzystanie z jednego z dostępnych na rynku narzędzi. W szczególności zalecamy korzystanie z Nelio A/B Testing (wersja bezpłatna i premium od 29 €/miesiąc), ponieważ jest to jedyne narzędzie, które jest w pełni stworzone jako natywna wtyczka WordPress. Będąc w 100% kompatybilnym z edytorem bloków, nie musisz uczyć się ani używać żadnych innych zewnętrznych narzędzi do jego obsługi. Możesz też w pełni wykorzystać wszystkie funkcje, które już oferuje edytor Gutenberg (lub dowolny inny program do tworzenia stron, którego możesz używać).

Zainstaluj i aktywuj wtyczkę testową Nelio A/B

Jeśli nigdy nie korzystałeś z Nelio A/B Testing, musisz najpierw zainstalować i aktywować wtyczkę (dostępna jest darmowa wersja) bezpośrednio z pulpitu WordPress. Od tego momentu będziesz już mieć zakładkę Nelio A/B Testing w menu pulpitu nawigacyjnego, za pomocą której możesz utworzyć swój pierwszy test.

Opcje menu wtyczki Nelio A/B Testing — Zakładki menu wtyczki Nelio A/B Testing. Kliknij „Testy”, aby utworzyć swój pierwszy test.

Zdefiniuj rodzaj testu do utworzenia

Dzięki Nelio A/B Testing możesz nie tylko tworzyć testy stron. Możesz również tworzyć inne typy testów: posty, niestandardowe typy postów, menu, szablony, widżety itp. Tak więc po kliknięciu „Dodaj test” możesz wybrać, że chcesz utworzyć test strony:

Selektor testów w testach Nelio A/B — Selektor testów w Nelio A/B Testing.

i nadaj mu opisową nazwę , aby móc go zidentyfikować w przyszłości.

W prawym pasku bocznym znajdziesz kilka dodatkowych zakładek:

Status i zarządzanie , gdzie można zobaczyć aktualny status testu ( Wersja robocza , Gotowy , Zaplanowany lub Wstrzymany ) oraz opcje określające, kiedy powinien się rozpocząć i zakończyć.
Opis testu: możesz wskazać, co testujesz i co zamierzasz dzięki temu osiągnąć.
Zakres testu : określ, których stron witryny dotyczy ten test.

Definiowanie dwustronicowego testu A/B za pomocą Nelio A/B Testing — Definiowanie dwustronicowego testu A/B za pomocą testów Nelio A/B.

Wybierz strony do przetestowania

Aby porównać co najmniej dwie strony, które chcesz wziąć udział w teście, najpierw wybierz jedną ze stron („Wersja kontrolna” lub zwykle „Wersja A”) z dostępnym selektorem. Pamiętaj, że możesz go wyszukać, wpisując jego tytuł, adres URL lub identyfikator.

Wybór strony jako wersji kontrolnej testu A/B.

Następnie możesz wskazać, czy alternatywą dla tworzonego testu strony będzie wariant utworzony wprost dla tego testu (jak zwykle w większości testów A/B), czy też chcesz wybrać istniejącą stronę.

Zaznacz w odpowiednim polu wyboru, że test strony jest zgodny z już istniejącą stroną. Teraz możesz wybrać stronę, która będzie częścią testu, jako „Wariant B”, tak jak wcześniej w przypadku strony oryginalnej.

Tworzenie testu strony A/B między dwiema istniejącymi stronami — Tworzenie testu A/B stron między dwiema istniejącymi stronami.

Pamiętaj, że możesz dodać więcej wariantów, jeśli chcesz utworzyć test wielowariantowy. Ponadto masz również możliwość edycji strony, aby wprowadzić niezbędne zmiany.

Zdefiniuj cele i działania konwersji testowej

Po wybraniu stron, które będą częścią testu A/B, musisz zdefiniować cele konwersji testu oraz działania, które muszą wykonać użytkownicy, aby osiągnąć te cele. Na przykład odwiedzający może okazać zainteresowanie Twoimi produktami, klikając przycisk lub odwiedzając stronę. Dzięki testom Nelio A/B masz różne rodzaje działań powodujących konwersję do śledzenia odwiedzających.

Dodawanie celu konwersji i działania w teście A/B — Definicja celu „Wizyty na stronie cenowej” wybierając jako działanie powodujące konwersję wizytę w treści tej strony.

Segmentuj ruch testowy

Nie wszyscy użytkownicy Twojej witryny są tacy sami. Pochodzą z różnych krajów, mówią różnymi językami, korzystają z różnych przeglądarek, uzyskują dostęp do witryny z różnych stron internetowych, korzystają z różnych urządzeń i mają wiele innych subtelnych i dużych różnic.

Jeśli chcesz, aby cały ruch przychodzący do Twojej witryny był częścią utworzonego testu, zignoruj ten punkt i przejdź bezpośrednio do następnego. Jednak w zależności od rodzaju witryny i ruchu, jaki masz, możesz zawęzić grupę odbiorców, do których chcesz dotrzeć.

Testy Nelio A/B umożliwiają tworzenie segmentów, czyli definiowanie za pomocą reguł zbioru odwiedzających o szeregu wspólnych cech, z którymi chcesz wziąć udział w teście.

Tutaj znajdziesz bardziej szczegółowe informacje na temat tworzenia segmentów w teście.

Uruchom test

To ostatni krok! Masz już utworzony istniejący dwustronicowy test, więc wszystko, co musisz teraz zrobić, to kliknąć przycisk „Start” na teście w prawym górnym rogu edytora. Będziesz wtedy mógł zacząć widzieć wyniki właśnie utworzonego testu.

Test A/B między dwiema utworzonymi istniejącymi stronami — Rozpoczął się test A/B między dwiema istniejącymi stronami.

Analizuj postęp testu

Po rozpoczęciu testu, jak widać na powyższym obrazku, będziesz mógł w każdej chwili sprawdzić stan testu. Z jednej strony na prawym pasku bocznym ikona stanu poinformuje Cię, czy nadal nie ma wystarczającej liczby wizyt, aby wygrać , czy istnieje wariant, który wygrywa, ale z niskim poziomem pewności , lub jeśli masz już zwycięski wariant testu .

Dodatkowo masz zestaw grafik, aby zobaczyć łączną liczbę konwersji i odsłon testu. Lub możesz zobaczyć odpowiednio współczynniki konwersji każdej alternatywy i stopień jej poprawy. Możesz również zobaczyć miniaturę stron, które testujesz, ze szczegółami odwiedzin, konwersji i poprawy (lub pogorszenia) w stosunku do wersji kontrolnej.

Poniżej macie obraz wyników testu strony z ceną, o którym wspomniałem na początku tego postu. W tym przypadku udało nam się potwierdzić, że oryginalna wersja była lepsza niż alternatywa.

Wyniki testu dotyczącego celu dokonania zakupu.

Ponadto, gdy tworzysz test A/B stron za pomocą Nelio A/B Testing, masz możliwość wyświetlenia map ciepła, map przewijania i map konfetti każdej alternatywy z dodatkowymi informacjami o zachowaniu odwiedzających.

Podsumowując

Aby jak najlepiej wykorzystać swoje działania marketingowe w celu zwiększenia SEO witryny, upewnij się, że minimalizujesz współczynnik porzuceń i zwiększasz konwersję swoich stron. Testy A/B są najlepszym narzędziem do optymalizacji współczynnika konwersji, ponieważ dzięki statystycznie istotnym danym możesz określić między dwiema lub kilkoma alternatywami, która z nich daje więcej konwersji.

Najczęstszym sposobem tworzenia testu A/B strony jest tworzenie jej odmian, próbując poprawić te aspekty, które mogą generować tarcia. Będziesz miał pewność, mając zweryfikowane dane, że dana zmiana na tej stronie wpłynie na poprawę konwersji.

Porównanie konwersji między różnymi już utworzonymi stronami może pomóc w zrozumieniu, które projekty i treści mają największy wpływ na odwiedzających. W ten sposób możesz lepiej skoncentrować swoją strategię SEO.

Ogromną zaletą wykorzystania Nelio A/B Testing do tworzenia testów istniejących stron jest to, że dzięki integracji z edytorem WordPress nie potrzebujesz żadnej wiedzy programistycznej. W ciągu kilku minut możesz uruchomić test na swojej stronie.

Polecane zdjęcie NeONBRAND na Unsplash.