• Naučte se SEO

Indexování podle mobilních zařízení: Průvodce zajištěním mobilně přívětivých webových stránek

  • Yoni Yampolsky
  • 6 min read
Indexování podle mobilních zařízení: Průvodce zajištěním mobilně přívětivých webových stránek

Úvodní stránka

Indexování podle mobilních zařízení není ve světě optimalizace pro vyhledávače (SEO) a vývoje webových stránek žádnou novinkou. Ve skutečnosti podle Exploding Topics pochází více než 55 % celosvětového provozu z mobilních zařízení.

Pokud vaše firma nemá webové stránky vhodné pro mobilní zařízení, potenciální zákazníci pravděpodobně během několika sekund od vašeho webu odejdou.

Nejlepší způsob, jak se vaše webové stránky zobrazí na stránkách výsledků vyhledávání (SERP) společnosti Google, je přijmout indexování podle mobilních zařízení.

Jedná se o metodu společnosti Google pro hodnocení webových stránek na základě mobilních verzí jejich obsahu.

Tento průvodce vám pomůže vydat se správnou cestou a vysvětlí vám, jak začlenit indexování podle mobilních zařízení vytvořením responzivního designu webových stránek.

Zkontrolujte, zda jsou vaše webové stránky vhodné pro mobilní zařízení

Při indexování podle mobilních zařízení vyhledávače procházejí a zobrazují mobilní verzi vašich webových stránek před všemi ostatními. Pokud vaše webové stránky nejsou přizpůsobené mobilním zařízením, zobrazí se na mobilních displejích ve výchozím nastavení jejich verze pro stolní počítače.

A uživatelé mobilních zařízení by mohli na svém chytrém telefonu nebo tabletu skončit s příliš velkou a obtížně použitelnou prezentací webu. To přinejmenším není ideální situace. Přicházíte o responzivní design. A vaše webové stránky se nepřizpůsobují různým velikostem obrazovek.

Seznamte se s nástrojem Ranktracker

Univerzální platforma pro efektivní SEO

Za každým úspěšným podnikem stojí silná kampaň SEO. Vzhledem k nesčetným optimalizačním nástrojům a technikám je však těžké zjistit, kde začít. No, už se nebojte, protože mám pro vás přesně to, co vám pomůže. Představuji vám komplexní platformu Ranktracker pro efektivní SEO.

Konečně jsme otevřeli registraci do nástroje Ranktracker zcela zdarma!

Vytvoření bezplatného účtu

Nebo se přihlaste pomocí svých přihlašovacích údajů

Tomuto scénáři se můžete vyhnout tím, že zkontrolujete, zda jsou vaše webové stránky již přizpůsobené mobilním zařízením. Nejlépe pomocí nástroje PageSpeed Insights společnosti Google.

PageSpeed Insights (Zdroj obrázku)

Stačí, když do vyhledávacího řádku vložíte adresu URL své webové stránky, a můžete si v reálném čase zobrazit údaje o tom, jak si vede na mobilních zařízeních:

PageSpeed Insights results (Zdroj obrázku)

Jak vidíte, je velmi důležité udržovat skóre webu pro mobilní zařízení v rozmezí 90-100 bodů. Pokud zjistíte, že vaše webové stránky nejsou přívětivé pro mobilní zařízení, je čas přejít do služby Google Search Console.

Mobile Usability from Search Console (Zdroj obrázku)

Seznamte se s nástrojem Ranktracker

Univerzální platforma pro efektivní SEO

Za každým úspěšným podnikem stojí silná kampaň SEO. Vzhledem k nesčetným optimalizačním nástrojům a technikám je však těžké zjistit, kde začít. No, už se nebojte, protože mám pro vás přesně to, co vám pomůže. Představuji vám komplexní platformu Ranktracker pro efektivní SEO.

Konečně jsme otevřeli registraci do nástroje Ranktracker zcela zdarma!

Vytvoření bezplatného účtu

Nebo se přihlaste pomocí svých přihlašovacích údajů

Tam můžete zjistit případné problémy s procházením, rychlostí webu a další chyby, které by mohly omezovat vaše mobilní prostředí.

Nejčastější problémy, které v něm najdete, když články, Google Search Console jsou:

  • Problémy s dotykovým zadáváním (odkazy a tlačítka) pro uživatele mobilních zařízení
  • Nereagující design, šablona nebo téma webových stránek
  • Vyskakovací okna, která nejsou vhodná pro mobilní zařízení
  • Chybná navigace na webových stránkách
  • Obtížně čitelná písma

Ať už je váš web vytvořen od nuly, nebo používáte systém pro správu obsahu (CMS), jako je WordPress, neměli byste předpokládat, že je váš web již přizpůsoben mobilním zařízením.

Funkce PageSpeed Insights a Google Search Console vám poskytnou přehled o mobilním výkonu vašich webových stránek, abyste mohli provést potřebná vylepšení pro mobilní obrazovky.

Zajistěte, aby vaše webové stránky poskytovaly stejné prostředí na stolních i mobilních zařízeních.

Je běžné, že SEO a vývojáři vyškrtávají některé webové funkce z mobilních webových stránek, aby podpořili dobrý uživatelský zážitek (UX).

Neohrabaný mobilní web plný zbytečných prvků není nikdy dobrý nápad. Odstranění příliš mnoha těchto prvků však může ovlivnit indexaci webu pro mobilní zařízení.

Google chce zajistit, aby vývojáři poskytovali stejný zážitek uživatelům počítačů i mobilních zařízení. Zde je jejich konkrétní vyjád ření k této záležitosti:

"Pokud má váš mobilní web méně obsahu než web pro stolní počítače, zvažte aktualizaci mobilního webu tak, aby jeho primární obsah odpovídal obsahu webu pro stolní počítače. Téměř veškerá indexace vašeho webu pochází z mobilního webu."

Je to jednoduché.

Pokud má vaše mobilní verze webu méně obsahu, nebude mít v SERP dobré výsledky.

Vyhledávače si cení obsahu, protože jen tak mohou určit, o čem vaše webové stránky jsou. Chcete-li, aby verze webu pro stolní počítače a mobilní zařízení byly stejné, dodržujte některá klíčová doporučení:

  • Spolupracujte se svými týmy UX, SEO a vývojáři, abyste místo odstraňování klíčových prvků webu zobrazovali obsah způsobem, který je vhodný pro mobilní zařízení.
  • Obrázky, videa a další velké obsahové soubory musí být správně optimalizovány pro různá mobilní zařízení, jako jsou tablety, chytré telefony a další chytrá zařízení.
  • Udržujte všechna strukturovaná data, meta značky robotů a technická data webu univerzální pro všechna zařízení IoT.

Nezapomeňte, že indexování podle mobilních zařízení znamená, že vyhledávače budou primárně procházet mobilní verzi vašich webových stránek. Pokud je váš mobilní web hladový po obsahu, nezáleží na tom, jak optimalizovaný je váš desktopový web.

Ani jeden z nich nezajistí požadovaný výkon SEO.

Zjistěte, jaký je rozdíl mezi použitelností pro mobilní zařízení a indexováním podle mobilních zařízení

Mobilní indexace a mobilní použitelnost se často používají zaměnitelně. Pravdou je, že tyto pojmy nejsou totožné.

Mobilní použitelnost vysvětluje výkonnost webových stránek na mobilních zařízeních. Jak jsme již vysvětlili dříve, indexování podle mobilních zařízení je způsob, jakým společnost Google upřednostňuje prohledávání mobilních verzí webových stránek před verzemi pro stolní počítače.

Zde je poznámka.

Pokud vaše webové stránky nejsou přizpůsobené mobilním zařízením a mají spoustu problémů s použitelností pro mobilní zařízení, mohou být a budou stále indexovány společností Google. Řekněme například, že provozujete restauraci a jedna z vašich stránek s menu je soubor PDF.

Soubory PDF se samozřejmě na mobilních zařízeních obtížně čtou a navigují. Google však stále může procházet informace pomocí indexace mobile-first, pokud je jich dostatek.

Pokud má váš web dostatek obsahu pro indexování podle mobilních zařízení, robot Google pro chytré telefony jej automaticky prohledá. Přesto budete muset nejprve vyřešit problémy s mobilní použitelností svých webových stránek.

Zrychlete rychlost svých webových stránek

Průměrná doba, kterou uživatel stráví na jakékoli webové stránce, je 54 sekund.

Nikdo nemá celý den na to, aby čekal na načtení vašich webových stránek. Koneckonců existují miliardy jiných webových stránek, na které se dostanou během několika sekund.

Zlepšení rychlosti webu je proto zásadní nejen pro mobilní uživatele, ale také pro účely SEO.

Pomalé načítání webových stránek má vliv na dobu pobytu na nich i na míru jejich odmítnutí. Jedná se o ukazatele, které odhadují, jak dlouho lidé na vašich webových stránkách zůstávají nebo je opouštějí, aniž by cokoli udělali.

Pokud k tomu dojde kvůli pomalé rychlosti vašich webových stránek, Google si toho všimne a sníží jejich hodnocení v SERP. Abyste tomu předešli, můžete rychlost svých webových stránek zkontrolovat a sledovat pomocí auditu webu.

Pomocí nástroje Ranktracker můžete provést komplexní webový audit a zjistit rychlost webu v mobilních zařízeních.

Optimalizujte své webové stránky pro líné načítání obsahu

Líné načítání obsahu je na většině moderních webových stránek běžné. Zpravodajské publikace používají tento typ obsahu k průběžnému doplňování dalších příběhů při posouvání stránek.

Vydavatel sportovních zpráv ClutchPoints umožňuje uživatelům kliknout na tlačítko "Další příběhy", pokud si chtějí přečíst více zpravodajských článků v jednotlivých sportovních kategoriích:

Lazy Loading content (Zdroj obrázku)

Princip líného načítání obsahu spočívá v tom, že se obsah zobrazí pouze tehdy, když jej uživatel požaduje. Zvyšuje rychlost webových stránek tím, že snižuje počet zbytečných řádků kódu, které musí Google procházet.

Navíc je to příjemný prvek UX, který udržuje stránky webu méně zatížené obsahem pro mobilní uživatele. Problémem však je, že líné načítání obsahu může být pro vyhledávače náročné na indexaci.

Například zpět ke ClutchPointům.

Google samozřejmě nebude moci indexovat příběhy, které můžete vytáhnout kliknutím na tlačítko "Další příběhy", pokud tam ještě nejsou.

Tento problém můžete vyřešit tak, že se ujistíte, že vaše webové stránky umožňují stránkované načítání. To umožní vyhledávačům, jako je Google, zaznamenat celý obsah vašeho webu, i když používá nekonečné posouvání, jako je tomu u ClutchPointů.

Pozor na nesprávné umístění reklamy

Pokud používáte službu Google Adsense, je důležité dávat pozor na to, jak se vaše reklamy zobrazují na mobilní verzi webu.

Na mobilních zařízeních se zobrazují responzivní zobrazovací reklamy (RDA) namísto běžných reklam, které se zobrazují na stolním počítači.

Například zde jsou typické reklamy pro stolní počítače:

Watch out for improper ad placement (Zdroj obrázku)

A tady se podívejte, jak by vypadaly na mobilním zařízení:

here's what they'd look like on a mobile device (Zdroj obrázku)

Přepínání reklam na ploše na mobilní zařízení vám neprojde. Zde je několik osvědčených postupů, které je třeba dodržovat při vytváření mobilních RDA:

  • Instruujte svůj tým SEO a vývojáře, aby pomocí značek CSS a HTML upravovali reklamy podle různých velikostí prezentace.
  • Titulek a text by měly být jasné a stručné.
  • Snažte se vyhnout přidávání textu přes obrázky
  • Vytváření reklamních obrázků různých velikostí

Ujistěte se, že vaše webové stránky vyhovují požadavkům ADA

VeSpojených státech žije61 milionů lidí se zdravotním postižením. Přístupné webové stránky znamenají přizpůsobení se uživatelům s postižením, kteří mohou být nedoslýchaví, barvoslepí nebo mají jiné neviditelné postižení.

Čím více lidí může s vašimi webovými stránkami komunikovat, tím větší je pravděpodobnost, že na nich zůstanou a budou konvertovat. Tento koncept je důležitý pro indexování podle mobilních zařízení.

Zpřístupnění webových stránek je přínosné pro všechny uživatele, nejen pro osoby se zdravotním postižením. Lepší zážitek zákazníkům poskytnou webové stránky vhodné pro mobilní zařízení, které se snadno používají, mají jasnou strukturu obsahu a mimo jiné poskytují alternativní text pro obrázky.

Snaha o přístupnost webových stránek je kromě etického rozhodnutí také moudrým obchodním rozhodnutím. Je nezbytné si uvědomit právní důsledky zajištění přístupnosti. Například předpisy, jako je zákon o zdravotně postižených Američanech (ADA), mají dopad na americké společnosti a nařizují, aby jejich webové stránky, které odrážejí jejich fyzické prostory, poskytovaly komplexní zážitek všem návštěvníkům.

Můžete použít bezplatný nástroj pro kontrolu přístupnosti webových stránek, například accessiBe, který přesně vyhodnotí aktuální stav přístupnosti vašich webových stránek a určí, zda jsou v souladu s platnými předpisy.

website accessibility checker Zdroj obrázku

Seznamte se s nástrojem Ranktracker

Univerzální platforma pro efektivní SEO

Za každým úspěšným podnikem stojí silná kampaň SEO. Vzhledem k nesčetným optimalizačním nástrojům a technikám je však těžké zjistit, kde začít. No, už se nebojte, protože mám pro vás přesně to, co vám pomůže. Představuji vám komplexní platformu Ranktracker pro efektivní SEO.

Konečně jsme otevřeli registraci do nástroje Ranktracker zcela zdarma!

Vytvoření bezplatného účtu

Nebo se přihlaste pomocí svých přihlašovacích údajů

Dalšími způsoby, jak můžete své webové stránky zpřístupnit, jsou:

  • Používání jednotných barev na webových stránkách. Vyvarujte se používání velmi jasných, neonových barev, které jsou špatně čitelné.
  • Přidání alternativního textu k obrázkům pro osoby se zdravotním postižením používající čtečky obrazovky.
  • Použití přehledné struktury obsahu, aby uživatelé mohli snadno a rychle najít důležité informace.

Jakmile použijete některé z těchto osvědčených postupů, zkontrolujte, zda vaše webové stránky splňují požadavky zákona o zdravotně postižených (The Americans with Disabilities Act, ADA). Pokud vaše stránka získá vyhovující hodnocení, můžete začít.

Access Scan (Zdroj obrázku)

Vytvoření přístupných webových stránek zaručuje, že všichni lidé budou zapojeni, informováni a připraveni ke konverzi.

Klíčové poznatky

Celkově lze říci, že indexování podle mobilních zařízení nastavilo vyšší standard pro to, jak by měly webové stránky na internetu vypadat a fungovat. Vyhledávače se nyní zajímají především o to, jak vaše webové stránky slouží mobilním uživatelům.

Podle tohoto průvodce byste si měli udělat jasnější obrázek o tom, jak spravovat webové stránky vhodné pro mobilní zařízení a přizpůsobit je většímu počtu mobilních uživatelů.

Yoni Yampolsky

Yoni Yampolsky

Marketing Manager, Elementor

is a Marketing Manager for Elementor. With more than 10 million active users, Elementor empowers just about anyone to create stunning WordPress websites, code-free. Elementor now offers best-in-class, built-in cloud hosting features. You can build and host your WordPress site in one, single platform.

Link: Elementor

Začněte používat Ranktracker... zdarma!

Zjistěte, co brání vašemu webu v umístění.

Vytvoření bezplatného účtu

Nebo se přihlaste pomocí svých přihlašovacích údajů

Different views of Ranktracker app