Je mobilní verze webu v pořádku? Devět věcí, které se lámou nejčastěji

Rychlá odpověď: vezměte telefon, vypněte wifi, najděte se v Googlu a projděte web tak, jak by ho procházel zákazník. Pět minut téhle zkoušky vám řekne víc než jakýkoliv nástroj, protože většina mobilních poruch není v kódu, ale na displeji.

Jedna věc, kterou je dobré vědět předem, protože kvůli ní posílá půlka internetu lidi do prázdna: Google svůj Test použitelnosti na mobilu zrušil a se sestavou Použitelnost na mobilu v Search Console skončil koncem roku 2023. Když vás návod posílá na tyhle dva nástroje, je starý nejmíň dva roky. Kontrolovat se to musí jinak.

Na tom, že to zkontrolovat chcete, se nic nemění. Google hodnotí weby podle jejich mobilní verze, ne podle té na počítači. Co se na telefonu rozsype, rozsype se i v očích vyhledávače.

U webů, které mi lidé posílají s tím, že jim „nefunguje mobil“, se pořád dokola opakuje těchhle devět věcí.

1. Web se na telefonu ukáže zmenšený jako na počítači

Nejhorší a naštěstí už vzácná porucha. Stránce chybí v kódu jeden řádek, který prohlížeči říká, že se má přizpůsobit šířce displeje. Bez něj telefon nakreslí web jako na monitoru a zmenší ho, takže je text nečitelný a musí se přibližovat prsty. Tohle pozná kontrola z kódu a hlásí to jako chybu.

2. Zakázané přibližování prsty

Někdo do téhož řádku dopsal, že si návštěvník nesmí stránku zvětšit. Většinou to udělal proto, aby se rozvržení „nerozbíjelo“. Důsledek: člověk s horším zrakem si text nezvětší a odejde. Oprava je smazat z toho řádku dvě slova. Kontrola to najde a napíše, co odkud smazat.

3. Stránka se dá posouvat do stran

Klasika. Někde je jeden široký prvek, obvykle tabulka s ceníkem, vložené video nebo obrázek s pevnou šířkou v obrazových bodech, a ten roztáhne celou stránku. Pozná se to tak, že jde obsahem šoupat doleva a doprava. Najdete to za minutu: rolujte a dívejte se, u které sekce začne jít stránka do stran.

4. Telefon a e-mail nejdou klepnout

Číslo je na stránce napsané jako obyčejný text nebo jako obrázek. Na počítači je to jedno, na mobilu je to ztracená zakázka, protože se musí opisovat do klávesnice. Telefon má být odkaz, který vytočí, e-mail odkaz, který otevře poštu. U firemního webu je tohle první věc, kterou kontroluju ručně.

5. Obsah při načítání poskakuje

Začnete číst, doskočí obrázek nad textem a odstavec ujede dolů. Nebo miřte na odkaz a v tu chvíli naskočí lišta se souhlasy. Příčina bývá v obrázcích, které nemají v kódu uvedenou šířku a výšku, takže jim prohlížeč nenechá místo předem. Tohle kontrola měří a při větším počtu takových obrázků to hlásí jako chybu.

6. Lišta se souhlasy přes půl obrazovky

Na počítači zabere proužek dole, na telefonu polovinu displeje. Když je k tomu tlačítko na odmítnutí schované nebo křížek mimo dosah palce, část lidí se prostě vrátí do výsledků. Otevřete si vlastní web v anonymním okně a podívejte se, kolik obsahu z první obrazovky vůbec zbyde.

7. Tlačítka příliš blízko u sebe a malý text

Odkazy v patičce nebo v menu nalepené na sebe, ke kterým se palcem nedá trefit. Text pod zhruba šestnácti body, který se musí přibližovat. Tohle se z kódu spolehlivě nepozná, musí se vidět. Zkouška je jednoduchá: projděte celý web jen palcem jedné ruky.

8. Fotky se stahují všechny naráz

Na mobilních datech se čeká i na fotky úplně dole na stránce, ke kterým se nikdo nedoroluje. Řeší se odloženým načítáním, které dnes umí většina redakčních systémů sama, jen se to musí zapnout. Kontrola se dívá, jestli je zapnuté.

9. Formulář, který se na telefonu nedá vyplnit

Pole jsou úzká, u telefonního čísla naskočí písmenková klávesnice místo číselné, a po odeslání se neobjeví žádné potvrzení, takže člověk neví, jestli se to poslalo. Poslední bod si otestujte doopravdy: vyplňte vlastní formulář z telefonu a počkejte, jestli vám e-mail přijde.

Nástroj, který by řekl „mobilní verze je v pořádku“ jedním razítkem, dneska nemáte. Nahradíte ho třemi věcmi, které dohromady zaberou čtvrt hodiny:

1. Zkouška na vlastním telefonu. Pět kroků z obrázku nahoře. Vypnutá wifi, příchod z vyhledávání, klepnutí na telefon, formulář palcem, otočení na šířku.
2. Zúžené okno na počítači. Zmenšete okno prohlížeče na šířku dlaně a rolujte. Většina poruch s posouváním do stran vyleze hned a nemusíte kvůli tomu sahat po telefonu.
3. Kontrola kódu. Ta najde věci, které na displeji nevidíte, ale Google je čte: chybějící nastavení pro mobil, zakázané přibližování, obrázky bez rozměrů, odložené načítání a odezvu serveru.

Rychlost je na mobilu jiná disciplína

Telefon má slabší procesor a horší připojení. Kód, který počítač projde za desetinu vteřiny, zaměstná telefon na celou vteřinu, takže se stejný web chová na mobilu úplně jinak. Když vám na počítači web letí a na telefonu se vleče, není to vaše zdání. Kde se ten čas ztrácí, rozebírám v článku proč se web načítá pomalu, a čísla, kterými to Google měří, jsou v článku o Core Web Vitals.

Mobilní verze sama o sobě návštěvy nepřivede

Tohle je potřeba říct nahlas. Web přizpůsobený mobilu je dnes samozřejmost, ne konkurenční výhoda. Že web na telefonu vypadá dobře, neznamená, že ho někdo najde. O tom rozhoduje, co je na stránce napsané, jaký má titulek, jestli má popisek do vyhledávání a jestli odpovídá na to, co lidé hledají. Tomu se říká on-page SEO a je to práce na stránce samotné.

Pořadí, ve kterém to řešit, je jednoduché: nejdřív ať vás lidé najdou, pak ať u vás na telefonu vydrží. Kdo obrátí pořadí, vylepšuje zážitek návštěvníkům, kteří nepřicházejí.