Od července 2019 je první index pro mobilní zařízení pro řazení výsledků vyhledávání v Google již standardem pro nové domény.

V lednu 2020 oznámil Google, že "první index pro mobilní zařízení" bude platit pro všechny webové stránky nejpozději od začátku roku 2021. To znamená, že od té doby se ve výsledcích vyhledávání objevují pouze webové stránky, které jsou optimalizovány pro mobilní zařízení. Responsive design se tak stává silným faktorem pro řazení. Tvá webová stránka může mít obsah jakkoliv kvalitní – pokud není navržena s ohledem na responzivitu nebo jako mobilní stránka, trpí tím, že celý potenciál návštěvnosti není využit, ať už jsou tví uživatelé převážně uživatelé desktopů.

V posledních letech Google stále více upřednostňuje faktory jako rychlost načítání stránky, mobilní optimalizaci a důvěryhodnost jako faktory pro zařazení ve výsledcích vyhledávání Google. Google vyjádřil v květnu 2020, že od roku 2021 bude Page Experience sdružovat sedm různých faktorů a vytvoří tak komplexní obraz kvality při prožívání webové stránky.

Prvních sedm šest primárních faktorů pro uživatelskou zkušenost a kvalitu stránky

  • Rychlost načítání
  • Interaktivita (do února 2024), Responzivita (od března 2024)
  • Vizuální stabilita (kumulativní změny layoutu)
  • Mobilní optimalizace
  • Bezpečné prohlížení: žádný malware, žádné falšování značek, ... (od roku 2021 opět deaktivováno jako faktor řazení)
  • HTTPS: šifrování pomocí SSL certifikátu
  • Žádné obtěžující intersticiály (celostránkové bannery)
Přehled klíčových ukazatelů využití jádra webových stránek.

Načítání znamená rychlost načítání stránky, jak rychle se hlavní obsah načte pro tvého uživatele. Google uvádí časy do 2,5 sekundy jako dobrý standard, který by měli provozovatelé webových stránek cílit pro své uživatele.

Interaktivita v rámci prvního zpoždění vstupu (First Input Delay) znamená, kdy se stránka skutečně zaměří, když uživatel s ní interaguje... například posouváním nebo klikáním na tlačítko. Jedná se tedy o rychlost reakce webové stránky na interakce uživatele. Tato doba by měla být co nejkratší a dobrým standardem pro Google je až 100 ms. FID jako klíčový ukazatel bude ale od března 2024 nahrazen „Interačním bodem k dalšímu vykreslení“ (INP). Podobně jako u FID jde u INP o reaktivitu webových stránek. Čím rychleji webová stránka reaguje po uživatelské interakci, tím lépe. INP měří prodlevu webových stránek po celou dobu návštěvy. Jsou zde zohledněny všechny uživatelské interakce.

Možná znáš situaci, kdy pracuješ online s velkými dokumenty. Pokud má tvůj skript v online aplikaci Google Docs mnoho set stránek obsahu, může dojít ke zpožděním nebo kývání. Jako lektor marketingu jsem vytvořil skript o více než 500 stránkách. Při psaní ve svém prohlížeči jsem zaznamenal drobné trhání, protože se evidentně snažil načítat obsažné stránky včetně mnoha obrázků. I když mě to ve mně práci nepřímo zastavilo, představovalo to reaktivní rušení při používání. Dalším příkladem je situace, kdy velmi obrázkové weby při posouvání ukazují zpoždění (například zde je příklad 4eck-media.de). O interaktivitě webových stránek tedy jde a to, aby uživatelská zkušenost byla pozitivní.

Kumulativní layoutové změny (CLS) nastávají, když se tvá webová stránka načítá asynchronně a uživatel například již čte níže umístěnou část, zatímco nahoře se stále načítá obrázek nebo reklama s velkým souborem a konečným umístěním způsobí posun layoutu dolů. To se může stát například, pokud je nahoře vložen obrázek, který nebyl optimizován a je možná velký 10 MB. Pomalu se načítá při pomalém internetovém připojení a uživatel již současně posouvá dolů.

Na nízkou výkonnost upozornění můžeš získat také pomocí rozložení časových odpovědí v softwaru pro SEO, například Seobility. Pokud nejsou dostatečně dobré, měl bys pracovat na výkonu a využít další nástroje jako GTMetrix a Google PageSpeed.

Rychlost načítání se může záviset na mnoha faktorech, jako je výkon serveru, kvalita kódu, velikost souborů obrázků, ikony ve formátu SVG místo PNG, atd. Proto je rozumné se nejprve řídit doporučeními GTMetrix a PageSpeed Insight, abys dosáhl globálních vylepšení, pokud hodnoty ještě nejsou dostatečně dobré.

Pro obrázky ve moderních formátech webu (WEBP/AVIF) můžeš použít nástroj jako https://squoosh.app/. Je to obzvlášť výhodné, pokud chceš ručně konvertovat pouze několik obrázků. Jinak můžeš nechat konvertovat své JPG- nebo PNG soubory také na serverové nebo CMS úrovni. Když jsme upravili TutKit.com na moderní obrazové formáty, bylo vydáno najednou více než 14 000 existujících JPG souborů do AVIF a WEBP. Prohlížeč standartně zobrazuje AVIF, protože má ještě lepší kompresní hodnoty při zachování kvality. Pokud starší prohlížeč AVIF nepodporuje, zobrazí se WEBP jako záloha. Totéž jsme udělali také pro naše agenturní stránky 4eck-media.de.

Google ti dá také souhrnnou hodnotu nového Core Web Vitals pro Page Experience. V Google Search Console máš navíc možnost získat přiřazení k jednotlivým stránkám svého webu. Pomáhá ti to při analýze, abys mohl identifikovat a opravit problém na svých stránkách.

Jádra webových signálů v Google Search Console

Mobilní přívětivost webu lze otestovat pomocí nástroje jako je Lambda-Test.

Zvláště pro vývojáře je někdy důležité být schopen sledovat, jak se layout chová na konkrétním zařízení, například pokud klient nahlásí problém s například starším modelem iPhonu. V prohlížeči Chrome = F12 lze pak přímo aktivovat různá zařízení, která pak zobrazí rozlišení.

K mobilní optimalizaci patří i to, aby uživatelé mohli pohodlně vnímat obsah na chytrém telefonu bez nutnosti přibližování!

Bezpečné prohlížení znamená, že tvůj web nevystavuje malware a také dodržuje pravidla, například nevyužíváš ochranné známky, které nesmíš používat, ani nepředstíráš značkové produkty, které nemáš v portfoliu. K tomu také patří, že například tlačítko pro přehrávání videa má skutečně přehrát video a ne naopak spustit stahování pro uživatele. Zejména bod ohledně malwaru je pro mnoho webů při bezpečném prohlížení největším rizikem, které lze omezit pouze pravidelnými aktualizacemi CMS a použitými doplňky. Pokud tvůj web nepotřebuje nutně kontaktní formulář, je také možné zvážit jeho odstranění, protože políčka formuláře jsou zdrojem pro hackery nebo automatizované hacky jako SQL Injekce, Cross-Site Scripting, hexadecimální kódy atd. V srpnu 2021 pak Google zpětně ustoupil a uvedl, že Safe Browsing už není brán v úvahu jako faktor hodnocení, protože mnoho majitelů webů nemůže za hacking. V PageSpeed Insights a Lightouse uvidíš ve vyhodnocení doporučení k Safe Browsing, takže lze předpokládat, že se tento téma pro SEO ještě zdaleka neuzavřelo:

PageSpeed Insights Bezpečné prohlížení

HTTPS je dnes standardem. Každá stránka by měla mít SSL certifikát. Existuje také riziko oznámení pro provozovatele stránek, kteří ho nemají: https://t3n.de/news/dsgvo-abmahnung-ssl-fehlt-1091180/

Zvláště při změně serveru nebo relaunchi by mělo být pamatováno na přesměrování z http na https. Je dobré vědět, že pro to existuje dokonce testovací nástroj: https://www.seobility.net/de/redirectcheck/

Je zejména v tomto kontextu důležité dbát na to, aby byly obrázky umístěné před přidělením SSL certifikátu upraveny v kódu z http na https. Jinak prohlížeč indikuje, že stránka není bezpečná. To je (nebo bylo v minulosti) zejména u stránek postavených na WordPressu – tedy u nejpoužívanějšího CMS vůbec.

Jednoduše si udělej kontrolu při vyhledávání v Googlu, zda jsou ještě indexovány stránky s http. To můžeš udělat s následujícím zadáním do vyhledávacího pole: site:domena inurl:http

Přitom nahraď domena svou doménou. Stiskni Enter.

  • site: Filtruje výsledky pouze na zadané doméně.
  • -inurl: Filtruje výsledky stránek, jejichž URL obsahuje http.

Poslední bod v grafu je Odmítnutí rušivých intersticiálních elementů, tedy celoobrazovkové bannerové reklamy, které jen zřídka rozproudí srdce tvých uživatelů. Pouze podněcují frustraci a tím způsobují negativní emoce a rychlé odchody.

Mezireklamní, celoplošný banner

Page Experience je zejména důležitá, aby uživatele neznechutila pomalým načítáním, neohravčeností na mobilu nebo jinými faktory. Takže přispívá k převodu na požadované chování. Je také třeba zdůraznit, že i když je struktura stránek stejně dobře nastavena, lepší Page Experience může být „Tie Breaker“ a stránku s lepšími hodnotami Core Web Vitals umístit výše.

Google faktory pro mobilní přívětivost a vysokou uživatelskou a Page Experience jsou převážně řešitelné pouze vašimi vývojáři nebo vaší správcovskou agenturou. Je pro vás jako marketingového pracovníka důležité vědět, podle jakých metrik je Page Experience měřena a jaké nástroje k tomu můžete použít. Pokud má vaše agentura pověření optimalizací, ujistěte se přímo ve smlouvě, že práce vyžadují velmi dobré výsledky měření pro schválení práce.