Mobilní výkon rozhoduje o viditelnosti i tržbách
Google už několik let indexuje weby primárně podle mobilní verze. To znamená, že pokud je mobilní web horší než desktopový, neřešíte jen UX problém, ale i přímý SEO dopad. V praxi to vidíme na projektech, kde mobil tvoří 60 až 85 % všech návštěv, ale zároveň generuje nejvíc odchodů a nejméně konverzí.
Podle dat z praxe se rozdíl v míře okamžitého opuštění mezi rychlým a pomalým mobilem běžně pohybuje v desítkách procent. Google navíc uvádí, že s každou další sekundou načítání roste pravděpodobnost odchodu. U mobilu je to ještě citlivější, protože uživatel často jede na horším signálu, slabším zařízení a s menší trpělivostí.
Jestli web na mobilu ztrácí návštěvníky, obvykle se to projeví v jednom nebo více z těchto bodů: propad organické návštěvnosti z mobilu, nižší CTR ve výsledcích hledání, kratší doba na stránce, horší konverze a slabší pozice na dotazy s vysokým podílem mobilního vyhledávání.
1. Pomalé načítání, které zabíjí první dojem
Nejčastější problém je stále rychlost. Na mobilu není kritická jen celková doba načtení, ale hlavně LCP (Largest Contentful Paint), INP (Interaction to Next Paint) a CLS (Cumulative Layout Shift). Pokud se hlavní obsah zobrazí pozdě nebo se stránka při načítání „hýbe“, uživatel ztrácí důvěru i chuť pokračovat.
Za bezpečný cíl se dnes považuje LCP do 2,5 s, INP pod 200 ms a CLS pod 0,1. V reálném auditu ale často narážíme na mobily s LCP 4–7 s a CLS nad 0,25. To už je stav, kdy se web chová pomalu i na relativně dobrém telefonu, natož na levnějším zařízení.
Co zpomaluje mobilní web nejčastěji
- neoptimalizované obrázky bez WebP/AVIF a bez správných rozměrů,
- příliš těžký JavaScript, zejména zbytečné knihovny a widgety,
- mnoho externích skriptů: chaty, trackery, remarketing, mapy, embed videa,
- chybějící lazy loading u obrázků pod foldem,
- špatně nastavený caching a pomalý hosting.
Praktický postup: otevřete PageSpeed Insights, Lighthouse a Chrome DevTools. Sledujte, co blokuje vykreslení nad foldem. U e-shopů bývá typický problém hero banner v plné velikosti, který má třeba 800 KB, zatímco hlavní text čeká na dojetí skriptů. Už samotné zmenšení obrázku a odložení méně důležitých JS částí často zlepší LCP o 20 až 40 %.
2. Mobilní UX, které nutí uživatele utéct
Na mobilu se neodpouští špatná ovladatelnost. Malé klikací plochy, přilepené bannery, agresivní pop-upy nebo menu, které překryje celý obsah, jsou přesně ty prvky, kvůli nimž uživatel odejde během pár vteřin. A když se to děje systematicky, Google to vidí v chování návštěvníků i v signálech kvality stránky.
Častý problém je také nečitelnost. Příliš malé písmo, nízký kontrast, dlouhé odstavce bez členění a nekonečné bloky textu způsobují, že mobilní stránka vypadá „rozbitě“, i když je technicky funkční. Pro mobil doporučuji minimálně 16 px pro základní text, dostatečné řádkování a jasnou hierarchii nadpisů.
Rychlý checklist UX chyb
- tlačítka mají menší aktivní plochu než cca 44 × 44 px,
- hlavní CTA je až pod několika obrazovkami obsahu,
- formulář má příliš mnoho polí a špatně funguje autocomplete,
- sticky lišty zakrývají obsah nebo zhoršují scroll,
- pop-up se zobrazí hned po vstupu a blokuje čtení.
U mobilního UX pomáhá jednoduché pravidlo: pokud uživatel potřebuje přemýšlet, kam kliknout, je to špatně. Testujte web na reálném telefonu, ne jen v desktopovém emulátoru. V Hotjaru nebo Microsoft Clarity sledujte nahrávky relací a heatmapy. Uvidíte, kde lidé klikají opakovaně, kde scrollují zpět a kde se zasekávají.
3. Obsah, který na mobilu nedává vyhledávači ani lidem dost signálů
Google dnes mnohem lépe chápe téma stránky, ale jen pokud je obsah strukturovaný a čitelný. Na mobilu se často stává, že důležité informace jsou schované v záložkách, akordeonech nebo za prvním klikem. To může být problém, pokud tím omezíte dostupnost klíčového obsahu pro uživatele i pro crawler.
Nejde o to, že by akordeony byly zakázané. Problém nastává, když je obsah zbytečně skrytý, přepsaný obrázkem nebo rozdělený tak, že stránka nedokáže jasně odpovědět na hledaný dotaz. U mobilních výsledků navíc roste význam rychlé odpovědi a přehledné struktury, protože uživatel často hledá řešení „na první dobrou“.
Jak obsah upravit pro mobilní vyhledávání
- začněte jasnou odpovědí v prvních 2–3 větách,
- používejte kratší odstavce a konkrétní podnadpisy,
- doplňte tabulky, seznamy a FAQ sekce,
- u produktů a služeb ukažte cenu, parametry a dostupnost co nejvýše,
- nepřekládejte klíčové informace do obrázků bez textové alternativy.
Pro SEO je důležitý i vyhledávací záměr. Mobilní uživatel často hledá rychlé porovnání, adresu, telefon, cenu nebo dostupnost. Pokud má stránka dlouhý úvod a odpověď až dole, ztrácíte nejen návštěvníka, ale i šanci uspět v AI Overviews nebo v klasických výsledcích, kde rozhoduje relevance a struktura odpovědi.
4. Technické chyby, které mobilní verzi oslabují v indexaci
Mobilní propad nemusí být jen o designu. Často je problém v technickém nastavení. Na webu se pak liší obsah mezi desktopem a mobilem, některé prvky se nenačtou správně nebo crawler dostane jinou verzi stránky, než vidí uživatel. V době mobile-first indexace je to zásadní problém.
Typické chyby zahrnují blokování CSS a JS v robots.txt, rozdílné interní odkazy na mobilu, chybějící canonical, nefunkční přesměrování, pomalé TTFB nebo nekonzistentní schema markup. Pokud Google na mobilu nevidí stejný obsah jako uživatel, může stránku vyhodnotit jako méně kvalitní nebo hůř pochopitelnou.
Co zkontrolovat v Search Console a crawleru
- URL Inspection – zda je mobilní render skutečně správný,
- Core Web Vitals – hlavně rozdíl mezi mobilní a desktopovou zkušeností,
- Coverage / Indexing – jestli nejsou problémy s mobilně přístupným obsahem,
- Screaming Frog nebo Sitebulb – zda má mobil stejnou strukturu interních odkazů,
- Rich Results Test – zda se schema markup načítá i na mobilní verzi.
U moderních webů na Next.js, WordPressu nebo headless řešení bývá častý problém v nadměrném klientském renderingu. Pokud se důležitý obsah načítá až po vykreslení JavaScriptem, může být sice viditelný pro uživatele, ale pro vyhledávač hůř dostupný nebo pomaleji zpracovaný. V takových případech pomáhá server-side rendering, statické generování nebo aspoň pečlivě nastavený prerender.
5. Jak poznat, že mobilní problém ničí i SEO výsledky
Správná diagnostika není o pocitu, ale o datech. V Google Analytics 4 si rozdělte výkon podle zařízení a sledujte mobilní versus desktopové metriky: engagement rate, konverzní poměr, průměrnou dobu zapojení a cesty uživatelů. V Google Search Console porovnejte mobilní kliky, zobrazení a CTR u klíčových stránek.
Když vidíte, že stránka má na mobilu vysoké zobrazení, ale nízké CTR, bývá problém v title a meta description, ale někdy i v tom, že Google vyhodnocuje stránku jako méně kvalitní kvůli pomalosti nebo špatnému UX. Pokud je CTR slušné, ale návštěvníci odcházejí během několika sekund, problém je spíš v obsahu, rychlosti nebo použitelnosti.
Velmi užitečný je také segment podle vstupních stránek. Najděte top 20 mobilních landing pages a porovnejte jejich výkon. U většiny webů se ukáže, že malá skupina stránek generuje většinu problému. Právě tam má smysl začít:
- zkrátit dobu načtení o 1 až 2 sekundy,
- upravit první obrazovku a CTA,
- zjednodušit formulář,
- přesunout důležitý obsah výše,
- odstranit rušivé prvky, které blokují čtení.
Mobilní optimalizace není jednorázový zásah, ale průběžná práce s daty. Jakmile se web začne chovat rychleji, přehledněji a technicky čistěji, obvykle se zlepší nejen pozice, ale i kvalita návštěvnosti. A právě to je na mobilu rozhodující: ne dostat více lidí na web, ale udržet je dost dlouho na to, aby udělali další krok.
