Testy A/B strony docelowej: 10 najważniejszych rzeczy do porównania i dlaczego

Opublikowany: 2022-09-03
Czas czytania: 11 minut

Chcesz więc rozpocząć testy A/B swojej strony docelowej. Ale zanim zaczniesz wybierać rzeczy na chybił trafił, pomyśl o tym. Udane eksperymenty opierają się na teorii, a nie domysłach.

Jaka jest skuteczność na Twojej obecnej stronie docelowej? Gdzie użytkownicy rezygnują? Czy cała sprawa ma na celu przybycie tam leadów? Znając te odpowiedzi, uzyskasz szybsze i lepsze wyniki testów.

Nigdy nie powinieneś przestać testować. Nawet po znalezieniu czegoś, co działa. Zawsze istnieje sposób na zwiększenie konwersji. Od oczywistych zmian po drobne, nieistotne szczegóły.

Oto 10 najważniejszych elementów strony docelowej do testu A/B i dlaczego. Plus, wiele przykładów:

  1. Wyskakujące okienka
  2. Tekst wezwania do działania
  3. Przycisk wezwania do działania
  4. Nagłówek
  5. Kopia główna
  6. Obrazy i wideo
  7. Pola formularza rejestracji
  8. Układ projektu strony docelowej
  9. Dowód społeczny
  10. Mniejsze szczegóły (kolory, czcionki itp.)

Narzędzia do testowania A/B

Testy A/B odnoszą się po prostu do 2 konkurujących ze sobą odmian strony internetowej. Ale są też inne rodzaje testów, które możesz wykonać. Testy dzielone zmniejszają ruch o połowę do 2 różnych wersji. Podczas gdy testowanie wielowymiarowe porównuje więcej zmiennych i kombinacji.

Źródło: HubSpot

Ale każdy test musi opierać się na badaniach i obserwacjach. Wtedy potrzebujesz hipotezy do pracy.

Źródło: Leadpages

Istnieje mnóstwo narzędzi CRO (optymalizacja współczynnika konwersji), które oferują testy A/B. Każdy z różnymi planami cenowymi. (W tym kilka darmowych dla firm z zerowym budżetem.)

Oto niektóre z najpopularniejszych:

  1. AB Smaczne
  2. Szalone Jajko
  3. Zestaw do testów A/B HubSpot
  4. Sterta
  5. Optymalizacja Google
  6. VWO
  7. Fabryka przycisków Da

Sprawdź je i sprawdź, czy coś działa dla Twojej marki.

Wyskakujące okienka

Czy aktualna wersja Twojej strony docelowej zawiera wyskakujące okienka? Jeśli nie, dlaczego? Wszyscy doświadczyliśmy wyskakujących okienek rujnujących UX (doświadczenie użytkownika). Ale nie musi tak być. Zrobione prawidłowo mogą obniżyć współczynnik odrzuceń i przenieść potencjalnych klientów w dół ścieżki.

Źródło: OptinMonster

Istnieje wiele sposobów testowania wyskakujących okienek A/B. Możesz wypróbować różne kolory lub odcienie:

Źródło: Getsitecontrol

Istnieje również wiele różnych formatów do wypróbowania. W zależności od tego, jak subtelny lub oczywisty chcesz być:

Źródło: Boagworld

Jeśli jesteś w eCommerce, możesz wypróbować różne oferty dla odwiedzających stronę:

Źródło: Getsitecontrol

Kilka rzeczy, o których należy pamiętać:

  • Czas jest wszystkim
  • Zachowaj prosty rozmiar i wygląd
  • Wyjaśnij, co się stanie, gdy użytkownik kliknie
  • Użyj przyjaznej kopii

Czasami nie chodzi o to, co mówisz. Tak to mówisz. A Twój proces testowania A/B może pomóc w ustaleniu, co przemawia do ludzi.

Tekst wezwania do działania

Wezwanie do działania to posty celów konwersji kampanii marketingowej. Bezpośrednio za ich pośrednictwem dokonujesz zakupu, pobierania lub rejestracji.

Kuszące jest, aby zachować prostotę i napisać „Kliknij tutaj”. Ale jest tak wiele alternatyw, które zaangażują użytkowników i, miejmy nadzieję, zainspirują do pożądanego działania.

Więc co powinieneś napisać? Najpierw musisz określić zamiar konwersji. Chcesz dopasować swoją kopię do miejsca, w którym użytkownicy znajdują się na ścieżce i skąd pochodzą (źródło ruchu).

Źródło: Zwiększenie klienta

Spokój sprawia, że ​​wszystko jest naprawdę proste. Pojedynczy wiersz tekstu informuje o nadrzędnym celu aplikacji. Następnie 5 różnych przycisków CTA pozwoli Ci wybrać najbardziej odpowiedni problem. Następnie przechodzisz do szybkiego, spersonalizowanego quizu, aby dowiedzieć się, jak najlepiej korzystać z aplikacji. Geniusz.

Budgetnista informuje Cię dokładnie, co otrzymasz z jej cotygodniowego biuletynu. Jest otwarta na wartość i wie, że jej oszczędna publiczność doceni, że to wszystko jest bezpłatne.

Dzięki swojej kopii CTA możesz być naprawdę kreatywny. Najpierw dowiedz się, dlaczego odwiedzający witrynę są tam i czego chcą. W ten sposób rezonowanie z nimi powinno być łatwe.

Przycisk wezwania do działania

Przycisk wezwania do działania to ostatni krok wezwania do działania. Zmienia pasywnych odwiedzających w aktywnych użytkowników. Zasługuje więc na osobną sekcję.

Ponieważ tak wiele jego części może skutkować wyższym współczynnikiem konwersji:

  • Sprawienie, by projekt wyglądał na klikalny
  • Bycie opisowym z twoją kopią
  • Prawidłowy rozmiar i odstępy
  • Próbuję w pierwszej osobie
  • Tworzenie pilności i używanie mocnych czasowników
  • Dodawanie podtytułu

Źródło: Canva

Jedna mała poprawka w przycisku CTA może drastycznie wpłynąć na wyniki testów A/B. Unbounce odkrył, że zmiana tekstu na ich stronie docelowej z „Rozpocznij bezpłatny 30-dniowy okres próbny” na „Rozpocznij bezpłatny 30-dniowy okres próbny” zwiększyła współczynniki klikalności o 90%.

Nawet zmiana koloru przycisku może mieć duży wpływ. Użytkownicy wyraźnie woleli jasnopomarańczową wersję w tym e-mailu od granatowej wersji B:

Źródło: Snov

Możesz wypróbować różne wersje przycisków za pomocą bezpłatnego narzędzia Da Button Factory. Twórz różne style, kolory, czcionki i tekst. Następnie pobierz i przetestuj na swojej stronie docelowej.

Źródło: Fabryka przycisków Da

Możesz nawet spróbować dodać przycisk „podtytuły”, aby pokazać, że rozumiesz potencjalne problemy:

Źródło: CoSchedule

Następnie musisz podkreślić wartość tego, co zapewniasz. Następnie zajmij się wszelkimi zastrzeżeniami.

Źródło: Przykłady marketingowe

Optymalizacja strony docelowej polega na tych drobnych szczegółach. Zwłaszcza z ostatnim krokiem przed twoją konwersją. Więc nie zapomnij o nich.

Nagłówek

Średnio 80% osób przeczyta nagłówek Twojej treści. Ale tylko 20% zechce przeczytać resztę. Tak więc wiele zależy od tego.

To pierwsze wrażenie, jakie wiele osób będzie mieć na temat Twojej witryny i marki. Więc to nie może być nudne ani mylące. Musi być angażujący i trafny.

Źródło: Leadpages

Oto kilka rzeczy, z którymi możesz eksperymentować:

  • Sama kopia
  • Długość zdania
  • Gdzie to siedzi na stronie
  • Rozmiar i czcionka
  • Którą główną korzyść podkreślasz

Autorka Amanda Stevens zwiększyła współczynniki konwersji e-booków o 307% tylko dzięki testowaniu A/B brzmienia jej nagłówka. Przeszła z tej oryginalnej wersji:

Źródło: Issuu

Do tej znacznie jaśniejszej aktualizacji:

Oto kolejny przykład testów A/B od KlientBoost. Obecnie testują nagłówek swojej strony planu marketingowego. Oto pierwsza wersja strony:

A drugi, którego próbują:

Ostatnią wskazówką od Harry'ego Dry jest unikanie „słów na stronie docelowej”. Rzeczy takie jak: doładowanie, odblokowanie, uwolnienie. Tak naprawdę nie używamy tych słów w rozmowie. Więc trudniej się z nimi utożsamić.

Twój nagłówek może być Twoim pierwszym i ostatnim wrażeniem na ludziach. Więc upewnij się, że to nie to drugie.

Kopia główna

Pisemne części Twojej witryny są jednym z głównych czynników SEO. Więc tak. Badanie słów kluczowych jest ważne. Ale nie zapominaj, że piszesz dla ludzi.

Twój głos marki musi tutaj zabłysnąć. I może być fajnie przetestować A/B różne warianty tekstu, aby zobaczyć, która grupa docelowa lubi bardziej.

Cards Against Humanity to gra towarzyska dla okropnych ludzi. I używają swojego bezczelnego i sarkastycznego tonu, aby podsumować całość w 2 krótkich akapitach.

Formatowanie ma również znaczenie w przypadku kopii głównej. Ludzie skanują strony, zanim zobowiążą się do przeczytania całości. Upewnij się więc, że używasz podtytułów, aby podzielić dłuższy tekst.

Źródło: Przykłady marketingowe

BarkBox to świetny przykład czytelnej, dobrze sformatowanej kopii. Sprawiają, że potencjalni klienci chcą dowiedzieć się dokładnie, co otrzymują w najszybszy możliwy sposób.

A minimalistyczny wygląd wydaje się rosnącym trendem. Tę samą taktykę zastosowała marka Tonic Unspiked. Zastąpienie ściany tekstu kilkoma głównymi punktami w ich konwersacyjnym tonie.

Cokolwiek powiesz na swojej stronie docelowej, będą lepsze sposoby na przekazanie tego. Tak więc, A/B przetestuj głos swojej marki, podkreślaną wartość i format. I zobacz, na co zareagują Twoi odbiorcy.

Obrazy i wideo

Treści wizualne są tak ważne dla marketingu cyfrowego. Aby zaangażować odbiorców docelowych, Twoja strona docelowa potrzebuje grafiki, która pomoże jasno określić wartość Twojego produktu lub usługi.

Może to być w różnych formatach:

  • Zrzuty ekranu z Twojej aplikacji
  • Treści generowane przez użytkowników i dowód społeczny
  • Zdjęcia Twojego produktu
  • Kreskówki lub grafika
  • Filmy lub showrele

Źródło: Przykłady marketingowe

Ludzie są stworzeniami wizualnymi. I o wiele łatwiej jest pokazać, co robi Twój produkt lub usługa, niż powiedzieć. W ten sposób będzie to również bardziej zapadające w pamięć. Tak więc zamierzam skorzystać z tej rady i pokazać kilka przykładów każdego z nich.

Wysokiej jakości zdjęcie produktu, który ludzie mogli kupić:

Źródło: Babka

Szkic, który przedstawia rodzaje rzeczy, które obejmuje usługa:

Źródło: Lemoniada

Zrzut ekranu aplikacji w akcji:

Źródło: Todoist

Showreel grający w tle, który możesz kliknąć, aby wyświetlić wyraźniej:

Źródło: MadeBrave

Możesz przetestować A/B dowolny z tych formatów. Może nieruchome strzały przeciwko sobie. Następnie wypróbuj film ze zwycięskim zdjęciem lub grafiką.

Twoi odbiorcy mogą preferować produkty lub osoby. Mogą chcieć obejrzeć film 360 o Twoim produkcie. Lub przed/po zdjęciach, które mogą powiększać. Twoim zadaniem jest dowiedzieć się, które.

Pola formularza rejestracji

Na stronach docelowych często pojawiają się formularze rejestracyjne. A projekt będzie zależał od tego, co chcesz, aby ludzie się zapisali. Czy jest to cotygodniowy biuletyn e-mailowy? Zaplanowany webinar? Zasób do pobrania?

Proszenie ludzi o wiele informacji z góry, gdy ich nie potrzebujesz, może wystarczyć, aby ich zniechęcić. Nawet wielkie nazwiska się mylą.

Źródło: Przykłady marketingowe

Pomyśl, jak prosty może być Twój formularz rejestracyjny. Może mógłbyś poprosić tylko o e-mail, taki jak Notion.

Źródło: Pojęcie

Następnie uzyskaj resztę potrzebnych informacji podczas konfiguracji i wdrażania. Możesz również przetestować A/B te pomysły za pomocą swoich formularzy:

  • Zapytaj o dane karty kredytowej, aby skorzystać z bezpłatnych wersji próbnych lub nie
  • Daj natychmiastową informację zwrotną o wypełnionych polach (np. Zaznacz lub krzyżyk)
  • Opcje rejestracji przez media społecznościowe, Google lub Apple
  • Wezwanie do działania i kolor przycisku
  • Struktura formularza, rozmieszczenie i wskaźniki postępu
  • Dodaj instrukcje lub warianty komunikatów o błędach

Pomyśl o wszystkim na swojej stronie docelowej jak o wezwaniu do wartości, a nie o wezwaniu do działania. Ta wskazówka zwiększyła liczbę rejestracji na tym forum bukmacherskim o 31,54%.

Źródło: Unbounce

Ponieważ było znacznie bardziej oczywiste, co ludzie dostaną po zarejestrowaniu się. Test trwał 9 dni na próbie 13 560 odwiedzających i 291 konwersji. Są to wszystkie ważne dane, które musisz śledzić za pomocą dowolnego testu A/B, który również wykonujesz.

Jeśli możesz uprościć proces, zrób to. Jeśli potrzebujesz dużo informacji, podziel je. Spraw, aby każdy etap postępu był jak najbardziej płynny dla ludzi.

Układ projektu strony docelowej

Do tej pory omówiłem wiele pojedynczych elementów strony. Ale co z projektem strony docelowej jako całości?

Układ może mieć ogromny wpływ na to, co ludzie widzą jako pierwsze i z czym wchodzą w interakcję. Mapy ciepła i nagrania sesji są tutaj bezcenne. Ponieważ mogą pomóc Ci śledzić podróż użytkownika. (Niektóre z narzędzi, o których wspomniałem na początku, mogą w tym pomóc.)

Pokażą ci, co najpierw przyciąga uwagę ludzi. Dodatkowo wszelkie funkcje lub przyciski, które nie działają tak, jak powinny.

Źródło: GIPHY

Wiele będzie zależeć od tego, czy Twoi goście są również ciepłymi czy zimnymi leadami. Umieszczanie CTA i formularzy „nad zakładką” jest standardem. Ale może się to wydawać nachalne, jeśli ludzie nie wiedzą nic o twoim produkcie.

Ta firma przeniosła swoje wezwanie do działania na dół swojej długiej strony docelowej B2C. I faktycznie zwiększyły konwersje o 304%.

Źródło: Neil Patel

Nie idź po prostu z normą. Albo co robią wszyscy inni. Ponieważ może to nie być odpowiednie dla Twojej witryny.

Kreatory stron docelowych, takie jak Unbounce lub Leadpages, mają wiele szablonów i opcji. Wykorzystaj je do inspiracji lub idź własną drogą.

Użyj wyników nagrań i map popularności, aby przetasować układ. Nie kieruj się tylko tym, co myślisz , że jest Twoja podróż użytkownika. Śledź to i wprowadzaj zmiany w oparciu o fakty.

Dowód społeczny

Większość stron głównych zawiera teraz dowód społecznościowy. Opiera się na założeniu, że ludzie dostosowują swoje zachowanie w zależności od tego, co robią inni. Przynosi korzyści Twojej stronie docelowej, ponieważ pomaga budować zaufanie i postrzeganą wartość. I zwiększa poziom zaufania odwiedzających witrynę po raz pierwszy.

Dowód społeczny może przybierać różne formy:

  • Opinie
  • Referencje
  • Studium przypadku
  • Treści generowane przez użytkowników (UGC)
  • Rekomendacje influencerów i ambasadorów marki
  • Statystyki użytkowników

Może szybko podkreślić, dlaczego Twoja firma jest właściwym wyborem dla odwiedzających. Jak dowód społeczny na stronie głównej VWO.

Swój sukces pokazali w naprawdę prosty sposób. Wartość procentowa obok każdego logo marki, pokazująca, jak bardzo zwiększyli konwersje za pomocą swojego narzędzia:

Innym razem dowód społeczny może zaśmiecać stronę. I odwróć uwagę od swojego CTA. Może to więc oznaczać, że najpierw przyjrzysz się swojemu układowi, zanim go dodasz.

Buffer wykorzystuje mieszankę referencji i statystyk na swojej stronie głównej w celu potwierdzenia społecznego. Pokazuje dużą liczbę osób, które już korzystają i cenią firmę. Następnie zagłębia się w konkretne doświadczenia:

Lub możesz zachować to mega proste. I wyświetlaj swoją ocenę ze znanej witryny z recenzjami, takiej jak TrustPilot. W ten sposób nie musisz mówić nic więcej.

Źródło: Pudełko z Butternut

Jak więc zdobyć własny dowód społeczny? Wypróbuj te opcje:

  • Zapytaj klientów w mediach społecznościowych o opinie
  • Użyj social listeningu, aby zobaczyć, co ludzie mówią o Twojej marce
  • Dodaj recenzje do swojej witryny
  • Poproś o treści UGC lub rozpocznij kampanię hashtagową
  • Wyróżnij niektóre dane z Google Analytics

Gdy masz już kilka opcji, czas na testy. Zobacz, jak może wpasować się w układ Twojego landing page. Dowiedz się, która wersja przyciąga klientów. A która niewiele wnosi. Następnie spróbuj czegoś innego.

Mniejsze szczegóły (kolory, czcionki itp.)

Dwie wersje strony docelowej nie muszą być bardzo różne, aby można je było przetestować. Czasami zmienia szczegóły, które mogą wydawać się nieistotne.

Potrzebujesz przykładu? Zwiększenie rozmiaru tła tego przycisku wezwania do działania faktycznie zmniejszyło liczbę konwersji o 10%. Szalony, prawda?

​​

Możliwości testowania są nieograniczone. Ale pamiętaj, oprzyj wszystko, co robisz, na badaniach, które sugerują, że może to mieć pozytywny wpływ.

Możesz grać z:

  • Schemat kolorów
  • Typografia i rozmiar czcionki
  • Minutniki
  • Obrazy i wzory tła
  • Kolor linku

Oczywiście nie chcesz tracić czasu na testowanie setek odmian czcionek. Bądź więc realistą i wybierz kilka, które pasują do Twojej tożsamości marki.

W przypadku tej witryny zwiększenie rozmiaru czcionki pojedynczego linku skutkowało współczynnikiem klikalności +33%.

Taka mała poprawka może być różnicą tysięcy dolarów. Ale nie będziesz wiedział, dopóki nie spróbujesz.

Wniosek

Jest tak wiele elementów Twojego landinga, że ​​możesz przetestować A/B. Ale najpierw potrzebujesz dowodów, aby je poprzeć.

Wiele będzie zależeć od Twojego produktu lub usługi. Oraz rodzaje stron docelowych, do których chcesz kierować użytkowników. Czy ludzie są gotowi do zakupu, gdy dotrą do Twojej witryny? A może chcą dowiedzieć się więcej o Twoim produkcie?

Badania odbiorców mają kluczowe znaczenie. Upewnij się więc, że najpierw wiesz wszystko o potencjalnych klientach. W ten sposób testowanie A/B strony docelowej zajmie mniej czasu i wysiłku. I mieć znacznie bardziej znaczący wpływ.

Czy zauważyłeś jakiś sukces w testach A/B? Która część strony docelowej może wymagać aktualizacji? Daj nam znać w komentarzach poniżej.