Mobilní verze webu: co se hodnotí a co lidi vyhání pryč

Google od roku 2023 hodnotí výhradně mobilní verzi. Verze pro počítač se nestahuje. Co na mobilu není, pro vyhledávač neexistuje, i kdyby to na velké obrazovce bylo vidět.

Co musí být v pořádku

Nejčastější chyba: obsah, který mobilní šablona zahodí

Řada šablon řeší mobil tím, že bloky skryje pravidlem display: none. To je v pořádku, protože obsah v HTML zůstává. Vážnější je, když se blok na mobilu vůbec nevykreslí na serveru. Pak v HTML není a robot ho nevidí.

Rozdíl se pozná jednoduše: otevřete si zdrojový kód stránky na mobilu, respektive s mobilním user agentem, a vyhledejte větu z podezřelého bloku. Když tam není, nejde o skrytí stylem, ale o vypuštění.

Co lidi z mobilu vyhání

• Vyskakovací okno hned po načtení. Na malé obrazovce zabere celou plochu. Odložte ho aspoň za první odrolování.
• Lišta se souhlasem, která nejde zavřít jedním prstem.
• Tabulky, které přetečou. Řeší se obalením do prvku s vodorovným posuvem, ne zmenšením písma.
• Formuláře bez správné klávesnice. Pole pro telefon musí mít type="tel", e-mail type="email". Bez toho člověk píše číslo na abecední klávesnici.
• Odkazy nalepené na sebe. Patička s deseti odkazy v jednom sloupci bez mezer je nepoužitelná.
• Posun rozvržení při načítání. Reklama nebo obrázek bez uvedených rozměrů odsune text ve chvíli, kdy ho člověk začne číst.

Jak si mobilní verzi ověřit

1. Na skutečném telefonu. Simulace v prohlížeči neukáže dotykové ovládání ani skutečnou rychlost na mobilní síti.
2. V nástrojích pro vývojáře zapněte mobilní zobrazení a omezení rychlosti na pomalou síť. Ukáže, co uvidí někdo mimo město.
3. V Search Console nástrojem Kontrola adresy URL. Ukáže vykreslenou stránku očima mobilního robota.
4. Porovnejte HTML. Stáhněte stránku s mobilním a s počítačovým user agentem a rozdíly projděte. Chybějící bloky jsou problém.

Rychlost na mobilu

Mobil má slabší procesor a horší připojení. Stejná stránka, která se na počítači načte za sekundu, může na mobilu trvat čtyři. Nejčastější příčiny v tomto pořadí:

1. Obrázky v plné velikosti pro počítač, servírované i na mobil.
2. Skripty třetích stran, hlavně měření a chaty.
3. Písma stahovaná z cizí domény.
4. Vykreslování obsahu až JavaScriptem.

Časté dotazy

Co znamená, že se hodnotí mobilní verze?

Google od roku 2023 stahuje a hodnotí weby výhradně mobilním robotem. Verze pro počítač se nezpracovává vůbec. Prakticky to znamená, že obsah, který se na mobilu skrývá nebo nenačte, pro vyhledávač neexistuje. Nejčastěji se to týká rozsáhlé navigace, tabulek a doplňujících bloků, které mobilní šablona vypouští.

Je responzivní web, nebo samostatná mobilní verze?

Responzivní. Jedna adresa, jeden obsah, jen jiné rozvržení. Samostatná mobilní verze na jiné doméně znamená dvojí údržbu, nutnost hreflang obdoby a riziko, že se obě verze rozejdou. Google responzivní řešení dlouhodobě doporučuje a v Česku už samostatné mobilní weby prakticky vymizely.

Musí být na mobilu vidět úplně všechno, co je na počítači?

Hlavní obsah ano, včetně textu skrytého v záložkách nebo harmonikách, který v HTML zůstává. Vypustit se dají doplňky, které nenesou informaci: široké postranní panely, dekorativní obrázky, druhá navigace. Rozhodovací pravidlo je jednoduché: kdyby ta část zmizela z indexu, přišli byste o návštěvy?