Mobile-first indexace znamená, že vyhledávače řadí váš web podle mobilní verze, ne podle počítače. Více než polovina všech hledání probíhá v telefonech. Váš mobilní web je teď hlavní web. Počítač je druhořadý. Pokud váš web vypadá na mobilu hrozně nebo se v telefonech pomalu načítá, ztrácíte pozice i návštěvnost. Zjistěte, jak optimalizovat pro mobil, abyste byli vidět na zařízeních, na kterých lidé hledají nejčastěji.
Většina vaší návštěvnosti přichází z mobilních zařízení. Vyhledávače to vědí. Mobilní zážitek upřednostňují před počítačem. Web, který skvěle funguje na počítači, ale na mobilu hrozně, ztratí pozice i návštěvnost.
Mobilní optimalizace neznamená přidat mobilní menu. Znamená navrhnout každý prvek podle toho, jak lidé telefony skutečně používají. Malé obrazovky. Dotykové ovládání. Pomalá připojení. Optimalizujte pro tyto reality a v mobilním vyhledávání zvítězíte.
Mobile-first indexace znamená, že mobil je váš hlavní web
Vyhledávače nejdřív procházejí váš mobilní web. Indexují ho jako hlavní verzi. Váš web pro počítač je druhořadý. Tato změna přišla před lety, ale mnoho webů stále bere mobil jako dodatečnou věc.
Pokud má vaše mobilní verze méně obsahu než verze pro počítač, vyhledávače zaindexují méně obsahu. Pokud se vaše mobilní verze načítá pomaleji, vyhledávače vidí pomalejší web. Pokud je vaše mobilní navigace rozbitá, vyhledávače vidí rozbitý web. Váš mobilní zážitek určuje vaše pozice na všech zařízeních.
Responzivní design se přizpůsobí jakékoli velikosti obrazovky
Váš web by se měl automaticky přizpůsobit obrazovkám počítačů, tabletů i telefonů. Responzivní design používá pružná rozvržení, která se podle velikosti obrazovky zmenšují a zvětšují. Obsah zůstává čitelný. Obrázky se správně přizpůsobí. Navigace funguje na všech zařízeních.
Otestujte web na několika zařízeních. Vypadá dobře na 320 pixelů široké obrazovce telefonu? Funguje na 10palcovém tabletu? Funguje na 27palcovém monitoru? Responzivní design to všechno zvládne bez rozpadu.
Mobilní uživatelé se chovají jinak než uživatelé na počítači
Mobilní uživatelé hledají jinak. Používají dotazy typu "poblíž". Hledají kratšími dotazy. Chtějí rychlé odpovědi. Očekávají okamžité výsledky. S pomalým načítáním mají málo trpělivosti.
Uživatelé na počítači zkoumají. Mobilní uživatelé potřebují hned. Optimalizujte pro chování na mobilu. Udělejte web rychlý. Klíčové informace ukažte hned. Tlačítka a odkazy udělejte snadné k ťuknutí. Formuláře udělejte krátké. Mobilní uživatelé pomalé, složité weby během pár sekund opustí.
Zajistěte dostatečně velké plochy pro ťuknutí
Lidé ťukají prsty, ne kurzorem myši. Tlačítka musí být alespoň 48 pixelů široká a 48 pixelů vysoká. Odkazy potřebují odsazení, aby náhodné ťuknutí zasáhlo správný odkaz. Nesrážejte prvky příliš blízko k sobě.
Otestujte web na skutečném telefonu. Ťukejte na tlačítka. Trefíte správné, aniž byste ťukli na jiné? Pokud je to těžké pro vás, je to nemožné pro lidi s většími prsty nebo starším zrakem. Všechno udělejte snadné k ťuknutí.
Snižte velikost stránky pro mobilní sítě
Mobilní připojení jsou pomalejší než širokopásmová. Záleží na každém kilobajtu. Komprimujte obrázky. Odstraňte zbytečný kód. Obrázky pod ohybem načítejte líně. Odložte nekritický JavaScript.
Stránka o 5MB, která se na mobilu načítá 10 sekund, je příliš těžká. Mobilní uživatelé očekávají, že obsah uvidí za 2-3 sekundy. Velikosti souborů optimalizujte neústupně.
Testujte na skutečných mobilních zařízeních a sítích
Emulátory v prohlížeči jsou užitečné, ale neúplné. Testujte na skutečných telefonech. Testujte na pomalých sítích. Omezte své připojení na 4G. Uvidíte, jak web skutečně funguje pro skutečné uživatele.
Lighthouse a PageSpeed Insights pomáhají. Měří ale laboratorní podmínky. Skuteční uživatelé na skutečných sítích mají jiné zkušenosti. Testujte obojí.
Často kladené otázky
Ovlivňuje mobilní optimalizace moje pozice na počítači?
Ano. Vyhledávače používají váš mobilní web jako hlavní verzi pro řazení mobilních i počítačových výsledků. Pokud je zážitek na vašem mobilním webu špatný, trpí pozice na mobilu i na počítači. Optimalizace mobilu prospívá oběma verzím. S Tvůrcem webů od WEMASY to můžete nastavit přímo na svém webu.
Na jakou velikost mobilní obrazovky mám optimalizovat?
Navrhujte alespoň pro šířku 320 pixelů, abyste podpořili starší telefony a malé obrazovky. Většina moderních telefonů má šířku 375-480 pixelů. Tablety mají 768+ pixelů. Optimalizujte nejdřív pro mobil na 320px a pak škálujte na větší obrazovky. Tento přístup mobile first zajistí, že web funguje všude.
Mám mít samostatný mobilní web, nebo responzivní design?
Použijte responzivní design. Samostatné mobilní weby jsou zastaralé a způsobují starosti s údržbou. Responzivní design poskytuje stejný obsah všem zařízením, automaticky přizpůsobuje rozvržení a snáze se udržuje. Vyhledávače responzivní design preferují.
Jak otestuji mobilní optimalizaci?
Použijte Mobile-Friendly Test od Googlu pro kontrolu základní kompatibility s mobilem. Pomocí PageSpeed Insights změřte výkon na mobilu. Testujte na skutečných zařízeních v reálných mobilních sítích. Omezte prohlížeč na rychlost 4G. Použijte skutečné telefony od různých výrobců a různého stáří. Laboratorní testy jsou užitečné, ale nejvíc záleží na skutečném testování.
Jak velká by měla být tlačítka pro mobil?
Tlačítka by měla mít alespoň 48x48 pixelů, aby se na ně snadno ťukalo. Záleží i na odsazení kolem tlačítek. Dejte je dostatečně daleko od sebe, aby uživatelé omylem neťukli na špatné tlačítko. Pokud se vám rozhraní na telefonu zdá stísněné, jsou tlačítka příliš malá.
Potřebuji pro SEO mobilní aplikaci?
Ne. Web optimalizovaný pro mobil se ve vyhledávačích umisťuje lépe než aplikace. Aplikace vyhledávače procházet nemohou. Weby ano. Pokud chcete návštěvnost z vyhledávání na mobilu, optimalizujte web. Aplikace slouží jiným účelům, ale SEO nepomáhají.