Jak testować obrazy funkcji A/B w WordPressie

Opublikowany: 2016-11-14

Testy A/B to sposób na porównanie dwóch różnych wersji strony internetowej lub elementu na stronie, aby zobaczyć, która wersja działa najlepiej. Jest to przydatny sposób podejmowania świadomych decyzji dotyczących projektu witryny, zwłaszcza w przypadku wyboru obrazu funkcji i optymalizacji obrazów. Chociaż ta koncepcja nie jest unikalna dla WordPressa, istnieją pewne narzędzia, które bardzo ułatwiają pracę z CMS.

Zanim przejdziemy do różnych typów testów A/B i jak właściwie je rozpocząć, oto kilka kluczowych terminów, które należy znać:

  • Zmienna : jest to element Twojej witryny, który chcesz przetestować.
  • Odmiana : różne opcje wersji podczas uruchamiania testu; w tym przypadku odmiany „A” lub „B”.
  • Konwersja : gdy użytkownik wykona żądaną akcję.
  • Test : okres, w którym zbierane są dane.
  • Zwycięzca : odmiana, która najlepiej wypadła podczas testu.

Rodzaje testów A/B

Testy A/B to złożony temat, za którym stoi cała nauka. Istnieje kilka testów, takich jak testowanie wielowymiarowe, które analizują kilka elementów i ich kombinacje, aby określić, który z nich osiąga najlepszy cel konwersji. Jednak zamiast dać się przytłoczyć robieniem czegoś złożonego, skonfigurowanie testu podzielonego (jeden z najbardziej podstawowych typów) jest świetnym sposobem na ułatwienie sobie testowania A/B.

Testowanie podzielone polega na testowaniu jednego elementu strony na alternatywnej wersji tego samego elementu, aby sprawdzić, który z nich działa lepiej, na przykład testowanie obrazów funkcji.

a-b-test-funkcja-obrazy-inspiracja

Rozpoczęcie testu podziału obrazu funkcji

Jeśli zastanawiasz się, który obraz funkcji najlepiej sprawdza się w poście, przeprowadzenie testu podzielonego jest idealnym sposobem na znalezienie rozwiązania. Tworząc odmianę „A” i „B” obrazu funkcji i testując je względem siebie, możesz użyć tych danych, aby zobaczyć, który z nich działa lepiej. Następnie możesz zaimplementować nowy obraz, aby poprawić współczynniki konwersji. Robiąc to, nie tylko zgadujesz, co zadziała najlepiej; wiesz, co faktycznie działa i który obraz daje najwięcej konwersji.

Rozważania dotyczące obrazu w eksperymencie

Obrazy mają ogromny wpływ na stronę internetową. Bez nich czasami doświadczenie nie jest tak przyjemne. Użytkownicy chcą także oglądać unikalne obrazy, a nie te same stare zdjęcia stockowe. Używając wysokiej jakości obrazów w Twojej witrynie, mogą one pomóc przekazać Twoją wiadomość i wzmocnić Twoją markę. Załóżmy na przykład, że odwiedzasz witrynę kawiarni. Byłoby trochę dziwnie zobaczyć obrazy hamburgerów. Mogą podawać jedzenie, ale głównym powodem, dla którego ludzie chodzą do kawiarni, jest picie kawy. Gdy użytkownicy zobaczą wysokiej jakości obraz jako polecany obraz, natychmiast stwierdzą, że mogą napić się dobrej kawy. Chodzi o to, aby używać obrazów, które odzwierciedlają Twoją markę i są odpowiednie, aby użytkownicy nie byli zdezorientowani co do Twojej firmy.

Zdjęcia, na których widnieją ludzie, zazwyczaj mają potencjał, by dobrze się sprawdzać, ale przewidywalne zdjęcia stockowe nie są idealne i mogą nawet przynieść odwrotny skutek. Nie ma nic gorszego niż posiadanie tego samego zdjęcia stockowego, co konkurencja. Użytkownicy szukają autentyczności i chcą widzieć prawdziwych ludzi wchodzących w interakcję z Twoją firmą.

Wybieranie obrazów eksperymentalnych

Kontynuujmy pracę z przykładem kawiarni. Czy w przypadku obrazu fabularnego powinniśmy pokazać zbliżenie kawy? A może chcemy stworzyć bardziej miejski nastrój, który pokazuje osobę w ruchu z widokiem na ulicę kawiarni? Oba przekazują ideę kawy, więc teraz przetestujmy ją, aby zobaczyć, która z nich skutkuje większą liczbą konwersji.

a-b-test-funkcja-obrazów-porównanie-stron

Rodzaje konwersji w witrynie

„Konwersja” to popularne słowo w świecie marketingu cyfrowego. Co to właściwie jest? Zależy to od rodzaju witryny, z którą pracujesz, i typu konwersji, której szukasz. Zapisanie się na listę mailingową, kliknięcie przycisku wezwania do działania i zakup produktu to świetne przykłady konwersji. Pożądaną konwersją w tym eksperymencie jest zachęcenie czytelnika do zapisania się na test smaku kawy ze strony wydarzenia.

Definiowanie działań i celów

Najpierw musisz zrozumieć, jakie działanie ma wykonać użytkownik. W tym przypadku chcemy, aby zapisali się na test smaku kawy na podstawie zawartości strony docelowej. Będzie to wymagało od nich wypełnienia formularza rejestracyjnego na następnej stronie. Przeprowadzając test podziału, możemy określić, który obraz jest bardziej efektywny, ponieważ będzie miał lepszy współczynnik konwersji.

a-b-test-funkcja-obrazy-strona-formularza

Przed skonfigurowaniem nowego testu ważne jest, aby upewnić się, że eksperyment jest zgodny z celami Twojej witryny. W tym przypadku strona internetowa służy do promowania kawy speciality i zapewniania obsługi klienta. Ten test jest zgodny z tymi celami, ponieważ strona internetowa jest sposobem na nawiązanie kontaktu z klientami i uczynienie ich regularnymi nabywcami kawy.

Po zdefiniowaniu celów miej na uwadze cel. Chcesz zwiększyć współczynnik klikalności, zwiększyć liczbę rejestracji lub sprzedać więcej produktów? Każdy cel będzie inny i niepowtarzalny dla Twojej witryny.

Wtyczki do testów dzielonych dla WordPress

Przed testowaniem nowych wtyczek ważne jest, aby najpierw pracować w środowisku testowym. Wtyczki lub wszelkie dostosowania w tym zakresie muszą zostać dokładnie przetestowane na wypadek konfliktu z obecną konfiguracją witryny.

Aby przetestować obrazy funkcji A/B w WordPressie, spróbuj użyć tych wtyczek:

  • Optymalizator obrazu A/B
  • Prosty tester stron

Optymalizator obrazu A/B

Zaczniemy od bardzo prostej wtyczki WordPress, która jest łatwa w konfiguracji i konfiguracji. To narzędzie nazywa się Optymalizator obrazu A/B. Pozwala to na automatyczne testy dzielenia obrazów funkcji, które pomogą zwiększyć liczbę odsłon, pokazując dwa obrazy i wyłaniając zwycięzcę.

a-b-test-funkcja-optymalizator-obrazów

Zauważ, że reszta strony jest taka sama? Oprócz dwóch różnych obrazów, kopia strony, nagłówki i przycisk są takie same. Będziesz chciał zachować spójność między tymi dwiema wersjami, aby mieć pewność, że obrazy są jedynymi czynnikami, które grają.

a-b-test-funkcja-obrazów-optymalizator-a
Oto wersja „A”.
a-b-funkcja-testu-obrazów-optymalizator-b
Oto wersja „B”.

Interfejs tej wtyczki jest bardzo łatwy w użyciu. Jest to przeznaczone do testowania obrazów funkcji, więc gdy edytujesz post lub stronę, zobaczysz dodatkową opcję przesłania drugiego obrazu „B”.

Gdy każda wersja zostanie wystarczająco obejrzana, wzór zacznie się rozwijać. Wyświetlenia i kliknięcia będą rejestrowane, więc po kilku dniach testów będzie jasne, który obraz wypadł lepiej.

Jedna rzecz do zapamiętania: nie ma jednoznacznej reguły określającej, kiedy rzeczy stają się statystycznie istotne przy określaniu zwycięzcy. Czasami wybór będzie oczywisty, a czasami nie. W takich przypadkach po prostu kieruj się instynktem lub rozważ uruchomienie nowego testu.

a-b-funkcja-testu-obrazy-wyniki
a-b-test-funkcja-obrazy-wydajność

Prosty tester stron

Simple Page Tester to bardziej szczegółowe narzędzie. Zanim zdecydujesz się na tę wtyczkę, dobrze jest mieć świadomość, że zostaną utworzone dwie odmiany strony i będziesz potrzebować innego narzędzia, aby zobaczyć analitykę testu. Google Analytics to dobry wybór.

a-b-test-funkcja-obrazów-prosta-tester-stron

Najpierw zainstaluj wtyczkę, a następnie wybierz „Ustaw nowy test podziału”.

a-b-test-funkcja-obrazy-prosta-strona-konfiguracja-testu

Tutaj zostaną utworzone odmiany strony. Możesz „Powiel stronę wzorcową”, „Wybierz istniejącą stronę” lub „Utwórz nową stronę”.

a-b-funkcja-testu-obrazy-dwie-stronicowe

Ten przykład został utworzony przez zduplikowanie strony wzorcowej. Po wykonaniu tej czynności zobaczysz dwie wymienione strony. W tej chwili, przed wprowadzeniem jakichkolwiek zmian w wersji „B”, jedynym wyróżnikiem jest link. Domyślnie na końcu jest „2”, więc wygląda to mniej więcej tak: http://thiswebsite.com/yirgacheffe-coffee-dusting-2.

Posiadanie zarówno odmiany „A”, jak i „B” nie wygląda tak naprawdę inaczej w tym momencie. Otwórzmy naszą wersję „B” i dodajmy drugi obraz funkcji. Aby to zrobić, po prostu prześlij go tak, jak każdy inny obraz funkcji i dobrze jest iść.

a-b-funkcja-testu-obrazów-analityki

W przypadku prostego testu obrazu funkcji to wszystko, co musisz zrobić. Reszta sprowadza się do czekania, aby zobaczyć, jak rzeczy się sprawują. To narzędzie ma wbudowaną podstawową analitykę, ale nie tak szczegółową jak Google Analytics.

Mierz te wyniki za pomocą Celów Google Analytics

Aby dokładniej zagłębić się w analitykę, Google Analytics oferuje więcej informacji o ruchu w witrynie i konwersjach. Posiadanie wersji „A” i „B” pozwala na ustalenie celu. W takim przypadku celem może być strona z potwierdzeniem rejestracji po zapisaniu się na wydarzenie.

a-b-test-feature-images-rejestracja

Po skonfigurowaniu celu pojawia się ścieżka celu, dzięki której można sprawdzić, która wersja doprowadziła większość użytkowników na pożądaną ścieżkę do konwersji.

a-b-test-funkcja-obrazy-lejek-celu
a-b-test-cecha-obrazy-przyklad-lejka

Te wtyczki to proste narzędzia do skonfigurowania. Posiadanie ich do użycia w testach A/B WordPress pokazuje, że złożone narzędzie A/B niekoniecznie jest potrzebne podczas wykonywania podstawowych testów dzielonych. Wtyczki te umożliwiają szybką i łatwą konfigurację podstawowych testów, aby pomóc w poprawie konwersji witryny.