Zjistěte, co je Mobile-First Indexing a jak připravit svůj web pro mobily, abyste zvýšili SEO a viditelnost ve vyhledávání.
Danni Jessen
V posledních letech Google postupně přešel na tzv. mobilní indexování. Znamená to, že váš web prochází, jako by byl přístupný z mobilního zařízení, a hodnotí ho podle toho. Jinými slovy: Je důležitější než kdy jindy, aby byl váš web dokonale optimalizovaný pro všechny typy zařízení – jinak uvidíte dopad v Google výsledcích.
Google oznámil, že od března 2021 bude používat výhradně jen mobilní crawler.
V tomto blogu si řekneme:
Jak už jste určitě mnohokrát slyšeli, více než polovina internetového provozu přichází z mobilních zařízení. 51,33 % světového provozu je z mobilů – a toto číslo dále roste. Kromě toho Google oznámil, že bude weby prohlížet výhradně jako mobilní. Funkčnost musí být stejná jak na počítači, tak na telefonu.
Google doporučuje responzivní design – obsah i vzhled by měly být co nejvíce konzistentní napříč zařízeními. Nedoporučuje např. řešení typu m.dot domén.
M.dot doména je subdoména určená pouze pro mobily, například takto:
Příklad standardní domény
Příklad m.dot domény
Nejlepší a nejjednodušší způsob, jak zajistit mobilní přívětivost – pro vás, uživatele i Google – je mít responzivní design na jediné doméně. Zajistíte si tak stejný obsah, titulky, meta popisy atd. pro všechna zařízení a stačí je měnit jen na jednom místě. Google tedy uvidí přesně to, co i vaši uživatelé – a máte větší šanci na správné zařazení do výsledků hledání.
Mohl bych jmenovat desítky detailů, proto vybírám 4 nejdůležitější.
Rychlost je stále jedním z nejdůležitějších parametrů – s mobile-first indexací ještě více. Zásadní rozdíl je, že mobilní připojení jsou obvykle pomalejší. Nedělejte toho výrazně jinak, ale buďte pečlivější.
Konkrétní tipy pro zrychlení webu na mobilech:
LazyLoad je dnes nezbytnost pro každý ambiciózní e-shop či web. Obrázky na stránce se načítají až ve chvíli, kdy je uživatel potřebuje (scrolluje k nim). Pokud máte například stránku kategorie s 22 produktovými obrázky a načítaly by se všechny najednou, uživateli to zbytečně vyčerpá data a web bude pomalejší.
Komprimujte HTML, CSS, JavaScript i obrázky – výrazně to sníží dobu načítání. Uživatelé nepotřebují stahovat velké objemy dat, zážitek bude rychlejší. Na mobilech to platí dvojnásob, protože weby i sítě bývají pomalejší.
Příklad dobrého skóre rychlosti s LazyLoad a kompresí
Technické/on-page SEO nastavujte primárně pro mobilní verzi. Často vídáme, že určitá sekce je na mobilu vynechána kvůli lepší použitelnosti – to je logické, ale zvažujte to už při návrhu. Například text nad výpisem produktů by měl zůstat, byť posunutý níže, nikoli odstraněný. Také nezapomínejte na „drobečkovou“ navigaci – její absence ovlivní interní prolinkování a měla by být vždy viditelná i na mobilech.
Příklad správného použití breadcrumbs na mobilu
Pokud na webu používáte spoustu pop-upů (pro newsletttery, kampaně apod.), buďte obezřetní. Není jasné, jak přesně Google pop-upy hodnotí, ale jisté je – usnadnění indexace to není. Nedoporučujeme více než jeden pop-up na stránce. Lze je použít na různé účely, ale jen jeden současně.
Vaše pop-upy by také neměly uživatele rušit. Pokud překryjí celou obrazovku a znemožní uživateli zobrazit obsah, snižuje to použitelnost i SEO. Toto bude s novou aktualizací Page Experience od Google v roce 2021 ještě výraznější.
Nejčastější chyby při auditu webů jsou zmateně řešené mobilní menu nebo jejich rozdíly napříč zařízeními.
Chcete, aby menu bylo přehledné, bez zbytečných položek, a snadno použitelné. Klasickým řešením je tzv. burger menu, které zpřehlední hlavní sekce služeb nebo produktů a umožňuje snadno rozbalovat podkategorie.
Zároveň musí být menu identické na všech zařízeních – tedy pouze jedno menu pro celý web. To souvisí s responzivním designem a umožní uživateli stejnou navigaci, ať už je kdekoli.
Příklad správného burger menu na mobilu
Toto byl stručný přehled o mobilním indexování a hlavních bodech, na které si dát pozor. Je to jen zlomek toho, co byste měli sledovat. Máte-li jakékoliv dotazy nebo potřebujete poradit, jestli je váš web na update v březnu 2021 připraven, ozvěte se nám na 70 44 42 89 nebo hej@wemarket.cz
Proč je responzivní design důležitější než kdy dříve
At WeMarket, we offer businesses a benchmark report that compares their marketing efforts with their key competitors. You decide which competitors we should compare against.
We specialise in selling physical goods online and growing webshops – and now you can benefit from this expertise, even if you’re not already a client.
It’s completely free.
