Mobilní verze už není „menší web“. Je to hlavní verze pro Google i uživatele
Většina webů se stále navrhuje na velké obrazovce a až potom se „přizpůsobí“ mobilu. To byl ještě před pár lety rozumný postup, dnes je to problém. Google používá mobile-first indexing, tedy primárně vyhodnocuje mobilní verzi webu. Pokud je na mobilu méně obsahu, chybí interní odkazy, skripty blokují vykreslení nebo je stránka pomalá, SEO dopadá hůř, i když desktop vypadá skvěle.
Současně se mění i chování uživatelů. Na mobilu je mnohem menší tolerance k čekání, nepřehlednosti a špatné ovladatelnosti. Data z praxe dlouhodobě ukazují, že už při načítání nad 3 sekundy výrazně roste odchodovost. U e-shopů a lead-gen webů to znamená přímou ztrátu tržeb i poptávek.
Co Google na mobilu skutečně sleduje
Google nehodnotí jen „hezký design“, ale konkrétní signály kvality. V mobilním prostředí jsou klíčové hlavně tyto oblasti:
- Core Web Vitals – zejména LCP, INP a CLS.
- Čitelnost a použitelnost – velikost písma, rozestupy, klikatelnost prvků.
- Shoda obsahu mezi mobilní a desktop verzí – co není na mobilu, jako by pro Google často neexistovalo.
- Technická dostupnost – blokované CSS, JS, obrázky nebo lazy-load chyby.
- Struktura stránek – interní prolinkování, navigace, breadcrumbs, schema markup.
V Search Console se mobilní problémy často projeví nenápadně: stránka je indexovaná, ale má slabší pozice, nižší CTR nebo horší pokrytí dlouhých dotazů. Důvodem bývá právě to, že mobilní verze nedává algoritmu dostatek kvalitních signálů.
Nejčastější mobilní chyby, které ničí SEO i konverze
V auditovaných webech se opakují pořád stejné problémy. Nejsou to kosmetické detaily, ale chyby, které mají měřitelný dopad.
1. Obsah je na mobilu ořezaný
Častý omyl: na desktopu je detailní text, FAQ, recenze, parametry i interní odkazy, ale na mobilu zůstane jen zkrácený blok. To je špatně pro SEO i pro uživatele. Pokud desktop obsahuje 1 500 slov a mobil jen 700, Google dostává na mobile-first indexu méně signálů o relevanci stránky.
Prakticky to znamená: zachovat stejný významový obsah na obou verzích. Můžete měnit layout, ale ne hodnotu obsahu.
2. CLS kvůli poskakujícím prvkům
CLS (Cumulative Layout Shift) je na mobilu často horší než na desktopu. Typický problém: bannery, cookie lišty, reklamy, dynamicky vkládané obrázky nebo fonty bez rezervovaného prostoru. Uživatel klikne na tlačítko a v poslední chvíli mu „ujede“ pod prst jiný prvek. To je frustrující a Google to vidí jako slabší UX.
Cíl je jednoduchý: držet CLS ideálně pod 0,1. Pokud máte hodnoty 0,25 a víc, je to už výrazný problém.
3. Pomalý LCP kvůli velkým hero obrázkům a skriptům
LCP (Largest Contentful Paint) často zabíjí především první velký obrázek, banner nebo hlavní nadpis s těžkou grafikou. Na mobilu je ještě důležitější než na desktopu, protože sítě jsou méně stabilní a zařízení slabší.
V praxi se vyplatí:
- komprimovat hero obrázky do moderních formátů jako WebP nebo AVIF,
- správně nastavit dimensions,
- nepoužívat zbytečně autoplay video v úvodu,
- odložit neesenciální skripty.
Za rozumný cíl berte LCP pod 2,5 s, ideálně i méně na 4G mobilním připojení.
4. Menu a CTA nejsou palcem ovladatelné
Na mobilu musí být všechno dosažitelné jednou rukou. Příliš malé tap targety, příliš blízko u sebe umístěná tlačítka nebo schované menu výrazně zhoršují konverzi. Google sice nečte „palcový komfort“ přímo, ale sleduje signály spokojenosti uživatelů, které se do hodnocení propisují nepřímo.
Dobrá praxe: tlačítka mít minimálně kolem 44 × 44 px, hlavní CTA viditelné bez zbytečného scrollu a navigaci jednoduchou i pro menší obrazovky.
Jak mobilní chaos změřit: nástroje, které dávají odpovědi
Bez dat je optimalizace jen dojem. Pro mobilní web doporučuji kombinovat několik nástrojů, protože každý ukáže jiný typ problému.
- Google Search Console – Mobile Usability, Core Web Vitals, indexace, výkon na mobilech.
- PageSpeed Insights – rychlý přehled LCP, INP, CLS a konkrétní doporučení.
- Chrome DevTools – simulace mobilních zařízení, throttling sítě a CPU.
- Lighthouse – technický audit výkonu a přístupnosti.
- WebPageTest – detailní waterfall, filmstrip a reálné zobrazení načítání.
- GA4 – porovnání mobil vs. desktop: bounce rate, engagement, konverze, scrollování.
U klientských webů se osvědčuje jednoduchý postup: vybrat top 10 vstupních stránek z organiku, otestovat je na mobilu přes PageSpeed Insights a WebPageTest a porovnat s daty v GA4. Často se ukáže, že 80 % problémů dělá jen několik šablon.
Co opravit jako první, aby byl dopad na SEO i byznys co nejrychlejší
Ne všechny chyby mají stejnou váhu. Prioritizace je zásadní, jinak strávíte hodiny laděním detailů a hlavní problém zůstane.
Rychlá priorita 1: výkon nad záhybem
První obrazovka rozhoduje. Zrychlete načtení hlavního obsahu, omezte počet externích skriptů a zkontrolujte, zda se hlavní obrázek nenačítá až po zbytečném JS. U WordPressu často pomůže odlehčení builderu, omezení pluginů a cache přes LiteSpeed Cache, WP Rocket nebo serverovou cache.
Priorita 2: stabilita rozvržení
Vyhraďte prostor pro bannery, obrázky i vložené prvky. Pokud používáte reklamy nebo dynamické bloky, nastavte pevné rozměry. U fontů používejte font-display: swap a sledujte, jestli nepůsobí „neviditelný text“ při načítání.
Priorita 3: obsahová parita
Zkontrolujte, zda mobilní verze neukrývá texty, FAQ, recenze, odkazy na související obsah nebo produktové parametry. Pokud něco schováváte do akordeonů, není to automaticky špatně, ale obsah musí být stále přítomný v HTML a snadno dohledatelný.
Priorita 4: interní prolinkování a struktura
Na mobilu bývá navigace zjednodušená až moc. Výsledek? Slabší procházení webu, horší distribuce autority a menší šance, že se uživatel dostane k dalším relevantním stránkám. Využívejte breadcrumbs, související články, odkazy v textu a jasnou hierarchii nadpisů.
Jak z mobilu udělat výhodu, ne kompromis
Dobře optimalizovaný mobilní web není jen „stejný web v menším“. Je to prostředí, které podporuje rychlé rozhodnutí, snadnou orientaci a vyšší důvěru. U obsahových webů to znamená lepší čtenost a delší engagement. U e-shopů vyšší přidání do košíku. U lead-gen webů více odeslaných formulářů.
Nejlépe funguje přístup, kdy se mobil navrhuje jako primární scénář:
- nejdůležitější informace nahoře,
- jasná CTA,
- minimum rušivých prvků,
- rychlé načítání i na slabším zařízení,
- obsah strukturovaný do krátkých bloků a přehledných sekcí.
Pokud web pravidelně vyhodnocujete, sledujte mobilní segment samostatně. Porovnávejte organickou návštěvnost, konverzní poměr, dobu zapojení i rychlost načtení. Rozdíl mezi „hezkým webem“ a skutečně výkonným webem bývá právě v tom, že mobilní chaos je vidět až v datech. A Google ho vidí dřív než vy.
