Pierwsza zakładka w Twojej sieci

Najważniejszą sekcją jest pierwsza zakładka na Twojej stronie. Wszyscy odwiedzający, którzy trafią na Twoją stronę, zobaczą ten blok. A to sprawi, że będą kontynuować przeglądanie Twojej witryny, przewijają, aby dowiedzieć się więcej o niej, lub po prostu wychodzą.

Kiedy rozmawialiśmy o mapach popularności, zauważyliśmy, że w większości przypadków pierwsze miejsce w sieci ma większe znaczenie. Zarówno w heatmapie, jak i scrollmapie, którą tam przeanalizowaliśmy, ilość aktywności w pierwszym bloku sieci była większa.

Wielu odwiedzających zobaczy tylko pierwszą zakładkę i nie będzie przewijać strony. Optymalizacja tego, co tam pokazujemy, jest kluczem do poprawy współczynnika konwersji. Dlatego w tym miesiącu porozmawiamy o optymalizacji pierwszego foldu landing page na naszej stronie.

Hipoteza: Skup się na przesłaniu

W Nelio mamy dwie wtyczki premium do WordPressa: Nelio Content i Nelio A/B Testing. Dzisiaj skupimy się na tym drugim, którego używamy do testów w tej części naszego serwisu. Przeanalizujmy pierwszy fold strony docelowej dla Nelio A/B Testing.

Celem tej strony jest pokazanie produktu potencjalnym użytkownikom, aby w końcu odwiedzili stronę z cenami. Im więcej odwiedzających przejdzie z tego landinga na stronę z cenami, tym więcej możliwości zakupu produktu, a tego właśnie chcemy.

Dane, które posiadamy dzięki narzędziu, którego używamy do analityki internetowej, mówią nam, że ta strona już działa całkiem nieźle. Mówiąc dokładniej, wiemy, że połowa odwiedzających, którzy odwiedzają naszą stronę docelową, trafia na stronę z cenami. Nieźle, prawda? Teraz pytanie brzmi, czy możemy poprawić te liczby?

Powyższy zrzut ekranu pokazuje, co widzisz w pierwszej części tej strony. Jej głównym tytułem jest nazwa produktu: Nelio A/B Testing. Następnie mamy podtytuł, który próbuje stworzyć poczucie pilności dla użytkowników, aby zaczęli testować swoje witryny.

Jeśli jednak ponownie przemyślimy tekst i spróbujemy zmienić przesłanie, aby wzbudzić ciekawość zamiast pilności, być może uda nam się poprawić te liczby, które właśnie wam przedstawiałem. Ponadto, aby uniknąć rozpraszania się, możemy zmienić pierwszy blok w sieci tak, aby wykorzystywał całą pierwszą zakładkę, a tym samym ukrywał drugą sekcję strony, co nie służy naszemu celowi.

Zatem hipoteza testu, który tutaj stworzymy, jest taka, że ​​jeśli skupimy pierwszą sekcję naszej witryny na wysłaniu jasnego komunikatu, konwersja musi się poprawić. Czy nam się uda? Zobaczmy…

Tworzenie wariantu pierwszej fałdy

Pierwszą rzeczą, jaką zamierzamy zrobić, jest przejście do Nelio A/B Testing w WordPressie i utworzenie nowego testu A/B stron. Zachęcam do zrobienia tego samego ze swoim landing page'em i podzielenia się z nami swoimi wynikami w komentarzach. Możesz wykonać ten test za darmo, po prostu instalując Nelio A/B Testing z katalogu wtyczek WordPress.

Teraz musimy nazwać test i wariant, który zamierzamy stworzyć. Celem testu jest odwiedzenie strony z cennikiem. Dlatego dodajemy działanie powodujące konwersję, które śledzi wizyty na stronie z cenami jako konwersje. Konfiguracja całego tego testu zajmie Ci mniej niż minutę. Teraz edytujemy wariant ze zmianami.

Podczas edycji wariantu przechodzimy do edytora stron, który domyślnie skonfigurowaliśmy w WordPressie. Używamy edytora bloków Gutenberga. Polecam użyć tego lub innego, z którym czujesz się komfortowo.

W poniższym porównaniu możesz zobaczyć zmiany, które wprowadziliśmy w pierwszym bloku naszego landinga. Pamiętaj, że jeśli najedziesz myszką na blok, możesz przesunąć separator w prawo lub w lewo, aby zobaczyć oryginalną wersję strony, którą zamierzamy przetestować lub jej wariant.

W wariancie zmieniliśmy tytuł i zamiast nazwy produktu, która już pojawia się w logo, dodaliśmy komunikat zachęcający do pobudzenia ciekawości odwiedzającego. Chcemy, aby pomyśleli o zmianach w swojej witrynie, które mogą działać najlepiej. Inny kolor? Inny kształt guzików? Alternatywna lokalizacja dla tego wszystkiego?

Następnie zmieniamy podtytuł na coś, co wskazuje, że mamy rozwiązanie, które zaspokoi Twoją ciekawość: „utwórz i przetestuj różne wersje swojego WordPressa, aby odkryć, co najbardziej podoba się Twoim odbiorcom, i poprawić konwersje”.

Stworzenie testu A/B i edycja wariantu naszej strony to coś, co zajmuje nam tylko kilka minut. To, co możemy uzyskać w zamian, jest znacznie większe niż poświęcony wysiłek.

Wreszcie, ponieważ mamy stronę internetową w języku hiszpańskim i angielskim, to samo robimy ze stroną w języku hiszpańskim. Możesz zobaczyć zmiany dla wariantu strony w języku hiszpańskim w następującym porównaniu:

Gdy mamy już wszystko gotowe, wystarczy rozpocząć dwa testy stron, po jednym dla każdego języka, i poczekać na wyniki. Pamiętaj, że Nelio A/B Testing odpowiada za podział ruchu pomiędzy różne testowane warianty oraz liczenie wizyt i konwersji. Nie musisz robić nic więcej… po prostu poczekaj.

Analiza wyników: czy nasze zmiany działały lepiej?

Zacznijmy od wyników testu strony w języku angielskim. Możesz zobaczyć wszystkie szczegóły na poniższym zrzucie ekranu:

Ten test trwa 26 dni, a łącznie przeanalizowano prawie 1000 odwiedzających. Jak widać, w tym czasie test był w stanie wskazać, że wersja B jest zwycięzcą.

Jak już wiedzieliśmy, oryginalna wersja ma współczynnik konwersji, który w tym przypadku wynosi 54%. Jest to zgodne z danymi narzędzia do analityki internetowej, o którym wspomniałem wcześniej. Z drugiej strony wariant osiągnął współczynnik konwersji większy niż 60%, co stanowi poprawę o 12,3%.

Dane są istotne statystycznie, z wartością ufności większą niż 95%. Dlatego możemy potwierdzić, że wariant z nowym egzemplarzem wykorzystujący całą pierwszą zakładkę strony jest lepszy od tego, który mieliśmy do tej pory. Nasza hipoteza była słuszna. W takim razie musimy być szczęśliwi.

Jak zastosować zwycięski wariant

Gdy wiemy, że mamy alternatywną wersję naszej strony, która jest lepsza od obecnej, musimy sprawić, by ten wariant stał się tym, który widzą wszyscy odwiedzający. Aby to zrobić, musimy najpierw przerwać test. Następnie przechodzimy do sekcji, w której mamy wyniki wariantu i wciskamy przycisk, aby go zastosować.

To, co robi, to zastąpienie strony, którą mieliśmy wariantem, który według nas działa najlepiej. To takie proste, wystarczy jedno kliknięcie. A jeśli tego potrzebujesz, zawsze możesz ponownie zastosować oryginalną wersję i wrócić do poprzedniego stanu.

A co z testem strony w języku hiszpańskim?

Cóż, masz poniższe wyniki:

Po 26 dniach test nie doszedł do żadnych wniosków ze względu na niski ruch na testowanej stronie. Liczba odwiedzających jest tak niska, że ​​testowanie tej strony nie miało sensu. Dlatego jedynym wnioskiem, jaki możemy z tego wyciągnąć, jest to, że nasi słuchacze po hiszpańsku nie są zbytnio zainteresowani wykonywaniem testów A/B.

To ciekawe, bo dowodzi, że na tej samej stronie możemy mieć bardzo różnych odbiorców. W tym przypadku wyróżnikiem jest nie tylko język, ale fakt, że w krajach anglojęzycznych tego typu techniki optymalizacji konwersji są bardziej rozpowszechnione i dojrzałe niż w krajach hiszpańskojęzycznych.

Dlatego naszym zadaniem jest dalsze wyjaśnianie korzyści płynących z testów A/B naszym hiszpańskim odbiorcom. W ten sposób mamy nadzieję zwiększyć ruch i zainteresowanie tym tematem.

To wszystko na ten miesiąc. Nie zapomnij regularnie odwiedzać naszej strony internetowej, aby poznać testy, które będziemy analizować w nadchodzących miesiącach.

Polecane zdjęcie Matthew T Radera na Unsplash.