• Naučte sa SEO

Indexovanie podľa mobilných zariadení: Príručka na zabezpečenie webových stránok vhodných pre mobilné zariadenia

  • Yoni Yampolsky
  • 6 min read
Indexovanie podľa mobilných zariadení: Príručka na zabezpečenie webových stránok vhodných pre mobilné zariadenia

Úvod

Indexovanie podľa mobilných zariadení nie je vo svete optimalizácie pre vyhľadávače (SEO) a vývoja webových stránok žiadnou novinkou. V skutočnosti spoločnosť Exploding Topics uvádza, že viac ako 55 % celosvetovej návštevnosti pochádza z mobilných zariadení.

Ak vaša firma nemá webovú lokalitu prispôsobenú pre mobilné zariadenia, potenciálni zákazníci sa z nej pravdepodobne v priebehu niekoľkých sekúnd vrátia.

Najlepší spôsob, ako sa vaša webová lokalita zobrazí na stránkach s výsledkami vyhľadávania (SERP) spoločnosti Google, je prijať indexovanie podľa mobilných zariadení.

Ide o metódu spoločnosti Google na hodnotenie webových stránok na základe mobilných verzií ich obsahu.

V tejto príručke vám pomôžeme nasmerovať vás na správnu cestu a vysvetlíme vám, ako začleniť indexovanie podľa mobilných zariadení vytvorením responzívneho dizajnu webovej stránky.

Skontrolujte, či je vaša webová lokalita prispôsobená mobilným zariadeniam

Pri indexovaní na prvom mieste vyhľadávače prehľadajú a zobrazia mobilnú verziu vašej webovej lokality prednostne pred ostatnými. Ak vaša webová lokalita nie je prispôsobená pre mobilné zariadenia, jej verzia pre počítače sa bude štandardne zobrazovať na mobilných displejoch.

A vaši mobilní používatelia by mohli na svojom smartfóne alebo tablete skončiť s príliš veľkou a ťažko použiteľnou webovou prezentáciou. To prinajmenšom nie je ideálna situácia. Chýba vám responzívny dizajn. A vaša webová stránka sa neprispôsobuje rôznym veľkostiam obrazovky.

Zoznámte sa s nástrojom Ranktracker

Platforma "všetko v jednom" pre efektívne SEO

Za každým úspešným podnikaním stojí silná kampaň SEO. Pri nespočetnom množstve optimalizačných nástrojov a techník, z ktorých si môžete vybrať, však môže byť ťažké zistiť, kde začať. No už sa nemusíte báť, pretože mám pre vás presne to, čo vám pomôže. Predstavujem komplexnú platformu Ranktracker na efektívne SEO

Konečne sme otvorili registráciu do nástroja Ranktracker úplne zadarmo!

Vytvorenie bezplatného konta

Alebo sa pri hláste pomocou svojich poverení

Tomuto scenáru sa môžete vyhnúť tak, že skontrolujete, či je vaša webová lokalita už prispôsobená mobilným zariadeniam. Najlepší spôsob je použiť nástroj PageSpeed Insights od spoločnosti Google.

PageSpeed Insights (Zdroj obrázku)

Stačí, ak do vyhľadávacieho panela vložíte adresu URL svojej webovej lokality, a môžete si v reálnom čase zobraziť údaje o jej výkone na mobilných zariadeniach:

PageSpeed Insights results (Zdroj obrázku)

Ako vidíte, je veľmi dôležité udržiavať skóre webovej stránky prispôsobenej mobilným zariadeniam v rozmedzí 90-100 bodov. Ak zistíte, že vaša webová lokalita nie je prispôsobená mobilným zariadeniam, je čas zamieriť do služby Google Search Console.

Mobile Usability from Search Console (Zdroj obrázku)

Zoznámte sa s nástrojom Ranktracker

Platforma "všetko v jednom" pre efektívne SEO

Za každým úspešným podnikaním stojí silná kampaň SEO. Pri nespočetnom množstve optimalizačných nástrojov a techník, z ktorých si môžete vybrať, však môže byť ťažké zistiť, kde začať. No už sa nemusíte báť, pretože mám pre vás presne to, čo vám pomôže. Predstavujem komplexnú platformu Ranktracker na efektívne SEO

Konečne sme otvorili registráciu do nástroja Ranktracker úplne zadarmo!

Vytvorenie bezplatného konta

Alebo sa pri hláste pomocou svojich poverení

Tam môžete nájsť všetky problémy s prehľadávaním, problémy s rýchlosťou webu a ďalšie chyby, ktoré by mohli brzdiť vaše mobilné prostredie.

Najčastejšie problémy s mobilným pripojením, ktoré v ňom nájdete pri článkoch, sú však tieto:

  • Problémy s dotykovým vstupom (odkazy a tlačidlá) pre používateľov mobilných zariadení
  • Nereagujúci dizajn webovej stránky, šablóna alebo téma
  • Vyskakovacie okná, ktoré nie sú vhodné pre mobilné zariadenia
  • Chybná navigácia na webovej lokalite
  • Ťažko čitateľné písma

Bez ohľadu na to, či je vaša webová lokalita vytvorená od základov alebo používate systém správy obsahu (CMS), ako je WordPress, nemali by ste predpokladať, že vaša lokalita je už prispôsobená mobilným zariadeniam.

Aplikácie PageSpeed Insights a Google Search Console vám poskytnú prehľad o výkonnosti vašich webových stránok na mobilných zariadeniach, aby ste mohli vykonať potrebné vylepšenia pre mobilné obrazovky.

Uistite sa, že vaša webová stránka poskytuje rovnaké prostredie na počítačoch aj mobilných zariadeniach

Je bežné, že SEO optimalizátori a vývojári vyškrtnú niektoré webové funkcie z mobilných webových stránok, aby podporili dobrú používateľskú skúsenosť (UX).

Neohrabaná mobilná webová stránka plná zbytočných prvkov predsa nikdy nie je dobrý nápad. Odstránenie príliš veľkého množstva týchto prvkov však môže mať vplyv na indexovanie vašej webovej lokality v režime mobile-first.

Spoločnosť Google chce zabezpečiť, aby vývojári poskytovali rovnaký zážitok používateľom počítačov aj mobilných zariadení. Tu je ich konkrétne stanovisko k tejto otázke:

"Ak má vaša mobilná stránka menej obsahu ako stránka pre počítače, zvážte aktualizáciu mobilnej stránky tak, aby jej primárny obsah zodpovedal obsahu stránky pre počítače. Takmer celá indexácia vášho webu pochádza z mobilnej stránky."

Je to celkom jednoduché.

Ak má vaša mobilná verzia webovej lokality menej obsahu, nebude mať v SERP dobré výsledky.

Vyhľadávače si cenia obsah, pretože je to jediný spôsob, ako môžu určiť, o čom je vaša webová stránka. Ak chcete zachovať rovnakú verziu svojej webovej stránky pre počítače a mobilné zariadenia, tu je niekoľko kľúčových odporúčaní, ktoré treba dodržiavať:

  • Spolupracujte so svojimi tímami UX, SEO a vývojármi, aby ste namiesto odstraňovania kľúčových prvkov webovej stránky zobrazovali obsah spôsobom vhodným pre mobilné zariadenia.
  • Obrázky, videá a iné veľké súbory s obsahom musia byť správne optimalizované pre rôzne mobilné zariadenia, ako sú tablety, smartfóny a iné inteligentné zariadenia.
  • Udržujte všetky štruktúrované údaje, metaznačky robotov a technické údaje webových stránok univerzálne pre všetky zariadenia IoT.

Nezabudnite, že indexovanie podľa mobilných zariadení znamená, že vyhľadávače budú primárne prehľadávať mobilnú verziu vašej webovej lokality. Ak je vaša mobilná webová stránka hladná po obsahu, nezáleží na tom, ako je optimalizovaná vaša webová stránka pre počítače.

Ani jeden z nich nevytvorí výkon SEO, ktorý hľadáte.

Zistite, aký je rozdiel medzi použiteľnosťou mobilných zariadení a indexovaním podľa mobilných zariadení

Pojmy indexovanie podľa mobilných zariadení a mobilná použiteľnosť sa často používajú zameniteľne. Pravdou je, že tieto pojmy nie sú totožné.

Mobilná použiteľnosť vysvetľuje výkonnosť webovej stránky na mobilných zariadeniach. Ako sme už vysvetlili, indexovanie podľa mobilných zariadení je uprednostňovanie prehľadávania mobilných verzií webových stránok spoločnosťou Google pred verziami pre počítače.

Tu je upozornenie.

Ak vaša webová lokalita nie je prispôsobená mobilným zariadeniam a má množstvo problémov s použiteľnosťou pre mobilné zariadenia, spoločnosť Google ju môže indexovať a bude ju indexovať aj naďalej. Povedzme napríklad, že prevádzkujete reštauráciu a jedna z vašich stránok s jedálnym lístkom je súbor PDF.

Samozrejme, súbory PDF sa na mobilných zariadeniach ťažko čítajú a navigujú. Google však stále dokáže prehľadávať informácie pomocou indexovania podľa mobilných zariadení, ak je ich dostatok.

Nakoniec smartfón Googlebot automaticky prehľadá vašu webovú lokalitu, ak má dostatok obsahu pre indexovanie podľa mobilných zariadení. Napriek tomu budete musieť najprv vyriešiť problémy s mobilnou použiteľnosťou svojej webovej stránky.

Zrýchlite rýchlosť svojej webovej stránky

Priemerný čas, ktorý používateľ strávi na akejkoľvek webovej stránke, je 54 sekúnd.

Nikto nemá celý deň na to, aby čakal na načítanie vašej webovej stránky. Veď existujú miliardy iných webových stránok, na ktoré sa dostanú za pár sekúnd.

Zlepšenie rýchlosti webovej stránky je preto nevyhnutné nielen pre mobilných používateľov, ale aj na účely SEO.

Pomalé načítavanie webovej stránky ovplyvňuje čas jej používania aj mieru odmietnutia. Ide o ukazovatele, ktoré odhadujú, ako dlho ľudia zostávajú na vašej webovej stránke alebo ju opúšťajú bez toho, aby niečo urobili.

Ak sa tak stane z dôvodu pomalej rýchlosti vašej webovej lokality, spoločnosť Google si to všimne a zníži vašu webovú lokalitu v rebríčku SERP. Aby ste tomu predišli, môžete skontrolovať a monitorovať rýchlosť svojej webovej lokality vykonaním auditu lokality.

Pomocou nástroja Ranktracker môžete vykonať komplexný webový audit, aby ste zistili rýchlosť svojho webu v mobilných zariadeniach.

Optimalizujte svoju webovú lokalitu pre lenivé načítanie obsahu

Lenivé načítavanie obsahu je na väčšine moderných webových stránok bežné. Spravodajské publikácie používajú tento typ obsahu na priebežné dopĺňanie ďalších príbehov pri posúvaní stránok.

Vydavateľ športových správ ClutchPoints umožňuje používateľom kliknúť na tlačidlo "Viac príbehov", ak si chcú prečítať viac spravodajských článkov v jednotlivých športových kategóriách:

Lazy Loading content (Zdroj obrázku)

Princíp lenivého načítavania obsahu spočíva v tom, že sa obsah zobrazí len vtedy, keď ho používateľ požaduje. Zvyšuje rýchlosť webovej lokality tým, že znižuje počet riadkov kódu, ktoré spoločnosť Google nemusí prehľadávať.

Okrem toho pridáva príjemný nádych UX, aby vaše webové stránky boli pre používateľov mobilných zariadení menej náročné na obsah. Problémom však je, že lenivé načítanie obsahu môže byť pre vyhľadávače náročné na indexovanie.

Späť napríklad na ClutchPoints.

Samozrejme, Google nebude môcť indexovať príbehy, ktoré môžete vytiahnuť kliknutím na tlačidlo "Ďalšie príbehy", ak tam ešte nie sú.

Tento problém môžete vyriešiť tak, že sa uistíte, že vaša webová stránka umožňuje stránkované načítanie. To umožňuje vyhľadávačom, ako je Google, zaznamenať celý obsah vašej stránky, aj keď používa nekonečné posúvanie, ako napríklad ClutchPoints.

Pozor na nesprávne umiestnenie reklamy

Ak používate službu Google Adsense, je dôležité dbať na to, aby sa vaše reklamy zobrazovali na mobilnej verzii webovej lokality.

Na mobilných zariadeniach sa zobrazujú responzívne zobrazované reklamy (RDA) namiesto bežnejších reklám, ktoré sa zobrazujú na stolnom počítači.

Tu sú napríklad typické reklamy na plochu:

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

A tu sa dozviete, ako by vyzerali na mobilnom zariadení:

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

Nemôžete sa vyhnúť opakovanému zobrazovaniu reklám na ploche v mobilných zariadeniach. Tu je niekoľko osvedčených postupov, ktoré treba dodržiavať pri vytváraní mobilných RDA:

  • Inštruujte svoj tím SEO a vývojárov, aby používali značky CSS a HTML na úpravu reklám na základe rôznych veľkostí prezentácie.
  • Titulok a text nech sú jasné a stručné.
  • Snažte sa vyhnúť pridávaniu textu cez obrázky
  • Vytváranie reklamných obrázkov viacerých veľkostí

Uistite sa, že je vaša webová stránka v súlade s ADA

VSpojených štátoch žije61 miliónov ľudí so zdravotným postihnutím. Prístupné webové stránky znamenajú prispôsobenie sa používateľom so zdravotným postihnutím, ktorí môžu byť nedoslýchaví, farboslepí alebo majú iné neviditeľné postihnutie.

Čím viac ľudí môže komunikovať s vašou webovou stránkou, tým väčšia je pravdepodobnosť, že zostanú a budú konvertovať. Tento koncept má veľký význam pre indexovanie podľa mobilných zariadení.

Prístupnosť vašich webových stránok je prospešná pre všetkých používateľov, nielen pre používateľov so zdravotným postihnutím. Lepšiu skúsenosť zákazníkov poskytujú webové stránky prispôsobené mobilným zariadeniam, ktoré sa jednoducho používajú, majú jasnú štruktúru obsahu a okrem iných funkcií prístupnosti poskytujú alternatívny text pre obrázky.

Snaha o prístupnosť webových stránok je okrem etického rozhodnutia aj rozumným obchodným rozhodnutím. Je nevyhnutné uvedomiť si právne dôsledky zabezpečenia prístupnosti. Napríklad predpisy, ako je zákon o Američanoch so zdravotným postihnutím (ADA), majú vplyv na americké spoločnosti a nariaďujú, aby ich webové stránky, ktoré odrážajú ich fyzické priestory, poskytovali komplexný zážitok všetkým návštevníkom.

Môžete použiť bezplatný nástroj na kontrolu prístupnosti webových stránok, napríklad accessiBe, ktorý presne vyhodnotí aktuálny stav prístupnosti vašej webovej stránky a určí, či je v súlade s platnými predpismi.

website accessibility checker Zdroj obrázkov

Zoznámte sa s nástrojom Ranktracker

Platforma "všetko v jednom" pre efektívne SEO

Za každým úspešným podnikaním stojí silná kampaň SEO. Pri nespočetnom množstve optimalizačných nástrojov a techník, z ktorých si môžete vybrať, však môže byť ťažké zistiť, kde začať. No už sa nemusíte báť, pretože mám pre vás presne to, čo vám pomôže. Predstavujem komplexnú platformu Ranktracker na efektívne SEO

Konečne sme otvorili registráciu do nástroja Ranktracker úplne zadarmo!

Vytvorenie bezplatného konta

Alebo sa pri hláste pomocou svojich poverení

Ďalšími spôsobmi, ako môžete sprístupniť svoje webové stránky, sú:

  • Používanie jednotných farieb na webovej lokalite. Dbajte na to, aby ste sa vyhli používaniu veľmi jasných, neónových farieb, ktoré sú ťažko čitateľné.
  • Pridanie alternatívneho textu k obrázkom, aby sa prispôsobil ľuďom so zdravotným postihnutím, ktorí používajú čítačky obrazovky.
  • Použitie prehľadnej štruktúry obsahu, aby používatelia mohli rýchlo a ľahko nájsť dôležité informácie.

Keď použijete niektoré z týchto osvedčených postupov, skontrolujte, či je vaša webová stránka v súlade so zákonom o zdravotne postihnutých (ADA). Ak vaša stránka získa vyhovujúce skóre, môžete začať.

Access Scan (Zdroj obrázku)

Vytvorenie prístupnej webovej stránky zaručuje, že všetci ľudia budú zapojení, informovaní a pripravení konvertovať.

Kľúčové poznatky

Indexovanie podľa mobilných zariadení celkovo stanovilo vyšší štandard pre to, ako by mali webové stránky na internete vyzerať a fungovať. Vyhľadávače sa teraz zaujímajú predovšetkým o to, ako vaše webové stránky slúžia používateľom mobilných zariadení.

Podľa tejto príručky by ste mali získať jasnejší obraz o tom, ako spravovať webové stránky prispôsobené mobilným zariadeniam a prispôsobiť ich väčšiemu počtu mobilných používateľov.

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čnite používať Ranktracker... zadarmo!

Zistite, čo brzdí vaše webové stránky v hodnotení.

Vytvorenie bezplatného konta

Alebo sa pri hláste pomocou svojich poverení

Different views of Ranktracker app