Proč Google vnímá web hlavně přes mobil
Google přešel na mobile-first indexing, což znamená, že pro indexaci a hodnocení vychází primárně z mobilní verze webu. Není to jen technická formalita. V praxi to znamená, že pokud je na mobilu jiný obsah než na desktopu, pomalejší načítání nebo horší interní prolinkování, Google hodnotí právě tento mobilní zážitek jako výchozí. U většiny webů dnes navíc přichází mobilní návštěvnost zcela dominantně – u e-commerce běžně 60–80 % sessions, u lokálních služeb často ještě víc.
Google sleduje také to, jak se web chová v reálném provozu. Do hodnocení vstupují signály jako Core Web Vitals, použitelnost na malých displejích, čitelnost, stabilita layoutu a přístupnost obsahu bez zbytečných blokátorů. Jinými slovy: pokud web působí na telefonu jako kompromis, algoritmus to pozná.
Co přesně Google na mobilu měří
Nejčastěji se řeší tři metriky Core Web Vitals, ale mobilní hodnocení je širší. Z praktického hlediska sledujte tyto oblasti:
- LCP (Largest Contentful Paint) – ideálně do 2,5 s. Měří, kdy se zobrazí hlavní obsah stránky.
- INP (Interaction to Next Paint) – cílově pod 200 ms. Hodnotí odezvu webu na kliknutí a interakce.
- CLS (Cumulative Layout Shift) – ideálně pod 0,1. Sleduje, zda se layout při načítání „neposouvá“.
- Mobilní použitelnost – tlačítka, fonty, rozestupy, horizontální scroll, překryvy prvků.
- Obsahová parita – zda je na mobilu stejný text, interní odkazy a metadata jako na desktopu.
- Renderovatelnost – zda Googlebot-Mobile skutečně vidí obsah bez překážek v JavaScriptu.
Například web s LCP 4,8 s na mobilu a 1,9 s na desktopu může mít v indexaci a organické výkonnosti výrazně horší mobilní výsledky, i když desktop „vypadá dobře“. U e-shopů bývá problém často v neoptimalizovaných hero obrázcích, slideru nebo těžkých skriptech třetích stran.
Jak si mobilní web otestovat během 30 minut
Začněte vždy daty. Nepotřebujete složitý audit, abyste odhalili základní problémy. V praxi doporučuji tento postup:
- Google Search Console – zkontrolujte reporty „Core Web Vitals“ a „Použitelnost na mobilních zařízeních“.
- PageSpeed Insights – sledujte rozdíl mezi field daty a lab daty; field data jsou pro SEO důležitější.
- Lighthouse v Chrome DevTools – rychlý technický screening problémů.
- Chrome DevTools Device Mode – otestujte layout na konkrétních šířkách, například 360 × 800 px.
- WebPageTest – užitečné pro detailní waterfall, TTFB a vizuální průběh načítání.
- Mobile-Friendly Test od Google – základní kontrola, zda stránka není pro mobil problémová.
Praktický příklad: otevřete homepage, produkt a kategorii v Lighthouse. Pokud je INP slabé, většinou najdete viníka v těžkých skriptech, cookie liště, chat widgetu nebo příliš mnoha event listenerech. Pokud je problém v LCP, bývá na vině velký obrázek, pomalý server nebo render-blocking CSS.
Nejčastější chyby, které mobilní SEO zabíjejí
V mobilní optimalizaci se opakují stále stejné chyby. Tyhle patří mezi nejdražší:
- Obsah skrytý na mobilu – například dlouhé texty nebo FAQ schované za nefunkční akordeon. Google sice umí pracovat s dynamickým obsahem, ale pokud je klíčová informace skrytá nebo načítaná až po interakci, riskujete horší pochopení stránky.
- Rozdílný obsah mezi mobilem a desktopem – zkrácené texty, chybějící interní odkazy, jiné H1 nebo metadata.
- Příliš velké obrázky – mobil často stahuje stejný 2000px banner jako desktop. Přitom pro telefon stačí 750–1080 px, ideálně ve formátu WebP nebo AVIF.
- Špatné rozestupy prvků – klikací plochy pod 48 × 48 px zhoršují UX i konverze.
- Overlay a pop-upy přes celý viewport – zejména hned po vstupu. Google i uživatelé je vnímají negativně.
- Pomalé skripty třetích stran – chaty, heatmapy, trackingy, recenze, A/B testovací nástroje.
Jestli máte web postavený na WordPressu, typicky pomůže projít pluginy a odstranit vše, co není obchodně nutné. U Next.js nebo jiného moderního stacku zase často pomůže optimalizace načítání komponent, lazy loading a správné dělení JavaScriptu.
Co upravit, aby mobilní verze začala fungovat pro SEO i byznys
Mobilní optimalizace není jen o rychlosti. Cílem je, aby uživatel i Google dostali stejnou kvalitu informací bez zbytečné zátěže. Zaměřte se na tyto kroky:
- Responzivní design jako základ – používejte CSS breakpoints chytře, ne jen „zmenšený desktop“.
- Prioritizace obsahu – na mobilu musí být nad foldem jasné, co stránka nabízí, pro koho je a jaká je další akce.
- Optimalizace obrázků – srcset, moderní formáty, komprese, správné rozměry podle viewportu.
- Minimalizace JS – odkládejte neklíčové skripty, využijte defer/async, odstraňte zbytečný client-side rendering tam, kde není nutný.
- Preload důležitých zdrojů – fonty, hero obrázky a kritické CSS.
- Stabilní layout – vždy rezervujte místo pro bannery, recenze, cookies i dynamické prvky, aby nedocházelo k posunu obsahu.
U obsahu je důležité myslet i na vyhledávací záměr. Mobilní uživatel často hledá rychlou odpověď, cenu, adresu, dostupnost nebo kontakt. Proto na mobilu fungují lépe krátké bloky, přehledné tabulky, jasné CTA a FAQ sekce. Z pohledu SEO navíc dává smysl doplnit schema markup – například Product, FAQPage, LocalBusiness nebo BreadcrumbList. Pomáhá to strojovému pochopení obsahu, což je v době AI vyhledávání čím dál důležitější.
Jak mobilní výkon průběžně hlídat a neztratit pozice
Jednorázová optimalizace nestačí. Každá úprava pluginu, kampaně, šablony nebo skriptu může mobilní výkon zhoršit. Proto nastavte pravidelný monitoring. V Google Search Console sledujte vývoj Core Web Vitals minimálně jednou týdně a porovnávejte mobilní a desktopové URL. V GA4 si vytvořte segment pro mobilní návštěvnost a sledujte engagement rate, konverze, odchody a rychlost načítání v souvislosti s obchodními výsledky.
Na technické úrovni doporučuji mít jednoduchý checklist pro každý release:
- změřit LCP, INP a CLS před i po nasazení,
- zkontrolovat render v mobilním zařízení,
- porovnat HTML výstup pro desktop a mobile,
- ověřit, že klíčové texty, odkazy a strukturovaná data zůstaly zachované,
- pohlídat, že se nezhoršila indexace důležitých stránek.
Pokud máte lokální byznys, mobilní optimalizace je ještě důležitější. Uživatel na telefonu hledá rychle, často v pohybu, a rozhoduje se během několika sekund. Když web na mobilu načítá pomalu nebo je nepřehledný, ztrácíte nejen organickou viditelnost, ale i návštěvy do prodejny, poptávky a telefonáty. Google dnes opravdu hodnotí váš web očima telefonu – a ten pohled je mnohem přísnější, než si většina firem připouští.
