Od júla 2019 je Index Mobile First už štandardom pre nové domény na Google rebríčkovaní výsledkov vyhľadávania.

Google oznámil na začiatku roku 2020, že "Index Mobile First" bude platiť pre všetky webové stránky najneskôr na začiatku roku 2021. To znamená, že odvtedy sa vo vrchu zoznamu výsledkov vyhľadávania zobrazujú len webové stránky, ktoré sú optimalizované pre mobilné zariadenia. Responzívny design tak predstavuje silný faktor rankingov. Tvoja webová stránka môže obsahovať ešte taký kvalitný obsah - ak nie je navrhnutá v responzívnom dizajne alebo ako mobilná stránka, trpí tým, že celkový potenciál návštevnosti nie je využitý, bez ohľadu na to, či sú tvoji používatelia prevažne používatelia stolných počítačov.

Google v posledných rokoch stále viac zaraďuje faktory ako rýchlosť stránky, mobilnú optimalizáciu a dôveryhodnosť medzi faktory, ktoré ovplyvňujú rebríčkovanie v Googlových výsledkoch vyhľadávania. Google už v máji 2020 oznámil, že od roku 2021 bude Page Experience zahŕňať sedem rôznych faktorov a vytvorí tak celkový obraz kvality zážitku pri návšteve webovej stránky.

Šesť primárnych faktorov pre zážitok používateľa a stránky

  • Rýchlosť načítavania
  • Interaktivita (do februára 2024), Responzivita (od marca 2024)
  • Vizuálna stabilita (kumulatívne zmeny v rozložení)
  • Mobilná optimalizácia
  • Bezpečné prehliadanie: žiadne malvéry, žiadne falšovanie značiek, ... (od roku 2021 opäť deaktivovaný ako faktor rebríčkovania)
  • HTTPS: Šifrovanie pomocou certifikátu SSL
  • Žiadne rušivé intersticiálne reklamy (celoobrazovkové bannery)
Prehľad hlavných webových vlastností

Načítavanie znamená rýchlosť webovej stránky, ako rýchlo sa pre tvojho používateľa načíta hlavný obsah. Google uvádza čas do 2,5 sekundy ako dobrú hodnotu, ktorú by prevádzkovatelia webových stránok mali snažiť dosiahnuť pre svojich používateľov.

Interaktivita v zmysle prvotného oneskorenia vstupu (First Input Delay) znamená, kedy sa stránka skutočne zareaguje, keď používateľ s ňou chce interagovať ... napríklad posúvaním alebo klikaním na tlačidlo. Ide o rýchlosť reakcie webovej stránky na interakcie používateľa. Tento časový úsek by mal byť čo najkratší a pre Google je dobrá hodnota do 100 ms. FID ako ukazovateľ sa však od marca 2024 nahradí „Interaction to Next Paint“ (INP). Podobne ako pri FID ide pri INP o reaktívnu schopnosť webových stránok. Čím rýchlejšie stránka zareaguje po interakcii používateľa, tým lepšie. INP meria oneskorenie webových stránok počas celého času návštevy. Berú sa do úvahy všetky interakcie používateľov.

Možno poznáš situáciu, keď pracuješ online s veľmi dlhými dokumentmi. Ak má tvoje skriptovanie v online aplikácii Google Docs veľa stoviek stránok obsahu, môže dôjsť k oneskoreniam alebo zablysnutiu. Ako lektor marketingu som vytvoril skript s viac ako 500 stranami. Počas písania v mojom prehliadači som si všimol mikrotrhliny, pretože sa zrejme trápil s načítaním stránok náročných na zdroje, vrátane mnohých obrázkov. Ide o udalosť, ktorá ma vo svojej práci síce nebrzdila, no predstavovala reaktívne nepríjemnosti pri používaní. Ďalším príkladom je napríklad situácia, keď stránky s veľkým množstvom obrázkov spôsobujú oneskorenie pri posúvaní (tento príklad je na stránke 4eck-media.de). Práve o tom je aj interaktivita webových stránok, aby používateľská skúsenosť bola pozitívna.

Kumulatívne zmeny v rozložení (CLS) nastávajú, keď sa tvoja webová stránka načíta asynchrónne a používateľ sa napríklad už dočítal na nižšiu časť, zatiaľ čo hore ešte načítava obrázok alebo reklamu s veľkou súborovou veľkosťou a finálnym umiestnením sa rozloženie posunie nadol. Môže sa to stať napríklad vtedy, ak je v hornom časti vložený obrázok, ktorý nebol optimalizovaný a možno má veľkosť 10 MB. Pri pomalej internetovej pripojenosti sa načíta pomaly a používateľ už smerom nadol posúval.

Signál o tom, že výkonnosť je príliš slabá, môžeš získať aj z rozdelenia časov odozvy v SEO softvéri, ako je Seobility. Ak tieto hodnoty nie sú dostatočne dobré, mal by si pracovať na výkonnosti a používať ďalšie nástroje ako GTMetrix a Google PageSpeed.

Rýchlosť načítavania stránky môže závisieť od mnohých faktorov, ako je výkonnosť servera, kvalita kódu, veľkosti súborov obrázkov, ikon v SVG namiesto PNG, atď. Preto je rozumné najprv sa držať odporúčaní GTMetrix a PageSpeed Insight, aby sa dosiahli celosvetové zlepšenia, ak vaše hodnoty ešte nie sú dostatočne dobré.

Pre obrázky vo moderných webformátoch (WEBP/AVIF) môžeš použiť nástroj ako https://squoosh.app/. Je to obzvlášť výhodné, ak chceš ručne konvertovať len niekoľko obrázkov. Inak môžete konvertovať svoje JPG alebo PNG súbory na serverovej alebo CMS úrovni. Keď sme na TutKit.com upravili moderné obrazové formáty, vyšlo nám najlepšie vydať viac ako 14 000 existujúcich JPG súborov do formátov AVIF a WEBP až vo výsledku AFIV, pretože dosahuje ešte lepšie kompresné hodnoty pri zachovaní dobrej kvality, je v prehliadači zobrazený štandardne. Ak starší prehliadač nepodporuje AVIF, bude zobrazený ako fallback WEBP. To isté sme zrealizovali aj na našej stránke agentúry 4eck-media.de

Google ti tiež poskytuje ako výsledok zhrnutú hodnotu pre nové jadrové webové prvky pre zážitok z webovej stránky. V Google Search Console máš navyše aj možnosť získať pridelenie k jednotlivým stránkam tvojej webovej stránky. Pomáha ti to pri analýze zistiť problém na tvojich stránkach a opraviť ho.

Základné webové parametre vo webovej konzole Google

Prístupnosť webovej stránky zariadeniam so systémom Android sa dá otestovať pomocou nástroja ako Lambda-Test.

Pre vývojárov je niekedy dôležité mať možnosť sledovať, ako sa rozloženie správa na určitom konkrétnom zariadení, napríklad ak klient oznámi problém s starším modelom iPhonu. Priamo v prehliadači Chrome = F12 je potom možné priamo aktivovať rôzne zariadenia, ktoré potom zobrazujú rozlíšenie.

K odbornej optimalizácii pre mobilné zariadenia patrí aj to, aby používatelia mohli pohodlne vnímať obsah na smartfóne bez nutnosti približovať!

Bezpečné prehliadanie znamená, že tvoja webová stránka na jednej strane neposkytuje malvéru a na strane druhej, dodržiavas pravidlá, teda napríklad nepoužívaš značkové logo, ktoré nesmieš použiť, alebo necudzíš značkové produkty, ktoré nemáš v portfóliu. Patrí sem aj to, že napríklad tlačidlo pre prehrávanie videa by malo skutočne prehrávať video a neprevádzať na sťahovanie pre používateľa. Predovšetkým bod týkajúci sa malvéry je pre mnohé webové stránky pri bezpečnom prehliadaní najväčším rizikom, ktoré je možné obmedziť iba neustálymi aktualizáciami CMS a použitými pluginmi. Ak tvoja webová stránka nevyžaduje nevyhnutne kontaktný formulár, je zváženie, či na neho tiež neupustiť, pretože polia kontaktného formulára predstavujú bránu pre hackerov alebo automatizované útoky vo forme SQL injects, Crosssite Scripting, hexadecimálnych kódov atď. V auguste 2021 sa Google opäť stiahol a uviedol, že pri bezpečnom prehliadaní už nie je zohľadňovaný ako faktor rebríčkovania, pretože mnohí majitelia webových stránok nemôžu za hacking. V nástrojoch PageSpeed Insights a Lighthouse uvidíš v vyhodnotení odporúčanie pre bezpečné prehliadanie, takže je predpoklad, že téma SEO ešte nie je úplne uzavretá:

PageSpeed Insights Bezpečné prehliadanie

HTTPS je dnes štandard. Každá stránka by mala mať SSL certifikát. Pre prevádzkovateľov stránok, ktorí ho nemajú, hrozí riziko vymáhania: https://t3n.de/news/dsgvo-abmahnung-ssl-fehlt-1091180/

Špeciálne pri zmene servera alebo redizajne by sa malo myslieť aj na presmerovania z http na https. Je dobré vedieť, že na to existuje dokonca testovací nástroj: https://www.seobility.net/de/redirectcheck/

V tomto kontexte je tiež dôležité venovať pozornosť tomu, že obrázky, ktoré boli umiestnené pred priradením SSL certifikátu, by sa mali upraviť aj v kóde z http na https. Inak prehliadač vyhodnotí, že stránka nie je bezpečná. To je (alebo bývalo v minulosti) najmä prípad u stránok postavených na WordPress – teda najpoužívanejšom CMS vôbec.

Skúste urobiť kontrolu v rámci vyhľadávania Google, či sú ešte stále indexované stránky s http. Môžete to urobiť takto zadatím nasledujúceho do vyhľadávacieho poľa: site:domain inurl:http

Pri tom nahraďte domain vašou doménou. Enter.

  • site: Filtrovanie výsledkov, ktoré sú obsiahnuté len na uvedenej doméne.
  • -inurl: Filtrovanie výsledkov stránok, ktorých URL obsahuje http.

Posledným bodom v grafe je Odmietnutie sumien, teda plnofarebné bannery, ktoré len zriedka potešia srdcia tvojich používateľov. Prispievajú len k frustrácii a tým pre negatívne emócie a rýchly odchod.

Medzery, celoplošný banner.

Zážitok z webovej stránky je predovšetkým dôležitý pre to, aby sa používatelia necítili frustrovaní pomalým načítaním, neprispôsobivosťou pre mobilné zariadenia alebo inými faktormi. Teda prispieva k konverzii na želané správanie. Nie je teda hneď povedané, či sa s vynikajúcim zážitkom z webovej stránky stanete víťazom rebríčku, pretože aj obsah webovej stránky a iné signály od používateľov hrájú úlohu pri rebríkovom hodnotení. Keďže sú ale stránky obsahovo rovnako dobre nastavené, lepší zážitok z webovej stránky môže byť „spúšťačom“ a umiestniť webstránku s lepšími hodnotami v rámci jadier webových prvkov vyššie.

Faktory Google pre mobilnú prístupnosť a vysoký zážitok používateľov a webových stránok sú vo veľkej miere riešené len tvojimi vývojármi alebo správcovskou agentúrou. Je pre teba ako marketingového zamestnanca dôležité vedieť, podľa akých metrík je hodnotený zážitok z webovej stránky a aké nástroje na to môžeš použiť. Ak je tvoja agentúra zodpovedná za optimalizáciu, uistite sa v zmluve, že práca vyžaduje veľmi dobré merateľné výsledky na prebratie dodávky služby.