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

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 uživatelů na světě jsou přístup k internetu pomocí mobilní zařízení, jak uvádí Statista.

To představuje výrazný nárůst z přibližně 30 procent na adrese 2015. Pokud byly vaše webové stránky navrženy pro stolní počítače nebo nemáte web přizpůsobený pro mobilní zařízení, můžete očekávat, že se vaše vyhledávače žebříček výsledky se v průběhu času snižují.

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 nedokážou v prohlížeči mobilního zařízení rychle načíst a zpracovat.
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 a zobrazíte si výsledky vyhledávání, které jsou přesně takové. 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 webová stránka vám nabídla jinou sadu webových stránek, když zjistila, že používáte mobilní zařízení.

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

Právě z tohoto důvodu společnost Google v březnu 2018 oznámila strategii indexování podle mobilních zařízení. Namísto indexování desktopových verzí webových stránek začal Google indexovat jejich mobilní verze. V červenci 2018 začala společnost Google při hodnocení mobilního vyhledávání používat také rychlost stránek, což znamená, že při hodnocení 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í ve výsledcích vyhledávání Google vyšší šanci na umístění než pomalejší a těžké webové stránky, které vyžadují stolní počítač.

Čistá strategie indexování Google pro mobilní zařízení často znamená kompletní změnu designu webu. Design by byl zaměřen na mobilní zařízení a následně upraven pro další platformy, jako jsou například stolní počítače. Design pro indexaci mobile-first 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.

Pokud 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, tak, aby to bylo vhodné pro mobilní zařízení. 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. Jedná se však o 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.

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. Co se stane, když kliknete na roh okna a přetáhnete jej, aby se okno zmenšilo? 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.

Pokud používáte systém pro správu obsahu (CMS), jako je 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 zkontrolovat, jak responzivní stránky vypadají na různých mobilních zařízeních, a určit, 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.

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ů.

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. Získáte zprávu, 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 zlepšit skóre.

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ě řeší některé z těchto oblastí a pomáhají tak zrychlit načítání webu na mobilním zařízení.

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 tak, 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.

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 zobrazované obrázky, a zmenšujte obrázky, aby se načítaly rychleji.

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.

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é, je třeba 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.

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ů.

Stránka na webu Google Developers s názvem Make the Web Faster (Zrychlete web) obsahuje následující informace. tipy, nejlepší-rady a zdroje, které vám pomohou zrychlit načítání vašich webových stránek. Hlavním nástrojem v této sadě nástrojů je tzv. PageSpeed Poznatky. Služba 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í.

Můžete tak 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.

I když nemůžete do skutečně mobilní design Google, můžete své webové stránky upravit tak, aby vypadaly 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 tomu, abyste byli penalizován za to, že nepřijala přístup zaměřený na mobilní zařízení.