Indexování na prvním místě pro mobilní zařízení

Citace:

Nepřežije nejsilnější z druhů, ale ten, který se nejlépe přizpůsobí změnám.
- Přisuzováno Charlesi Darwinovi

Hledáte pomoc se SEO?

Jmenuji se Łukasz Żelezny a jsem zakladatelem společnosti SEO.London. V oboru pracuji posledních 20 let.
Jako konzultant SEO jsem pomohl desítkám firem.
Chcete zlepšit své výsledky v SEO?
Probereme tuto záležitost prostřednictvím videohovoru.

Začněte

Přizpůsobení měnícímu se chování uživatelů

Internet je stále relativně nový a stále se vyvíjí. Když lidé vyhledávají na internetu, už nesedí u počítače a nepíšou pečlivě formulované vyhledávací dotazy. Od roku 2017 přibližně polovina uživatelů internetu používá k vyhledávání na internetu místo počítače mobilní zařízení.

S tím, jak uživatelé mění způsob vyhledávání na internetu, musí vyhledávače měnit způsoby indexování obsahu, aby zobrazovaly co nejrelevantnější a nejužitečnější výsledky. To znamená, že pokud chcete získat vyšší pozice ve výsledcích vyhledávání, musíte neustále měnit způsob organizace a prezentace informací prostřednictvím svých webových stránek.

Ačkoli se to v jednotlivých regionech liší, přibližně polovina z nich globální uživatelé přistupují k Internet pomocí mobilního zařízení, uvádí Statista.

To představuje významný zvýšit z přibližně 30 procent v roce 2015. Pokud byly vaše webové stránky navrženy pro stolní počítače nebo nemáte stránky přizpůsobené pro mobilní zařízení, můžete očekávat, že se vaše vyhledávání výsledky hodnocení ve vyhledávačích časem klesají.

Webové stránky pro stolní počítače a lehké webové stránky pro stolní počítače

Webové stránky byly původně vyvíjeny s předpokladem, že lidé budou k internetu přistupovat ze stolního počítače. To umožnilo společnosti vytvářet webové stránky, které obsahují složitou programovou logiku, jež se v prohlížeči na stolním počítači velmi rychle načte a zpracuje.

S přechodem uživatelů na používání telefonů a tabletů se však tyto webové stránky často nedají rychle načíst a zpracovat v prohlížeči na mobilním zařízení.
Některé společnosti proto vytvořily "odlehčené" verze svých webových stránek, které se v mobilním zařízení načtou a zpracují v přiměřeném čase. Při vytváření těchto verzí musí společnosti často eliminovat mnoho funkcí a možností verzí pro stolní počítače.

Když uživatel přistupuje na webovou stránku, webová stránka určí druh používaného zařízení a uživateli mobilního zařízení zobrazí jinou sadu webových stránek než uživateli stolního počítače.

Představte si, že na svém mobilním telefonu vyhledáváte ve službě Google. telefon a zobrazení výsledků vyhledávání, které jsou přesně co které hledáte. Po kliknutí na výsledky vyhledávání se však nezobrazí to, co bylo uvedeno ve výsledcích vyhledávání. Namísto toho se vám zobrazí zkrácená verze toho, co jste očekávali, protože web vám nabídl jinou sadu webových stránek, když zjistil, že používáte mobilní zařízení.

Průměrný uživatel z této nedostatečnosti viní společnost Google, protože ta obsah neodpovídá tomu, co je popsáno ve výsledcích vyhledávání.

Strategie společnosti Google pro indexování podle mobilních zařízení

Právě z tohoto důvodu společnost Google oznámila index mobile-first. strategie v březnu 2018. Spíše než indexování desktopových verzí webových stránek, Google začal indexovat mobilní verze. V červenci 2018 začala společnost Google používat také rychlost stránky v mobilním vyhledávání, který znamená, že při řazení výsledků vyhledávání upřednostňuje webové stránky, které se na mobilních zařízeních načítají rychle, před těmi, které se načítají pomaleji. To neznamená, že webové stránky bez mobilní verze nejsou indexovány, ale znamená to, že rychle se načítající webové stránky vhodné pro mobilní zařízení mají větší pravděpodobnost, že budou indexovány. hodnost ve výsledcích vyhledávání Google výše než pomalejší a náročné webové stránky, které vyžadují stolní počítač.

Jak povolit indexování mobile first:

1. Přepracujte své webové stránky

Čistá strategie indexování Google mobile-first často znamená kompletní redesign vašich webových stránek. Design by byl zaměřen na mobilní zařízení a následně přizpůsoben pro další platformy, například stolní počítače. Design pro indexaci podle mobilních zařízení je obvykle jednoduchý a stručný a jako prvky designu používá geometrické tvary, jasné barvy, výraznou typografii a bílý prostor.

V designu jsou v popředí a v centru pozornosti prvky typu call-to-action a jsou do něj začleněny moderní komunikační metody, jako je chat a chatboty. Není třeba dodávat, že web indexovaný Googlem jako první na mobilních zařízeních se načítá rychle a jeho rychlost se neustále měří, aby se udržela nebo zlepšila.

2. Přizpůsobte své webové stránky

Pokud ještě nejste připraveni na kompletní redesign svých webových stránek s indexací mobile-first, můžete upravit to, co máte v současnosti, aby bylo přizpůsobeno mobilním zařízením. Vzhledem k tomu, že stále přebíráte verzi pro stolní počítače a přizpůsobujete ji pro mobilní zařízení, a nikoli naopak, nejedná se technicky o strategii Google mobile-first. Je to však praktický krok na cestě k indexovanému designu webových stránek pro mobilní zařízení, který vám umožní zobrazit se vyhledávačům jako mobilní.

Při přizpůsobování stávajících webových stránek tomuto prostředí Google mobile-first je obvykle cílem poskytnout stejný obsah všem uživatelům bez ohledu na to, jaké zařízení používají.

Způsob formátování a prezentace obsahu se však liší v závislosti na velikosti obrazovky, na které se zobrazuje. Při tomto přechodu je stále přijatelné zahrnout některé dodatečné funkce, jako jsou možnosti nabídky nebo tlačítka, které se zobrazují pouze při přístupu na webové stránky pomocí počítače. To dělá dokonce i společnost Google.

Naštěstí existují nástroje, které vám přechod na mobilní verzi usnadní. A existují nástroje, které vám umožní měřit úspěch a identifikovat oblasti, které je třeba ještě zlepšit.

3. Responzivní webové stránky a indexace Mobile First

Abyste mohli přejít na webové stránky, které jsou přívětivější k mobilním zařízením, nebo na webové stránky Google pro mobilní zařízení, je třeba použít slovo responzivní. Responzivní webový design je přístup, který automaticky přizpůsobuje prezentaci webu podle platformy, orientace a velikosti obrazovky nebo okna uživatele.

Představte si webovou stránku, která je otevřená na stolním počítači a viditelná na monitoru počítače. Když kliknete na roh okna a přetahování zmenšit okno, co se stane? Na webové stránce, která není responzivní, se nestane nic. Jednoduše se odřízne vše, co bylo dříve vidět, a nyní musíte rolovat doleva a doprava, abyste tento obsah viděli.

Na responzivních webových stránkách se však webové stránky automaticky přeformátují, jakmile vaše zobrazovací okno dosáhne určité velikosti, takže veškerý obsah zůstane v tomto okně viditelný. Místo toho, aby se obsah zobrazoval vedle sebe, je poskládán vertikálně. I když budete možná muset stránku posouvat dolů, abyste viděli veškerý obsah, zobrazený obsah se vejde do vašeho zobrazovacího okna a nemusíte se posouvat doleva a doprava, abyste ho viděli.

4. Systémy pro správu obsahu (např. WordPress)

Pokud používáte obsah řízení systém (CMS), jako např. WordPress, měli byste používat responzivní téma. Pokud vaše současné téma není responzivní a je k dispozici novější responzivní verze, přejděte na ni. Pokud žádná responzivní verze neexistuje, přejděte na responzivní téma.

Většinu těžké práce za vás udělá téma. Budete muset recenze jak vypadají responzivní stránky na různých mobilních zařízeních a zjistit, zda je třeba změnit způsob prezentace některých informací, které se na responzivních stránkách nepřevádějí dobře.

5. Sady nástrojů pro vývoj webových stránek (např. Bootstrap)

Pokud nepoužíváte systém CMS, začněte používat sadu nástrojů, například Bootstrap. Bootstrap je sada nástrojů s otevřeným zdrojovým kódem pro vývoj webových stránek pomocí jazyků HTML, CSS a JavaScript. Pomáhá vytvářet responzivní webové stránky s indexem Google mobile-first pomocí svého responzivního mřížkového systému, předpřipravených komponent front-endu a zásuvných modulů.

6. Nástroje pro testování designu vhodného pro mobilní zařízení

Chcete-li zkontrolovat svůj nový design, přejděte na stránku Google Mobile-Friendly Test a zadejte adresu URL svých webových stránek. Zobrazí se vám zpráva která vám řekne, jak jsou vaše webové stránky přizpůsobené mobilním zařízením, s konkrétními návrhy, jak je zlepšit. skóre.

7. Rychlé načítání webových stránek

Ať už máte web pro stolní počítače, web pro mobilní zařízení nebo web pro mobilní zařízení, dnes se předpokládá, že se váš web načte rychle. I když diskuse o všech faktorech, které ovlivňují rychlost načítání webu, přesahuje rámec tohoto článku, existuje několik designových prvků, které mohou načítání webu výrazně zpomalit a které byste měli znát.

Naštěstí většina responzivních témat a sad nástrojů obsahuje funkce, které alespoň částečně adresa některé z těchto oblastí, aby se vaše webové stránky rychleji načítaly na mobilních zařízeních.

8. Jak se zpracovávají webové stránky

Když navštívíte webovou stránku, načte se kód zobrazované stránky do paměti mobilního zařízení a poté se kód zpracuje, aby se stránka naformátovala a zobrazila na vašem zařízení. Když kliknete na odkaz, abyste přešli na další stránku, zruší se stránka, na které jste byli, a do paměti se načte další stránka. Čím více jich musí načíst, tím déle trvá její načtení, odeslání přes internet a načtení do zařízení.

Čím více kódu musí zpracovat, tím déle trvá formátování a prezentace načteného kódu na obrazovce. To znamená, že pokud načítáte a zpracováváte méně kódu, vaše webové stránky se obvykle načítají rychleji.

9. Obrázky a Google Mobile First Indexing

Obrázkové soubory jsou často viníkem pomalého načítání webových stránek. Čím vyšší je rozlišení obrázku, tím větší je soubor a tím déle trvá jeho načtení. Buďte realističtí, pokud jde o rozlišení, které potřebujete pro obrázky zobrazíte a zmenšíte obrázky, aby se rychleji načítaly.

V závislosti na použitém formátu můžete zmenšovat obrázky se snížením nebo bez snížení kvality. Ty, které obětují část kvality, jsou obvykle mnohem menší než ty, které si zachovávají stejnou úroveň kvality.

10. Kód a Google Mobile First Indexing

Prohlížeč začne formátovat webovou stránku v průběhu načítání dat. Některé kódy však prohlížeč přinutí, aby formátování přerušil a počkal na další kód nebo dokonce na načtení celé stránky, než bude pokračovat ve formátování.

Tomu se říká blokování. Pokud je to možné, chcete zmenšit velikost načítaného kódu a eliminovat blokování kódu. Jedním ze způsobů, jak snížit velikost kódu, je jeho minifikace odstraněním komentářů a přebytečného bílého místa.

Ty jsou důležité pro programátory, aby kódu porozuměli, ale nejsou nutné pro zpracování v prohlížeči. Pokud nemůžete kód minifikovat, některé webové servery odešlou komprimovanou verzi kódu prohlížeči, který načte menší verzi a poté ji dekomprimuje.

11. Načítání na pozadí a Google Mobile First Indexing

Při prohlížení webové stránky vidíte pouze tu část stránky, která se nachází v okně prohlížení. Pokud prohlížeč nejprve načte a zformátuje to, co vidíte ve svém okně, může na pozadí pokračovat v načítání a formátování dalších dat, dokud není stránka dokončena.

Zdá se vám, že se webová stránka načítá rychle, a nemusíte si nutně uvědomovat, že se obsah stále načítá a formátuje, pokud nemusíte dlouho čekat, když se snažíte posunout dolů.

12. Nástroje pro měření a zlepšování rychlosti

Stránka na webu Google Developers s názvem Zrychlete web poskytuje tipy, rady a zdroje, které vám pomohou zrychlit načítání webu. Hlavním nástrojem této sady nástrojů je PageSpeed Insights. PageSpeed Insights ukazuje, co se děje od okamžiku zahájení načítání webu až po jeho načtení, naformátování a zobrazení na mobilním nebo stolním zařízení.

Díky tomu můžete zjistit, co způsobuje pomalejší načítání vašich webových stránek, abyste věděli, co změnit. Nástroj vám často poskytne konkrétní návrhy, jak zlepšit výkon, a dokonce vám poskytne optimalizované verze vašich obrazových souborů, které se budou načítat rychleji.

13. Přizpůsobte se, abyste přežili

I když nyní nemůžete vytvořit skutečně mobilní design od společnosti Google, můžete svůj web upravit tak, aby vypadal jako mobilní, a to pomocí responzivních webových stránek a zkrácením doby načítání a zobrazování webu. Tyto dvě strategie nemusí vést k vyššímu hodnocení ve vyhledávačích, protože jsou povinné, ale měly by vám pomoci vyhnout se penalizaci za to, že jste nepřijali přístup mobile-first.