Váš mobilní konverzní poměr je jedno procento. Váš konverzní poměr na počítači je pět procent. Mobilní návštěvníci vidí stejnou nabídku jako návštěvníci na počítači. Stejný produkt. Stejné přínosy. Všechno stejné. Ale mobil konvertuje jen na zlomek toho, co počítač. Rozdíl není v nabídce. Rozdíl je v tření. Mobil má víc tření. Obrazovky jsou menší. Psaní je pomalejší. Formuláře jsou na dotykových obrazovkách nepohodlné. Obrázky se v mobilních sítích načítají dlouho. Objednávka vyžaduje nekonečné rolování. Každý krok je na mobilu těžší. Toto tření konverze zabíjí. Návštěvník na počítači vyplní formulář za dvě minuty. Stejný formulář na mobilu trvá sedm minut. Ve třetí minutě už ho opustí. Optimalizace mobilních konverzí toto tření odstraňuje. Zjednodušuje formuláře. Zrychluje stránky. Přepracovává návrh pro dotyk. Odstraňuje zbytečné kroky. Cílem není, aby se mobilní konverze vyrovnala konverzi na počítači. Cílem je odstranit umělé tření, které mobilní konverze zabíjí. Tento článek vysvětluje optimalizaci mobilních konverzí a jak zlepšit konverze na malých obrazovkách.
Proč jsou mobilní konverze nižší
Mobilní konverze jsou nižší z oprávněných důvodů. Mobilní uživatelé jsou rozptýlení. Sedí v kavárnách a jezdí vlaky. Jsou vyrušováni. Mobilní zařízení jsou pomalejší. Sítě jsou pomalejší. Zařízení mají menší výkon. Mobilní zážitky vyžadují víc úsilí. Psaní je těžší. Je potřeba rolovat. Trefit malé cíle je obtížné. To jsou skutečná omezení. Mobilní optimalizace tato omezení odstranit nemůže. Ale může minimalizovat jejich dopad.
Optimalizace formulářů pro mobil
Formuláře jsou na mobilu největším bodem tření. Desetipolový formulář je na počítači zvládnutelný. Na mobilu vyžaduje nekonečné rolování. Pro mobil formuláře zjednodušte. Snižte počet polí z deseti na tři. Ptejte se jen na nezbytné informace. Na nepovinné informace se ptejte až po konverzi. Kdykoli to jde, používejte automatické a předvyplnění. Nechte mobilní prohlížeče, aby e-mail a adresu vyplnily automaticky. Používejte typy polí, které vyvolají odpovídající klávesnici. Pole pro telefonní číslo by mělo vyvolat číselnou klávesnici. Pole pro e-mail by mělo vyvolat e-mailovou klávesnici. Tyto malé změny tření snižují.
Optimalizace rychlosti pro mobil
Mobilní sítě jsou pomalejší než sítě pro počítače. Pomalé stránky způsobují opuštění. Optimalizujte obrázky. Komprimujte je. Pro mobilní obrazovky servírujte obrázky vhodné velikosti. Nepodávejte mobilnímu telefonu čtyřmegabajtový obrázek pro počítač. Zmenšete kód. Odstraňte zbytečný JavaScript. Načítání nekritického JavaScriptu odložte až po načtení stránky. Používejte agresivní mezipaměť. Statické soubory ukládejte do zařízení, aby se nemusely stahovat znovu. Rychlost stránky na mobilu otestujte. Google PageSpeed Insights vám ukáže, co opravit.
Optimalizace tlačítek a dotyku
Tlačítka musí být na mobilu větší. Prsty jsou méně přesné než myš. Tlačítko, na které se na počítači snadno klikne, může být na mobilu nemožné. Dělejte tlačítka alespoň čtyřicet čtyři krát čtyřicet čtyři pixelů. To je zhruba velikost lidského prstu. Tlačítka od sebe oddělte, aby nešla omylem stisknout. Nedávejte dvě tlačítka přímo vedle sebe. Odstraňte efekty při najetí myší. Na mobilu najetí neexistuje. Efekty při najetí mobilní uživatele mate. Nahraďte je aktivními stavy, které ukazují, co se stane, když klepnete.
Optimalizace objednávky pro mobil
Objednávka je místo, kde je opuštění na mobilu nejvyšší. Objednávku zjednodušte. Jednostránková objednávka je na mobilu lepší než vícestránková. Snižte počet polí formuláře. Předvyplňte to, co víte. Jasně ukazujte postup. Dejte uživatelům vědět, kolik kroků zbývá. Nabídněte objednávku bez registrace. Nenuťte k vytvoření účtu před nákupem. Nabídněte víc platebních metod. Někteří uživatelé mají Apple Pay. Někteří Google Pay. Někteří používají platební karty. Podpora všech tření snižuje.
Testování mobilní optimalizace
Změny pro mobil A/B testujte. Zjednodušený třípolový formulář proti desetipolovému. Větší tlačítko proti menšímu. Jednostránkovou objednávku proti vícestránkové. Změřte, co konvertuje lépe. Zaveďte to, co funguje. Mobil je natolik odlišný, že změny, které fungují na počítači, nemusí fungovat na mobilu. Testujte na skutečných mobilních zařízeních. Testování v prohlížeči na počítači není totéž jako testování na telefonu.
Často kladené otázky
Mám místo optimalizace mobilního webu vytvořit mobilní aplikaci?
Ne nutně. Mobilní weby fungují pro většinu firem. Aplikace vyžadují stažení. Stažení je tření. Uživatelé si aplikace stahují zřídka, pokud nenabízejí významnou hodnotu. Začněte dobře optimalizovaným mobilním webem. Aplikaci zvažte jen tehdy, když by uživatelé měli prospěch z offline funkcí nebo push oznámení nebo z lepšího zážitku, než web umožňuje. S Tvůrcem webů WEMASY to můžete nastavit přímo na svém webu.
Jak optimalizovat pro různé velikosti mobilních obrazovek?
Používejte responzivní návrh. Jeden návrh, který se přizpůsobí různým velikostem obrazovek. Pomocí CSS media queries můžete na různých bodech zlomu použít různé styly. Testujte na různých zařízeních a velikostech obrazovek. Nepředpokládejte, že jsou všechna mobilní zařízení stejná. Telefon a tablet mají různé velikosti obrazovek. Optimalizujte pro obojí.
Jaká je nejúčinnější mobilní optimalizace, kterou můžu udělat?
Největší dopad obvykle má snížení počtu polí formuláře. Dlouhé formuláře jsou na mobilu největším bodem tření. Vyřaďte zbytečná pole a uvidíte, jak se mobilní konverze zlepší. Druhá je optimalizace rychlosti. Pomalé stránky způsobují opuštění. Optimalizujte obrázky a odstraňte zbytečný kód.
Můžu pro mobil a počítač používat stejnou objednávku?
Můžete sdílet stejné zázemí, ale prezentaci pro každé zařízení optimalizovat. Objednávka na počítači může mít víc polí a víc kroků. Objednávka na mobilu by měla být jednodušší. Použijte responzivní návrh, aby se jedna objednávka přizpůsobila každému zařízení. Nebo vytvořte objednávky specifické pro zařízení, pokud na to máte prostředky.
Jak otestuji mobil bez skutečného mobilního zařízení?
Vývojářské nástroje prohlížeče umožňují mobilní zařízení simulovat. Uvidíte, jak váš web vypadá na různých velikostech obrazovek. Simulace ale není totéž co skutečná zařízení. Skutečná zařízení mají pomalejší sítě a jiné prohlížeče. Kdykoli to jde, testujte na skutečných zařízeních. Pokud nemáte vlastní, půjčte si telefony a tablety od kolegů.
Jaké je typické zlepšení z mobilní optimalizace?
Dobře optimalizovaný mobilní zážitek obvykle zlepší konverzní poměry o padesát až sto procent. Samotné zjednodušení formuláře může zlepšit mobilní konverzi o dvacet procent. Optimalizace rychlosti ji může zlepšit o třicet procent. Zkombinujte víc optimalizací a dopad se sčítá.