Prima faldă a web-ului dvs

Prima pagină a site-ului dvs. este cea mai importantă secțiune. Toți vizitatorii care ajung pe pagina ta ajung să vadă acel bloc. Și acest lucru îi va face să continue să navigheze pe site-ul dvs., să deruleze pentru a afla mai multe despre acesta sau pur și simplu să plece.

Când am vorbit despre hărțile termice, am văzut că prima faldă a web-ului este cea care primește mai multă relevanță în majoritatea cazurilor. Atât în ​​heatmap cât și în scrollmap pe care am analizat-o acolo, cantitatea de activitate din primul bloc al web-ului a fost mai mare.

Mulți vizitatori vor vedea doar prima fold și nu vor derula în jos pe pagină. Optimizarea a ceea ce arătăm acolo este cheia pentru a îmbunătăți rata de conversie. De aceea, luna aceasta vom vorbi despre optimizarea primei pagini a unei pagini de destinație a site-ului nostru.

Ipoteza: Concentrați-vă pe mesaj

În Nelio avem două plugin-uri premium pentru WordPress: Nelio Content și Nelio A/B Testing. Astăzi ne vom concentra pe al doilea, care este și cel pe care îl folosim pentru a rula testele din această secțiune a site-ului nostru. Să analizăm primul pliu al paginii de destinație pentru Nelio A/B Testing.

Scopul acestei pagini este de a arăta produsul potențialilor utilizatori, astfel încât aceștia să ajungă să viziteze pagina de prețuri. Cu cât mai mulți vizitatori trec de la această destinație la pagina de prețuri, cu atât mai multe posibilități vor ajunge să cumpere produsul, ceea ce ne dorim.

Datele pe care le avem datorită instrumentului pe care îl folosim pentru analitica web ne arată că această pagină are deja performanțe destul de bune. Pentru a fi mai precis, știm că jumătate dintre vizitatorii care vizitează pagina noastră de destinație ajung să viziteze pagina de prețuri. Nu-i rău, nu? Acum întrebarea este, putem îmbunătăți aceste cifre?

Captura de ecran de mai sus arată ceea ce vedeți în primul fold al acelei pagini. Titlul său principal este numele produsului: Nelio A/B Testing. Apoi avem un subtitrare care încearcă să creeze un sentiment de urgență utilizatorilor, astfel încât aceștia să înceapă să-și testeze site-urile.

Cu toate acestea, dacă regândim textul și încercăm să schimbăm mesajul pentru a stârni curiozitatea în loc de urgență, este posibil să reușim să îmbunătățim aceste cifre pe care tocmai ți le prezentam. În plus, pentru a evita distragerile, putem schimba primul bloc al web-ului astfel încât să folosească întregul prim pliu și astfel să ascunde a doua secțiune a paginii, ceea ce nu contribuie la scopul nostru aici.

Așadar, ipoteza testului pe care urmează să-l creăm aici este că dacă concentrăm prima secțiune a site-ului nostru pentru a transmite un mesaj clar, conversia trebuie să se îmbunătățească. Vom reuși? Să vedem…

Crearea unei variante a Primului Fold

Primul lucru pe care îl vom face este să mergem la Nelio A/B Testing în WordPress și să creăm un nou test A/B de pagini. Vă încurajez să faceți același lucru cu pagina de destinație și să ne împărtășiți rezultatele în comentarii. Puteți face acest test gratuit prin simpla instalare a Nelio A/B Testing din directorul de pluginuri WordPress.

Acum trebuie să denumim testul și varianta pe care urmează să o creăm. Scopul testului este de a vizita pagina de prețuri. Astfel, adăugăm o acțiune de conversie care urmărește vizitele pe pagina de prețuri ca conversii. Configurarea acestui test vă va dura mai puțin de un minut. Acum vom edita varianta cu modificările.

La editarea variantei mergem la editorul de pagini pe care l-am configurat implicit în WordPress. Folosim editorul de blocuri Gutenberg. Vă recomand să utilizați acesta sau oricare altul cu care vă simțiți confortabil.

În următoarea comparație puteți vedea modificările pe care le-am făcut în primul bloc al paginii noastre de destinație. Rețineți că dacă treceți mouse-ul peste bloc puteți muta separatorul la dreapta sau la stânga pentru a vedea versiunea originală a paginii pe care urmează să o testăm sau varianta acesteia.

În variantă am schimbat titlul și în locul denumirii produsului, care apare deja în logo, am adăugat un mesaj care invită la stimularea curiozității vizitatorului. Dorim ca ei să se gândească la modificările aduse site-ului lor web care ar putea funcționa cel mai bine. O culoare diferită? O altă formă pentru nasturi? O locație alternativă pentru toate acestea?

După aceasta, schimbăm subtitrarea cu ceva care indică faptul că avem soluția pentru a-ți potoli curiozitatea: „creează și testează diferite versiuni ale WordPress pentru a descoperi ce îi place cel mai mult publicului tău și pentru a-ți îmbunătăți conversiile”.

Crearea testului A/B și editarea variantei paginii noastre este ceva care ne ia doar câteva minute. Ceea ce putem obține în schimb este mult mai mare decât efortul dedicat.

În cele din urmă, deoarece avem site-ul în spaniolă și engleză, facem același lucru cu pagina în spaniolă. Puteți vedea modificările pentru varianta paginii spaniole în următoarea comparație:

Odată ce avem totul pregătit, trebuie doar să începem testele pe două pagini, câte unul pentru fiecare limbă, și să așteptăm să sosească rezultatele. Rețineți că Nelio A/B Testing este responsabil pentru împărțirea traficului dvs. între diferitele variante testate și numărarea vizitelor și conversiilor. Nu trebuie să faci nimic altceva... doar așteaptă.

Analizarea rezultatelor: au funcționat mai bine schimbările noastre?

Să începem cu rezultatele testului paginii în limba engleză. Puteți vedea toate detaliile în următoarea captură de ecran:

Acest test se desfășoară de 26 de zile și aproape 1000 de vizitatori au fost analizați în total. După cum puteți vedea, în acest moment testul a reușit să identifice că versiunea B este câștigătoare.

După cum știam deja, versiunea originală are o rată de conversie care în acest caz este de 54%. Aceasta se potrivește cu datele instrumentului de analiză web pe care l-am menționat anterior. Pe de altă parte, varianta a realizat o rată de conversie mai mare de 60%, ceea ce reprezintă o îmbunătățire de 12,3%.

Datele sunt semnificative statistic, cu o valoare de încredere mai mare de 95%. Prin urmare, putem confirma că varianta cu noua copie care utilizează întregul prim pliu al paginii este mai bună decât ceea ce aveam până acum. Ipoteza noastră a fost corectă. Atunci trebuie să fim fericiți.

Cum se aplică varianta câștigătoare

Odată ce știm că avem o versiune alternativă a paginii noastre care este mai bună decât cea actuală, trebuie să facem ca această variantă să devină cea pe care o văd toți vizitatorii. Pentru a face acest lucru, trebuie mai întâi să oprim testul. Apoi, mergem la secțiunea în care avem rezultatele variantei și apăsăm butonul pentru ao aplica.

Ceea ce face este să înlocuiască pagina pe care o aveam cu varianta pe care am găsit-o care funcționează cel mai bine. Este atât de ușor, cu un singur clic. Și în cazul în care aveți nevoie, puteți oricând să aplicați din nou versiunea originală și să reveniți la starea anterioară.

Dar testul pentru pagină în spaniolă?

Ei bine, ai rezultatele mai jos:

După 26 de zile, testul nu a ajuns la nicio concluzie din cauza traficului redus al paginii testate. Numărul de vizitatori este atât de mic încât testarea acestei pagini nu avea sens. Prin urmare, singura concluzie pe care o putem trage de aici este că publicul nostru în spaniolă nu are prea mult interes să facă teste A/B.

Acest lucru este interesant, pentru că demonstrează că pe același site putem avea audiențe foarte diferite. În acest caz, faptul diferențiază nu este doar limba, ci și faptul că în țările de limbă engleză acest tip de tehnici de optimizare a conversiilor sunt mai răspândite și mai mature decât în ​​zonele de limbă spaniolă.

Așadar, munca noastră aici este să continuăm să explicăm publicului nostru spaniol beneficiile testării A/B. Făcând acest lucru, sperăm să obținem mai mult trafic și interes pe această temă.

Asta e tot pentru luna asta. Nu uitați să treceți regulat pe site-ul nostru pentru a cunoaște testele pe care le vom analiza în lunile următoare.

Imagine prezentată de Matthew T Rader pe Unsplash.