{"id":35379,"date":"2018-09-27T13:33:32","date_gmt":"2018-09-27T11:33:32","guid":{"rendered":"https:\/\/www.sotrender.com\/blog\/?p=35379\/"},"modified":"2020-06-26T11:29:14","modified_gmt":"2020-06-26T09:29:14","slug":"jak-zrobic-strone-ktora-zwiekszy-konwersje","status":"publish","type":"post","link":"https:\/\/www.sotrender.com\/blog\/pl\/2018\/09\/jak-zrobic-strone-ktora-zwiekszy-konwersje\/","title":{"rendered":"Jak zrobi\u0107 stron\u0119, kt\u00f3ra zwi\u0119kszy konwersj\u0119?"},"content":{"rendered":"

Czym jest konwersja na stronie internetowej? To sytuacja, w kt\u00f3rej u\u017cytkownicy robi\u0105 dok\u0142adnie to, czego od nich oczekujesz. Zakup, rejestracja, zapis na newsletter czy zwyk\u0142y telefon \u2013 to Ty ustalasz cel. To od Ciebie zale\u017cy, czy u\u017cytkownicy go zrealizuj\u0105. Tak, od Ciebie. Przygotowa\u0142em 9 wskaz\u00f3wek, kt\u00f3re pomog\u0105 Ci zwi\u0119kszy\u0107 konwersj\u0119 na stronie. <\/span><\/p>\n

Autor: Bartek Raducha. Marketing manager w WebWave<\/a>. Pracowa\u0142 przy projektach internetowych realizowanych dla Beko, Bonduelle Food Service czy Froneri Polska.<\/em><\/p>\n

Okre\u015bl cel strony<\/h2>\n

Cel strony jest kluczowy. Gdy nie wiesz, o czym ma by\u0107 lub jak\u0105 potrzeb\u0119 ma realizowa\u0107, u\u017cytkownicy strony te\u017c nie b\u0119d\u0105 tego wiedzie\u0107.<\/span><\/p>\n

Cel strony jest kluczowy, ale \u2013 jak pokazuje wiele projekt\u00f3w \u2013 cz\u0119sto umyka w procesie tworzenia. Wi\u0119cej uwagi skupia \u0142adny design czy dopracowane SEO. Cel\u2026 gdzie\u015b tam jest.<\/span><\/p>\n

To b\u0142\u0105d. Ka\u017cdy z element\u00f3w strony musi by\u0107 podporz\u0105dkowany jej celowi. \u0141adne grafiki maj\u0105 s\u0142u\u017cy\u0107 jego realizacji, a nie odci\u0105ga\u0107 uwag\u0119. Niepotrzebne ozdobniki, kt\u00f3re odci\u0105gaj\u0105 uwag\u0119 u\u017cytkownika? No c\u00f3\u017c, nie przydadz\u0105 si\u0119.<\/span><\/p>\n

Celem strony mo\u017ce by\u0107 cokolwiek, co sobie ustalisz. Ale \u017ceby pracowa\u0107 nad konwersj\u0105, cel musi by\u0107 mierzalny. Mog\u0105 to by\u0107 zapisy na newsletter, rejestracje lub odsetek powracaj\u0105cych u\u017cytkownik\u00f3w.<\/span><\/p>\n

Ustalaj\u0105c go musisz mie\u0107 pewno\u015b\u0107, \u017ce mo\u017cesz to zmierzy\u0107. A to dobra podstawa do analizy i doskonalenia.<\/span><\/p>\n

Dodatkowo, gdy znasz cel strony, wiesz dobrze do jakiego dzia\u0142ania chcesz wezwa\u0107 u\u017cytkownik\u00f3w. A to mocna podstawa do stworzenia skutecznego <\/span>call to action<\/span><\/i>.<\/span><\/p>\n

Stw\u00f3rz person\u0119<\/h2>\n

Tworzenie person to takie \u201e1.01\u201d marketingu.<\/span><\/p>\n

Persona to idealny u\u017cytkownik; taki, kt\u00f3ry wejdzie na stron\u0119 i powie \u201eto dla mnie\u201d.<\/span><\/p>\n

Zanim jednak taki kto\u015b wejdzie na stron\u0119, trzeba go wymy\u015bli\u0107.<\/span><\/p>\n

Sporym u\u0142atwieniem w tym procesie jest wykorzystanie celu strony. Je\u015bli wiesz, co chcesz osi\u0105gn\u0105\u0107, to ta wiedza pomo\u017ce Ci w zrealizowaniu potrzeb konkretnych os\u00f3b.<\/span><\/p>\n

Zastan\u00f3w si\u0119 kim s\u0105 takie osoby. Stw\u00f3rz ich profil. Kim s\u0105, czym si\u0119 zajmuj\u0105, w jakim s\u0105 wieku, jak korzystaj\u0105 z internetu, czy s\u0105 sk\u0142onne p\u0142aci\u0107 za us\u0142ugi w sieci, czy wol\u0105 mie\u0107 co\u015b za darmo. I tak dalej. Przede wszystkim \u2013 czego potrzebuj\u0105 i jak Twoja strona mo\u017ce ich potrzeb\u0119 zrealizowa\u0107.<\/span><\/p>\n

Stworzenie persony pomaga lepiej dostosowa\u0107 stron\u0119 do profilu modelowych u\u017cytkownik\u00f3w.<\/span><\/p>\n

Oczywi\u015bcie mierzenie celu pomo\u017ce odpowiedzie\u0107 na pytanie, czy strona realizuje oczekiwania stworzonych person. Ta wiedza mo\u017ce by\u0107 podstaw\u0105 do zmodyfikowania persony, a w efekcie \u2013 strony.<\/span><\/p>\n

Jak zobaczysz w dalszej cz\u0119\u015bci tekstu \u2013 takie podej\u015bcie jest pocz\u0105tkiem do stworzenia strony, kt\u00f3ra zwi\u0119ksza konwersj\u0119.<\/span><\/p>\n

Pisz jasno i komunikuj korzy\u015bci<\/h2>\n

Jest co\u015b takiego, jak \u201ej\u0119zyk korzy\u015bci\u201d. Accounci cz\u0119sto strasz\u0105 nim m\u0142odszych copywriter\u00f3w w agencjach reklamowych. Chocia\u017c czasem jest to pusty slogan, to sam j\u0119zyk korzy\u015bci jest kluczowy dla stworzenia dobrze konwertuj\u0105cej strony. Gdy u\u017cytkownik wejdzie na stron\u0119 musi wiedzie\u0107 o tym, jakie problemy ta strona rozwi\u0105zuje. Mo\u017ce to by\u0107 produkt lub informacje, kt\u00f3re sprawi\u0105, \u017ce jego \u017cycie stanie si\u0119 prostsze. Dobrze dobrane s\u0142owa okre\u015blaj\u0105 t\u0119 korzy\u015b\u0107. Bez owijania w bawe\u0142n\u0119 i zachwalania mo\u017cliwo\u015bci produktu. Konkretny produkt ma rozwi\u0105zywa\u0107 konkretny problem.<\/span><\/p>\n

\u015awietnym przyk\u0142adem jest strona L’Axelle. Firma sprzedaje wk\u0142adki przeciwpotowe pod pachy. Dzi\u0119ki zmianie jednego zdania na swojej stronie internetowej konwersja wzros\u0142a o 93%.<\/a> To ju\u017c nie przelewki.\u00a0<\/span><\/p>\n

Stara wersja tekstu na stronie by\u0142a dos\u0142ownie o niczym: \u201ePoczuj \u015bwie\u017co\u015b\u0107 bez plam potu\u201d. Nowa wersja jasno komunikowa\u0142a korzy\u015b\u0107: \u201ePozb\u0105d\u017a si\u0119 plam potu\u201d. Pusty slogan reklamowy przegra\u0142 z kretesem z copy sygnalizuj\u0105cym rozwi\u0105zanie problemu, kt\u00f3ry dotyczy nas wszystkich. Jak wida\u0107, to dzia\u0142a. <\/span><\/p>\n

Poprawa czytelno\u015bci strony i nawigacji<\/h2>\n

To ju\u017c zagadnienie bardziej z obszaru <\/span>user experience<\/span><\/i>, ale ci\u0105gle bardzo wa\u017cne dla konwersji strony.<\/span><\/p>\n

Dobra nawigacja u\u0142atwia u\u017cytkownikom znalezienie informacji na stronie. Nawet je\u015bli pierwsz\u0105 rzecz\u0105, kt\u00f3r\u0105 widz\u0105 na stronie g\u0142\u00f3wnej jest korzy\u015b\u0107, to istnieje spora grupa os\u00f3b, kt\u00f3re chc\u0105 dowiedzie\u0107 si\u0119 wi\u0119cej.<\/span><\/p>\n

Nawigacja pomo\u017ce im znale\u017a\u0107 te informacje. Nawet najlepszy tekst komunikuj\u0105cy korzy\u015bci, kt\u00f3ry przekona nawet najwi\u0119kszego sceptyka, nie pomo\u017ce, gdy taki sceptyk nie znajdzie go na stronie.<\/span><\/p>\n

\u0141atwe dotarcie do miejsc, w kt\u00f3ry u\u017cytkownik mo\u017ce zrealizowa\u0107 cel strony lub zbli\u017cy\u0107 si\u0119 do jego realizacji jest kluczowe. Bardzo pomo\u017ce w tym poprawa czytelno\u015bci strony: dobry i przejrzysty projekt, kt\u00f3ry (jak wspomnia\u0142em) wspiera realizacj\u0119 celu strony, pomaga podnie\u015b\u0107 konwersj\u0119.<\/span><\/p>\n

Wida\u0107 to \u015bwietnie na przyk\u0142adzie jednej ze starszych iteracji strony Highrise. Pierwsza wersja by\u0142a nieczytelna i na\u0142adowana tekstem. By\u0142o tam sporo korzy\u015bci, jednak\u2026 by\u0142o tego za du\u017co<\/a>.<\/span><\/p>\n

Jak wykaza\u0142y testy A\/B, skr\u00f3cenie strony (poprzez wyeliminowanie nadmiaru tekstu), wyci\u0105gni\u0119cie formularza zapisu i dodanie zdj\u0119cia cz\u0142owieka (<\/span>hero picture<\/span><\/i>) podnios\u0142o konwersj\u0119 o 102,5%.<\/span><\/p>\n

U\u017cytkownik w pierwszym widoku widzia\u0142 kluczowe informacje, formularz rejestracji oraz u\u015bmiechni\u0119t\u0105 twarz. Tyle wystarczy\u0142o, \u017ceby podwy\u017cszy\u0107 konwersj\u0119.<\/span><\/p>\n

Oczywi\u015bcie skuteczno\u015b\u0107 zdj\u0119cia u\u015bmiechni\u0119tego cz\u0142owieka oddzia\u0142uje pozytywnie na ludzi. Du\u017co pisa\u0142 o tym francuski filozof Emmanuel Levinas i nazwa\u0142 to \u201eemanacj\u0105 twarzy\u201d. Chocia\u017c to stare poj\u0119cie filozoficzne, to w marketingu jest wci\u0105\u017c aktualne.<\/span><\/p>\n

RWD?<\/h2>\n

O tak, RWD, czyli <\/span>ressponsive web design<\/span><\/i>. Innymi s\u0142owy: strona dostosowana do potrzeb urz\u0105dze\u0144 mobilnych. <\/span><\/p>\n

Z internetu korzysta si\u0119 dzisiaj g\u0142\u00f3wnie na urz\u0105dzeniach mobilnych. Dlatego praca nad responsywno\u015bci\u0105 strony jest dzisiaj bardzo (bardzo) wa\u017cna.<\/span><\/p>\n

Powiedzia\u0142bym nawet, \u017ce tak wa\u017cna, \u017ce a\u017c g\u0142upio o tym wspomina\u0107. Jednak \u2013 jak pokazuje przyk\u0142ad strony kanadyjskiej sieci sklep\u00f3w Walmart, dopracowanie wersji RWD strony przynosi doskona\u0142e efekty.<\/span><\/p>\n

Dzi\u0119ki lepszemu dostosowaniu strony do urz\u0105dze\u0144 mobilnych (tablet\u00f3w i telefon\u00f3w) oraz uproszczeniu interfejsu konwersja ca\u0142ej wzros\u0142a o 20%, a liczba zakup\u00f3w za po\u015brednictwem urz\u0105dze\u0144 mobilnych \u2013 o 98%. W skali tak wielkiej sieci te warto\u015bci oznaczaj\u0105 dziesi\u0105tki, je\u015bli nie setki milion\u00f3w zysku<\/a>.\u00a0<\/span><\/p>\n

A to wszystko dzi\u0119ki lepszemu dostosowaniu strony do potrzeb os\u00f3b, kt\u00f3re korzystaj\u0105 z urz\u0105dze\u0144 mobilnych.<\/span><\/p>\n

Opinie klient\u00f3w<\/h2>\n

Je\u015bli wykorzystujesz strony do sprzeda\u017cy jakich\u015b produkt\u00f3w, to jednego mo\u017cesz by\u0107 pewien: przysz\u0142ych klient\u00f3w przekonaj\u0105 najlepiej Twoi dotychczasowi klienci.<\/span><\/p>\n

Na przyk\u0142ad brytyjski serwis WikiJobs zwi\u0119kszy\u0142 sprzeda\u017c na stronie o 34% dzi\u0119ki dodaniu kr\u00f3tkich, jednozdaniowych opinii. A to tylko jeden z przyk\u0142ad\u00f3w, kt\u00f3re mo\u017cna mno\u017cy\u0107<\/a>.<\/span><\/p>\n

Dlatego warto mie\u0107 na stronie opinie. Tworz\u0105 one <\/span>social proof<\/span><\/i>, kt\u00f3ry jest \u015bwietn\u0105 rekomendacj\u0105 tego, co oferujesz. Opinie innych, najlepiej podpisane imieniem, wspieraj\u0105 mark\u0119 lepiej, ni\u017c nawet najlepiej zakomunikowane korzy\u015bci.<\/span><\/p>\n

Sk\u0105d wzi\u0105\u0107 takie opinie? Mo\u017cesz poprosi\u0107 zadowolonych u\u017cytkownik\u00f3w o napisanie kilku s\u0142\u00f3w na temat Twojej oferty. Dzi\u0119ki ich zdaniu mo\u017cesz zdoby\u0107 kolejnych, wi\u0119c czasem warto zach\u0119ci\u0107 ich do tego rabatem.<\/span><\/p>\n

Nawet negatywne opinie, na kt\u00f3re trafisz w internecie, mog\u0105 pom\u00f3c w zyskaniu nowych klient\u00f3w. Je\u015bli rozwi\u0105\u017cesz problem niezadowolonego klienta lub u\u017cytkownika, to jego \u201edzi\u0119kuj\u0119\u201d b\u0119dzie \u015bwietn\u0105 reklam\u0105.<\/span><\/p>\n

Przemy\u015blany cennik i jasna polityka cenowa<\/h2>\n

Cennik i jasna polityka cenowa maj\u0105 du\u017cy wp\u0142yw na decyzje u\u017cytkownik\u00f3w.<\/span><\/p>\n

Dzi\u0119ki temu u\u017cytkownik wie ile kosztuje konkretna us\u0142uga i \u0142atwiej mu podj\u0105\u0107 decyzj\u0119, czy chce z niej skorzysta\u0107.<\/span><\/p>\n

Ukrycie ceny mo\u017ce by\u0107 te\u017c komunikatem \u2013 \u201eto jest drogie, dlatego nie chcemy o tym m\u00f3wi\u0107\u201d albo \u201enasza polityka cenowa mo\u017ce mie\u0107 kruczki\u201d.<\/span><\/p>\n

Jak pokazuje przyk\u0142ad Market Dialer<\/a> \u2013 podanie ceny na stronie poprawi\u0142o konwersj\u0119 (w tym przypadku zbieranie lead\u00f3w) o 100%.<\/span><\/p>\n

W takiej sytuacji u\u017cytkownicy wiedzieli od razu jaki jest koszt, a przy okazji mogli dowiedzie\u0107 si\u0119 wi\u0119cej o tym, co dostan\u0105 w zamian.<\/span><\/p>\n

Podobnie jest z cennikiem.<\/span><\/p>\n

Dobrze skonstruowany i przemy\u015blany pomaga u\u017cytkownikom w podj\u0119ciu decyzji. Czasem wystarczy tylko nieznacznie zmieni\u0107 kolory t\u0142a, \u017ceby informacja o cenie poprawi\u0142a konwersj\u0119.<\/span><\/p>\n

Chocia\u017c brzmi to zaskakuj\u0105co, to taka zmiana na stronie Basekit podnios\u0142a konwersj\u0119 o 25%<\/a>. Tak drobna rzecz, jak \u0142adniejsze zaprezentowanie cennika.<\/span><\/p>\n

Dobrze skomponowane formularze<\/h2>\n

\u0179le skonstruowane formularze na stronie s\u0105 cz\u0119sto winne spadkowi konwersji \u2013 u\u017cytkownicy po prostu nie chc\u0105 ich uzupe\u0142nia\u0107. <\/span><\/p>\n

Zbyt wiele p\u00f3l, zbyt wiele danych \u2013 ka\u017cdy zna te wady. Dodatkowo nie ka\u017cdy chce podawa\u0107 w internecie numer telefonu, a w wi\u0119kszo\u015bci formularzy dalej spotkasz odpowiednie (wymagane) pole.<\/span><\/p>\n

Rozbudowane formularze maj\u0105 te\u017c negatywny efekt psychologiczny. Patrzysz na tych osiem p\u00f3l i my\u015blisz sobie \u201ekiedy ja to uzupe\u0142ni\u0119\u201d.<\/span><\/p>\n

Wi\u0105\u017ce si\u0119 to oczywi\u015bcie z pami\u0119ci\u0105 kr\u00f3tkotrwa\u0142\u0105 cz\u0142owieka, kt\u00f3ra gromadzi i ogarnia od pi\u0119ciu do dziewi\u0119ciu element\u00f3w jednocze\u015bnie.<\/span><\/p>\n

Zastan\u00f3w si\u0119 przede wszystkim jakich informacji potrzebujesz ponad minimum, kt\u00f3re pozwoli u\u017cytkownikowi zrealizowa\u0107 potrzeb\u0119 (czyli skorzysta\u0107 z tego, co mu oferujesz), a tym samym \u2013 cel Twojej strony.<\/span><\/p>\n

Czyli: \u017ceby dokona\u0142a si\u0119 konwersja (tak, dokona\u0142a si\u0119, chocia\u017c to \u017cadne sztuki magiczne).<\/span><\/p>\n

Czasem wystarczy tylko mail, has\u0142o i zgoda na przetwarzanie danych osobowych. Czasem \u2013 sam adres mailowy. U\u017cytkownik, widz\u0105c taki formularz, wie dok\u0142adnie co ma zrobi\u0107.<\/span><\/p>\n

Od konwersji dzieli go nie osiem p\u00f3l do uzupe\u0142nienia, ale dwa lub trzy. R\u00f3\u017cnica mi\u0119dzy takimi formularzami jest kolosalna.<\/span><\/p>\n

Dobrze to pokazuje przyk\u0142ad Brand24 \u2013 po usuni\u0119ciu z formularza rejestracji pola \u201ekod promocyjny\u201d i og\u00f3lnym uproszczeniu go liczba rejestracji wzros\u0142a o 300%<\/a>.\u00a0<\/span><\/p>\n

Testy A\/B<\/b><\/p>\n

Praktyk\u0105, kt\u00f3ra pomo\u017ce wybra\u0107 najlepsze rozwi\u0105zania dla Twojej strony s\u0105 testy A\/B.<\/span><\/p>\n

To kolejny <\/span>must have<\/span><\/i>, gdy zabierasz si\u0119 za optymalizacj\u0119 konwersji strony.<\/span><\/p>\n

Dzi\u0119ki takim testom sprawdzisz, czy jaka\u015b zmiana przynosi oczekiwane efekty. Innymi s\u0142owy: sprawdzasz czy nowa wersja faktycznie przynosi lepsze efekty od dotychczasowej.<\/span><\/p>\n

Podstaw\u0105 do przeprowadzenia ka\u017cdego testu A\/B jest wybranie jednego elementu, kt\u00f3ry jest r\u00f3\u017cny w dw\u00f3ch wersjach. Powinien on by\u0107 na tyle wa\u017cny, \u017ceby wp\u0142ywa\u0142 na dzia\u0142ania u\u017cytkownik\u00f3w na stronie, a do tego musi by\u0107 powi\u0105zany z realizacj\u0105 celu.<\/span><\/p>\n

Ka\u017cdemu testowi powinna towarzyszy\u0107 hipoteza: \u201eje\u015bli [co\u015b, co chcesz zmieni\u0107], to [stanie si\u0119 co\u015b; na przyk\u0142ad \u2013 wzro\u015bnie konwersja\u201d. Takie podej\u015bcie u\u0142atwi Ci wyb\u00f3r odpowiednich element\u00f3w do testowania.<\/span><\/p>\n

Testowa\u0107 mo\u017cesz kreacje strony, uk\u0142ad element\u00f3w, formularze czy teksty na stronie. Ka\u017cdy test powinien zaczyna\u0107 si\u0119 od wyboru elementu, kt\u00f3ry mo\u017ce wp\u0142ywa\u0107 negatywnie na konwersj\u0119. Efektem takiego testu powinno by\u0107 znalezienie rozwi\u0105zania, kt\u00f3re t\u0119 konwersj\u0119 poprawi.<\/span><\/p>\n

Dobrze, gdy taki test trwa pe\u0142nych 7 dni. Oczywi\u015bcie mo\u017ce trwa\u0107 d\u0142u\u017cej, ale musisz wiedzie\u0107, dlaczego chcesz, \u017ceby trwa\u0142 tyle czasu. I zawsze musisz z takiego testu otrzyma\u0107 konkretne dane, kt\u00f3re b\u0119d\u0105 podstaw\u0105 do analizy oraz ocenienia, czy testowana zmiana ma sens.<\/span><\/p>\n

Na marginesie \u2013 ka\u017cdy ze wspomnianych przeze mnie przyk\u0142ad\u00f3w by\u0142 tak testowany (przynajmniej tak deklaruj\u0105 autorzy). A wybrany w te\u015bcie element by\u0142 kolejn\u0105 wersj\u0105 strony.<\/span><\/p>\n

Jak to analizowa\u0107?<\/h2>\n

Narz\u0119dzi do analizy konwersji jest masa. Najbardziej podstawowe to oczywi\u015bcie Google Analytics.\u00a0<\/span>Mo\u017cesz wykorzysta\u0107 te\u017c np. Hotjara, Amplitude lub jednego z innych narz\u0119dzi.<\/span><\/p>\n

Najwa\u017cniejsze jest to, \u017ceby to narz\u0119dzie by\u0142o dostosowane do Twoich potrzeb i dostarcza\u0142o potrzebnych danych o tym, czy i jak strona konwertuje.<\/span><\/p>\n

Poprosili\u015bmy specjalist\u0119 SEO, Piotra Skrzypka z agencji Widoczni<\/a> o podzielenie si\u0119 swoim do\u015bwiadczeniem i rekomendowanymi narz\u0119dziami do analizy konwersji.<\/p>\n

Niezale\u017cnie od tego, czy prowadzimy stron\u0119 czy sklep internetowy powinni\u015bmy zainteresowa\u0107 si\u0119 analiz\u0105 konwersji. Zebranie danych o zachowaniach u\u017cytkownik\u00f3w umo\u017cliwia lepsze poznanie ich zachowa\u0144, zidentyfikowanie wielu problem\u00f3w, z kt\u00f3rych mo\u017cemy nie zdawa\u0107 sobie sprawy czy znalezienie usprawnie\u0144, kt\u00f3re prze\u0142o\u017c\u0105 si\u0119 na zwi\u0119kszenie wsp\u00f3\u0142czynnika konwersji.<\/p>\n

Do tego celu polecam trzy, w mojej ocenie bardzo przydatne, narz\u0119dzia.<\/p><\/blockquote>\n

1. Google Analytics<\/strong>, by okre\u015bli\u0107 wa\u017cne dla siebie cele, np.:<\/p>\n