A mobilos konverziós arányod egy százalék. Az asztali konverziós arányod öt százalék. A mobilos látogatók ugyanazt az ajánlatot látják, mint az asztaliak. Ugyanaz a termék. Ugyanazok az előnyök. Minden ugyanaz. De a mobil az asztali töredékén konvertál. A különbség nem az ajánlat. A különbség a súrlódás. A mobilon több a súrlódás. A képernyők kisebbek. A gépelés lassabb. Az űrlapok kényelmetlenek érintőképernyőn. A képek mobilhálózaton lassan töltődnek be. A fizetéshez végtelen görgetés kell. Minden lépés nehezebbnek érződik mobilon. Ez a súrlódás megöli a konverziókat. Az asztali gépen egy látogató két perc alatt kitölt egy űrlapot. Ugyanez az űrlap mobilon hét perc. A harmadik percre már abbahagyták. A mobilos konverziófejlesztés ezt a súrlódást szünteti meg. Egyszerűsíti az űrlapokat. Gyorsítja az oldalakat. Érintésre tervez újra. Kiveszi a felesleges lépéseket. A cél nem az, hogy a mobilos konverzió megegyezzen az asztalival. Hanem az, hogy megszűnjön a mesterséges súrlódás, amely megöli a mobilos konverziókat. Ez a cikk bemutatja a mobilos konverziófejlesztést, és azt, hogyan javítsd a konverziókat kis képernyőkön.
Miért alacsonyabbak a mobilos konverziók
A mobilos konverziók jogos okokból alacsonyabbak. A mobilos felhasználók el vannak terelve. Kávézókban és vonatokon vannak. Megszakítják őket. A mobil eszközök lassabbak. A hálózatok lassabbak. Az eszközöknek kisebb a számítási teljesítményük. A mobilos élmények több erőfeszítést igényelnek. A gépelés nehezebb. Görgetni kell. A kis célpontokat nehéz megérinteni. Ezek valódi korlátok. A mobiloptimalizálás nem tudja megszüntetni őket. De minimalizálhatja a hatásukat.
Űrlapoptimalizálás mobilra
Az űrlapok a legnagyobb súrlódási pontok mobilon. Egy tízmezős űrlap asztali gépen kezelhető. Mobilon végtelen görgetést igényel. Egyszerűsítsd az űrlapokat mobilra. Csökkentsd a mezőket tízről háromra. Csak a lényeges információt kérd. A nem kötelező információt a konverzió után kérd. Használj automatikus és előre kitöltést, ahol lehet. Engedd, hogy a mobilböngészők automatikusan kitöltsék az e-mail-címet és a címet. Használj olyan beviteli típusokat, amelyek megfelelő billentyűzetet hoznak fel. A telefonszám mező számbillentyűzetet hozzon fel. Az e-mail mező e-mail-billentyűzetet. Ezek a kis változtatások csökkentik a súrlódást.
Sebességoptimalizálás mobilra
A mobilhálózatok lassabbak az asztali hálózatoknál. A lassú oldalak elhagyást okoznak. Optimalizáld a képeket. Tömörítsd őket. A mobil képernyőkhöz megfelelő méretű képeket szolgálj ki. Ne küldj négy megabájtos asztali képet egy mobiltelefonra. Tömörítsd a kódot. Távolítsd el a felesleges JavaScriptet. A nem kritikus JavaScript betöltését halaszd az oldal betöltése utánra. Használj agresszív gyorsítótárazást. A statikus elemeket tárold az eszközön, hogy ne kelljen újra letölteni őket. Teszteld az oldalad sebességét mobilon. A Google PageSpeed Insights megmutatja, mit kell javítani.
Gomb- és érintésoptimalizálás
A gomboknak nagyobbnak kell lenniük mobilon. Az ujjak kevésbé pontosak, mint az egér. Az a gomb, amelyre asztali gépen könnyű kattintani, mobilon lehetetlen lehet. Legalább negyvennégy szor negyvennégy pixeles gombokat készíts. Ez nagyjából egy emberi ujj mérete. Hagyj helyet a gombok között, hogy ne lehessen véletlenül megérinteni őket. Ne tegyél két gombot közvetlenül egymás mellé. Távolítsd el a rámutatásos effektusokat. Mobilon nincs rámutatás. A rámutatásos effektusok összezavarják a mobilos felhasználókat. Cseréld őket aktív állapotokra, amelyek megmutatják, mi történik az érintéskor.
Fizetésoptimalizálás mobilra
A fizetésnél a legmagasabb a mobilos elhagyás. Egyszerűsítsd a fizetést. Az egyoldalas fizetés jobb a többoldalasnál mobilon. Csökkentsd az űrlapmezőket. Töltsd ki előre, amit tudsz. Mutasd egyértelműen az előrehaladást. Tudasd a felhasználókkal, hány lépés van hátra. Kínálj vendégként fizetést. Ne kényszeríts fiókot létrehozni vásárlás előtt. Kínálj több fizetési módot. Egyes felhasználók telefonos tárcát használnak. Egyesek a Google Pay-t. Egyesek bankkártyát. Mindegyik támogatása csökkenti a súrlódást.
A mobiloptimalizálás tesztelése
A mobilos változtatásokat tesztelj A/B teszttel. Egy egyszerűsített háromcsatornás űrlapot egy tízmezős ellen. Egy nagyobb gombot egy kisebb ellen. Egy egyoldalas fizetést egy többoldalas ellen. Mérd, melyik konvertál jobban. Vezesd be, ami működik. A mobil annyira más, hogy az asztali gépen működő változtatások mobilon nem biztos, hogy működnek. Valódi mobil eszközökön tesztelj. Böngészőben asztali gépen tesztelni nem ugyanaz, mint telefonon.
Gyakori kérdések
Készítsek mobilalkalmazást a mobil weboldalam optimalizálása helyett?
Nem feltétlenül. A mobil weboldalak a legtöbb vállalkozásnak jók. Az alkalmazásokat le kell tölteni. A letöltés súrlódás. A felhasználók ritkán töltenek le alkalmazást, hacsak nem nyújt jelentős értéket. Kezdj egy jól optimalizált mobil weboldallal. Alkalmazást csak akkor fontolgass, ha a felhasználók profitálnának az offline működésből, a push értesítésekből, vagy olyan élményből, amit a web nem tud nyújtani. A WEMASY weboldalépítőjében ezt közvetlenül a weboldaladon állíthatod be.
Hogyan optimalizáljak a különböző mobil képernyőméretekre?
Használj reszponzív designt. Egy design, amely alkalmazkodik a különböző képernyőméretekhez. A CSS média lekérdezésekkel különböző stílusokat alkalmazhatsz különböző töréspontokon. Teszteld különböző eszközökön és képernyőméreteken. Ne feltételezd, hogy minden mobil eszköz egyforma. Egy telefon és egy táblagép képernyőmérete különbözik. Mindkettőre optimalizálj.
Mi a leghatásosabb mobiloptimalizálás, amit megtehetek?
Az űrlapmezők csökkentése általában a legnagyobb hatású. A hosszú űrlapok a legnagyobb súrlódási pontok mobilon. Vágd ki a felesleges mezőket, és figyeld, ahogy javul a mobilos konverzió. A sebességoptimalizálás a második. A lassú oldalak elhagyást okoznak. Optimalizáld a képeket, és távolítsd el a felesleges kódot.
Használhatom ugyanazt a fizetést mobilon és asztali gépen?
Használhatod ugyanazt a háttérrendszert, de az előtérben eszközönként optimalizáld a megjelenést. Az asztali fizetésben lehet több mező és több lépés. A mobilos fizetésnek egyszerűbbnek kell lennie. Használj reszponzív designt, hogy egyetlen fizetés alkalmazkodjon az egyes eszközökhöz. Vagy készíts eszközspecifikus fizetést, ha van rá erőforrásod.
Hogyan tesztelhetek mobilt valódi mobil eszköz nélkül?
A böngésző fejlesztői eszközeivel szimulálhatod a mobil eszközöket. Láthatod, hogyan néz ki az oldalad különböző képernyőméreteken. De a szimuláció nem ugyanaz, mint a valódi eszköz. A valódi eszközöknek lassabb a hálózatuk és más a böngészőjük. Ha lehet, valódi eszközökön tesztelj. Kérj kölcsön telefont és táblagépet kollégáktól, ha nincs sajátod.
Mi a mobiloptimalizálás tipikus javulása?
Egy jól optimalizált mobilos élmény általában ötven-száz százalékkal javítja a konverziós arányt. Önmagában az űrlapok egyszerűsítése húsz százalékkal javíthatja a mobilos konverziót. A sebességoptimalizálás harminc százalékkal. Kombinálj több optimalizálást, és a hatás összeadódik.