Sokan még mindig abban a tévhitben élnek, hogy a konverzióoptimalizálás csak a nagy cégek játékszere mivel bonyolult, drága és rengeteg erőforrást igényel.
Pedig a valóság ezzel szemben az, hogy az optimalizálás egy egyszerű, költséghatékony és legfőképp folyamatosan zajló folyamat, amely kis lépésekkel is látványos eredményeket hozhat.
Ha szeretnéd megérteni a folyamat alapjait, megtanulnád, hogyan érdemes jól csinálni, és kíváncsi vagy arra is, hogyan alkalmazzák a módszert sikeresen hazai és nemzetközi webshopok, akkor ez a cikk neked szól.
Ha pedig jobban szeretsz olvasni, akkor a cikkben a videóban bemutatott két valós példán keresztül is megismerheted az A/B tesztelés lényegét és folyamatát.
Mi az az A/B tesztelés?
Akkor beszélünk A/B tesztelésről, amikor a weboldalunk egy részét egy vagy több változatban tesszük elérhetővé egy időben és azokat egymással párhuzamosan teszteljük, hogy melyik változat teljesít a legjobban.
Nagyon egyszerű teszt például, hogy milyen színű címsor konvertál a legjobban? A látogatók fele az egyik címsort látja, a másik fele a másikat és ha elegendő adatot gyűjtünk, egyértelműen meg lehet mondani, hogy melyik címsor a jobb megoldás.
A/B teszteléskor a vizsgálandó változtatások függvényében 2 nagyobb fajtát különböztetünk meg:
1. Klasszikus A/B teszt
Amikor egyetlen paramétert egy vagy annak több változatát vizsgáljuk meg, klasszikus A/B tesztről beszélünk. Például, megnézzük, hogy egy gomb esetében a piros, kék vagy zöld szín teljesít-e a legjobban. Tehát A, B és C változatot vizsgálunk.
2. Multivariáns teszt
Akkor használjuk, amikor több eltérő változtatást vizsgálunk és szeretnénk megtudni, hogy a változtatások melyik kombinációja hozza a legjobb eredményt.
Például a gombok színén túl a formáit is vizsgálni szeretnénk. Megnézzük, hogy egy gomb esetében a piros, kék vagy zöld szín teljesít-e a legjobban, valamint azt is vizsgáljuk, hogy a kerek forma, kicsit kerekített forma vagy szögletes forma hoz-e jobb eredményt.
Ilyenkor 2 paraméter variációit teszteljük: 3 fajta szín és 3 fajta forma.
Mivel mindent mindennel vizsgálunk, itt multivariánsokról beszélünk és ha most nem számoljuk bele az eredeti megjelenést, akkor is összesen további 9 fajta változatot tesztelünk (3 fajta szín szorozva 3 fajta formával).
Miért fontos az A/B tesztelés?
Rendben, most már tudod, mi az A/B tesztelés, de vajon megéri vele foglalkozni egy webshop tulajdonosnak? A válasz: egyértelműen igen, de nézzük meg, miért:
1. Adatalapú döntéseket hozhatsz
Webshop tulajdonosként rengeteg apró döntést kell meghoznod nap mint nap: milyen akciókat futtass, mely termékekből kell utánrendelni, skálázd-e a hirdetéseket, mit optimalizálj a weboldalon – hogy csak néhány példát említsünk.
Az A/B tesztelés lehetővé teszi, hogy ne hasraütés-szerűen dönts, hanem valódi adatokat használj.
Ez nemcsak biztonságosabb út, de hosszú távon hatékonyabb is, hiszen megtanulod, hogy a te konkrét közönségednél mi működik a legjobban.
2. Minimalizálja a kockázatot
Nem kell rögtön mindent újratervezni, ha valami nem működik, kezdhetsz kicsiben.
Az A/B tesztelés pont arra való, hogy apró módosításokkal próbálkozz, és csak azt a változást vezesd be, ami valóban működik.
Ez különösen akkor jön jól, ha nincs nagy költségvetésed egy teljes weboldal-újratervezésre, de szeretnél jobb eredményeket elérni.
3. Látható konverziónövekedés
Tudtad, hogy a vállalatok közel 77%-a használ A/B tesztelést a konverziós arányuk növelésére? És a legjobb hír: az A/B tesztelés nem csak a nagyvállalatok játszótere. Egy jól eltalált tesztelési ötlet elképesztő eredményeket hozhat.
Vannak webshopok, amelyek egyetlen címsor változtatásával vagy egy popup optimalizálásával több százalékos növekedést értek el konverzióban. Nem a szerencsén múlik, hanem a megfelelő hipotézisen és a következetes tesztelésen.
4. Könnyen mérhető és értelmezhető
Az A/B tesztek egyik legnagyobb előnye, hogy könnyen kiértékelhetők. Nem kell statisztikaprofesszornak lenned ahhoz, hogy lásd: az egyik verzió több vásárlót hozott, a másik kevesebbet.
Ráadásul a legtöbb tesztelő eszköz (pl. OptiMonk) automatikusan kiszámolja a statisztikai szignifikanciát, így biztos lehetsz benne, hogy az eredmény nem a véletlenen alapul.
A/B tesztelés lépésről lépésre
Mielőtt jobban elmerülnénk a tesztelésben, lényeges megértenünk magát a folyamatot, ahogy egy rendszert optimalizálunk.
Fontos, hogy ez egy ismétlődő folyamat. Ahogy a lenti képen is látszik, nincs eleje sem vége. Egyszerűen csak elkezdjük és mindig újra és újra nekifutunk, a boltunk pedig minden egyes kör után jobban fog teljesíteni.
Egy ilyen kör 4 egyszerű lépésre bontható le:
- Tesztelés
- Ötletelés
- Tervezés
- Fejlesztés
1. Tesztelés
Lényege, hogy minél több problémát gyűjts össze és azokat minél jobban megértsd. Ebben sokat segíthet például a Google Analytics, hőtérképek, görgetés térképek, munkamenet videók, kérdőívek, beszélgetések az oldal látogatóival, stb. Nagyjából bármit használhatsz, ami megmutatja számodra, hogy valami nem elég jól működik az oldaladon.
Egy tipikus probléma, amit teszteléssel feltárhatunk, hogy azoknál a termékeknél kisebb a kosárba helyezési arány, ahol a kosárba gomb a hajtásvonal alatt van.
2. Ötletelés
Vedd elő azokat a problémákat, amiket tesztelés közben találtál és próbáld meg kitalálni, hogy mi lehet az a változtatás, ami megoldja a gondot. Legegyszerűbb, ha ilyenkor megnézel más hasonló oldalakat, hogy ők hogyan oldották meg vagy segítséget kérsz egy szakembertől.
Fontos! Soha ne gondold azt, hogy ha valami máshol működik, az nálad is fog. Kiindulásnak nagyon jó máshonnan ihletet meríteni, de csak úgy szabad azokat használni, hogy ha le is teszteled.
Ellenkező esetben könnyen előfordulhat, hogy egy általad jónak tartott megoldás, ami másoknak bevált, nálad valójában rontja a konverziót és még csak nem is tudsz róla.
3. Tervezés
Tervezés során az összegyűjtött ötletekből kiválasztod azt, ami a vélhetően a legjobban fog működni (vagy a legkönnyebb megvalósítani) és pontosan megtervezed, hogyan kell elkészíteni. A tervezési szakasz végére olyan leírásnak kell születnie, ami alapján bármilyen fejlesztő megérti és pontosan elkészíti azt a változtatást, amitől a probléma megoldását várod.
Ha például megjelenésbeli változtatásról beszélünk, akkor ilyenkor tipikusan látványterv készül. A hajtásvonal alatt kosárba gomb példájánál maradva, ilyenkor egy olyan látványterv készül, ahol más elrendezésben vannak a termék információk a termékoldalon, azért hogy a kosárba gomb, minden felbontáson a hajtásvonal felett legyen.
4. Fejlesztés
Ez a legegyértelműbb rész. A tervek alapján elkészül az a módosítás, amitől a probléma megoldását várjuk.
Itt az a legegyszerűbb, ha egy erre alkalmas eszközt használunk, mint például az OptiMonk, mely könnyűvé teszi a mérhetőséget is.
+1 Tesztelés
Ahogy korábban írtuk, ez egy állandó folyamat, nincs eleje vagy vége. Miután elkészültél az új fejlesztéseddel, már kicsit konkrétabban tudsz tesztelni. Mérd meg, hogy teljesített-e azokat a célokat, amiket elvártál. Ha nem, akkor fuss neki még egyszer és csináld addig, amíg nem sikerül javítani. Ha pedig megvan a várt cél, akkor keress más problémákat és javítsd tovább az oldalad.
A lényeg, hogy mindig folyamatosan optimalizálj. Minél több javítási körön vagy túl, annál nagyobb lesz a boltod konverziója. Lépésről lépésre.
Egy dolgot pedig meg tudok ígérni ezzel kapcsolatban: mindig fogsz találni valamit és mindig lehet javítani egy webáruház teljesítményét. Szóval minél hamarabb vágsz bele, annál jobb.
Hogyan kezdjem el?
Hogyan néz ki mindez a gyakorlatban?
Jó hír, hogy az A/B teszteléshez nem kell fejlesztőnek lenned. Az OptiMonk A/B tesztelés eszközével néhány kattintással beállíthatod a tesztjeidet. Mutatjuk, hogyan kezdj neki!
1. Lépj be OptiMonk fiókodba
Kattints ide és jelentkezz be a fiókodba.
Ha még nincs OptiMonk fiókod, 14 napig ingyenesen kipróbálhatod. Shoprenteres felhasználóként pedig extra kedvezmény jár: 33% minden csomagra!
2. Hozz létre egy új kampányt teszteléshez
A Kampányok szekcióban válaszd az Új kampány lehetőséget.
Ezt követően válaszd ki a Weboldal optimalizáció opciót.
3. Indíts A/B teszt típusú kampányt
A kampány típusok közül válaszd az A/B teszt opciót.
4. Add meg a tesztelni kívánt domaint
Válaszd ki azt a weboldalt, ahol a kampány futni fog, például egy adott landoló oldalt.
5. Hozz létre egy alternatív változatot
A szerkesztőfelületen jelölj ki egy elemet (pl. címsor, gomb, szöveg), és készíts belőle egy új verziót. Mentsd el a módosítást.
6. Adj meg egy kontrollverziót is
Ez lesz az eredeti, összehasonlítási alapként szolgáló verzió.
7. Állítsd be a megjelenés feltételeit
Határozd meg, mikor és kinek jelenjen meg a teszt (például csak bizonyos URL-eken vagy látogatói szegmenseknek).
8. Válassz konverziós célt
A kampány beállításai között add meg, mit szeretnél mérni. Például kosárba helyezést, vásárlást vagy köszönőoldal elérését.
9. Indítsd el a tesztet
Ha mindent ellenőriztél, akkor nincs más hátra, mint elindítani a tesztet.
A/B tesztelés a gyakorlatban: 4 webshopos példa
Most, hogy végigmentünk az A/B tesztelés lépésein, nézzük meg, hogyan néz ki mindez élesben. Az alábbi négy példában valódi webshopok mérhető konverziónövekedést értek el egyszerű, de jól átgondolt változtatásokkal.
1. Főoldali főcím tesztelése – Bukvybag
A Bukvybag, egy női táskákat forgalmazó márka, három különböző főcímet tesztelt a főoldalán és mindegyik más értékajánlatot kommunikált. A cél az volt, hogy kiderüljön, melyik üzenet szól legjobban a célcsoporthoz.
A nyertes verzió nemcsak statisztikailag győzött, de 45%-kal több megrendelést is hozott, mint az eredeti főcím.
2. Termékoldal optimalizálás – Dermaonline
A DermaOnline célja az volt, hogy hatékony konverzióoptimalizálással növelje webáruháza vásárlásainak számát – különös figyelmet fordítva a termékoldalak teljesítményére és a kosárérték növelésére.
Bár az eredeti termékoldaluk letisztult és átlátható volt, úgy érezték, hogy van még lehetőség a fejlesztésre, hogy a látogatók számára még vonzóbb és meggyőzőbb élményt nyújtsanak.
Ezért az OptiMonk Intelligens Termékoldal-Optimalizációját használva AI által generált „Előnylista” típusú szövegeket helyeztek el a termékoldalakon, majd A/B teszt keretében összehasonlították, melyik verzió (az eredeti vagy az előnylistával kiegészített) teljesít jobban a látogatók körében.
Ezek a kiegészítő előnyök nemcsak informatívabbá, de egyben hitelesebbé és vonzóbbá is tették a termékoldalakat, így segítve a látogatókat a tudatosabb és gyorsabb döntéshozatalban.
Az eredmény pedig nem maradt el: az A/B teszt során a vásárlási konverzió 3,13%-ról 3,7%-ra nőtt – ez 18,18%-os javulást jelentett a DermaOnline számára.
3. Termékajánlók formája – Reflexshop
Nem mindegy, hogyan jelennek meg a termékajánlók a webáruházban… ezt a Reflexshop is tapasztalta, amikor A/B teszt keretében összehasonlított két különböző megjelenítési formát.
Az egyik verzió egy klasszikus popup ajánló volt, míg a másik egy oldal alján megjelenő, fixen rögzített sticky bar.
A teszt eredménye meglepő volt: a sticky bar verzió 9,62%-os konverziós arányt ért el, míg a popup 8,15%-on teljesített.
Elsőre nem tűnik hatalmas különbségnek, de nagyobb forgalom mellett ez a néhány százaléknyi eltérés akár több száz plusz rendelést is jelenthet.
Esettanulmány: Így optimalizálta termékoldalait a Reflexshop »
4. Kosárba doboz megjelenése – Levendulagyerekcipo.hu
A Levendulagyerekcipo.hu webshopban a Shoprenter csapata azt tesztelte, hogy a termékoldalon megjelenő kosárba helyezési doboz háttérszíne milyen hatással van a vásárlói döntésekre.
Négy verzió készült: az egyik egy sötétkék háttérrel és narancssárga vagy világoskék CTA gombbal, a másik pedig világoskék háttérrel, ugyanazzal a gombszín kombinációval.
A számok egyértelműen megmutatták a különbséget.
A sötétkék hátterű verzió 25%-kal több kosárba helyezést eredményezett, míg a világoskék háttérrel ellátott változat is szépen teljesített, 22%-os növekedést hozva az eredetihez képest.
Ez is jól példázza, hogy már egy apró vizuális változtatás, például a háttérszín módosítása is mérhető hatással lehet a konverziós arányokra.
Záró gondolatok
Az A/B tesztelés az egyik legerősebb eszköz a kezedben, ha szeretnéd megtudni, mi működik valójában a webshopodban.
Nem kell hozzá más, csak egy jól átgondolt ötlet, egy kis kísérletező kedv és némi türelem.Ha úgy érzed, szívesen tanulnál még a konverzióoptimalizálásról – gyakorlati példákon keresztül, érthetően, túlbonyolítás nélkül –, akkor nézz körül a Shoprenter Konverzió Klubban.
Könnyen emészthető, azonnal alkalmazható – pont, amire egy webshop tulajnak szüksége van.
A szerzőről:
