V posledních letech Google stále více zaměřuje faktory jako je rychlost načítání stránky, mobilní optimalizace a důvěryhodnost jako pozitivní faktory pro zařazení ve výsledcích vyhledávání Google. V květnu 2020 oznámil Google, že určité **metriky od měření Page Experience** zkombinuje a v květnu 2021 byly Metriky Page Experience zavedeny jako nový faktor pro hodnocení webů, kdy různé faktory byly zohledněny k celkovému obrazu kvality při prožívání webové stránky.

Mezi **sedm** hlavních faktorů pro Uživatelský zážitek & Page Experience patří:

• Rychlost načítání
• Interakce (FID - do února 2024), Interakce do dalšího Paint (INP - od března 2024)
• Vizuální stabilita (kumulativní změny v rozvržení)
• Mobilní optimalizace
• Bezpečné procházení: žádný malware, žádné padělání značky, …
• HTTPS: šifrování pomocí certifikátu SSL
• Žádné rušivé interstitialy (celoobrazovkové bannery)

Rychlost načítání ve smyslu Core Web Vitals

Načítání znamená rychlost webové stránky, jak rychle se hlavní obsah načítá pro vašeho uživatele. Google udává dobu do 2,5 vteřiny jako dobrý hodnotu, na kterou by měli majitelé webů mířit pro své uživatele.

Interaktivita a reaktibilita ve smyslu Core Web Vitals

Interaktivita ve smyslu první **Zpoždění při prvním vstupu (First Input Delay)** znamená, kdy stránka skutečně reaguje, když uživatel s ní chce interagovat … například posouváním nebo kliknutím na tlačítko. Jedná se tedy o rychlost reakce webové stránky na interakce uživatele. Tento časový úsek by měl být co nejkratší a dobrou hodnotu pro Google je do 100 ms. Od března 2024 byla metrika nahrazena **Interaction to Next Paint (INP)**. Interaction to Next Paint (INP) měří celkovou schopnost webu reagovat na uživatelské interakce tím, že sleduje prodlevu všech kliknutí myší, stisků kláves a vstupů z klávesnice, které se objeví během celé návštěvy uživatele na stránce. Konečná hodnota INP odpovídá nejdéle pozorované interakci, přičemž odlehlé hodnoty nejsou zohledněny. Latence je zde definována jako časové zpoždění mezi akcí uživatele a zobrazením viditelné reakce na ni.

Skript k mému tutoriálu o digitálním marketingu, který byl vytvořen v online aplikaci Google Docs, má přes 600 stran. Ve finálních kapitolách jsem při psaní v prohlížeči zaznamenal drobné trhání obrazovky, protože se zdálo, že má problémy s plynulým načítáním velkého množství stránek včetně mnoha obrázkových souborů. Událost, která mi sice nepřímo bránila v práci, ale přesto představovala reaktivní rušení při používání. Takže jsem vytvořil nový dokument, ve kterém pak vznikla kapitola, kterou jsem poté zkopíroval do velkého skriptu. Právě o to však jde i při interaktivitě webových stránek, aby uživatelský zážitek byl pozitivní v mnoha různých aspektech. Takže jde o reakci na určité interakce jako posouvání, klikání, gesta a také hladkost animací.

Kumulativní změny v rozvržení ve smyslu Core Web Vitals

Kumulativní změny ve vizuálním rozvržení se stávají, když se váš web načítá asynchronně a uživatel například již čte níže položenou oblast, zatímco nahoře se ještě načítá obrázek nebo reklama s velkým souborem a finální umístění pak způsobí posun rozvržení dolů. Často jde o hodnotu, která způsobuje neúspěch v Core Web Vitals, i když váš web načítá poměrně rychle.

Testování rychlosti načítání s online nástroji

Rychlost načítání lze testovat zde:
https://pagespeed.web.dev/
https://gtmetrix.com/

Alternativně je možné využít nástroj Lighthouse v rámci vývojářských funkcí vašeho prohlížeče Chrome. Stačí stisknout klávesu F12 a poté v pravém menu najdete Lighthouse, pomocí kterého můžete nechat testovat aktuálně otevřený web.

Rychlost **webových stránek a reakce** závisí na mnoha faktorech jako je výkon serveru, kvalita kódu, co se kdy načítá, velikost obrázkových souborů, ikon ve formátu SVG namísto PNG, atd. Proto je rozumné zpočátku se držet doporučení od GTMetrix a PageSpeed Insight, abyste dosáhli globálních zlepšení, pokud hodnoty ještě nejsou dobré.

Google vám také poskytne souhrnnou hodnotu pro nová Core Web Vitals pro Page Experience. V Google Search Console máte navíc možnost získat přidělení k jednotlivým stránkám vašeho webu. To vám pomůže při analýze rozpoznat a opravit problém na vašich stránkách.

Mobilní optimalizace webové stránky ve smyslu Page Experience

**Mobilní optimalizace webové stránky** lze také testovat prostřednictvím nástrojů pro vývojáře vašeho prohlížeče Chrome pomocí nástroje Device Toolbar (Ctrl + Shift + M).

Obzvláště pro vývojáře je někdy důležité být schopen pochopit, jak reaguje rozvržení na konkrétním zařízení, například pokud klient hlásí problém s například starším modelem iPhonu. V Chrome = F12 pak lze přímo aktivovat různá zařízení, která pak zobrazí rozlišení. Existují také profesionální nástroje, které provádějí komplexní testy, jako například Lambda-Test.

K mobilní optimalizaci patří také to, aby uživatelé mohli obsah pohodlně vnímat na smartphonu, aniž by museli zvětšovat! Znamená to také, že obsah viditelný na velkém desktopovém počítači nemusí nutně být viditelný i na smartphonu. Smartphone má jiné (mobilní) interakční mechanismy, například dotyk místo kliknutí. To má význam zejména u oblíbených prvků hover na webových stránkách, které na smartphonu nefungují v této podobě. 

Také je dnes smartphone často vstupem do vyhledávání, které může být později pokračováno na jiném zařízení, jako je tablet nebo stolní počítač. Jde tedy o začátek delší cesty zákazníka přes několik koncových zařízení, a proto se musí zohlednit uživatelská zkušenost i cross-device používání.

Jedním z příkladů z osobní zkušenosti s cross-device používáním: Moje partnerka a já máme tři děti. Nedávno jsme byli v krytém bazénu u přátel. Můj smartphone byl v lehátku poblíž bazénové oblasti. Popsala mě myšlenka, co by se stalo, kdyby se smartphone omylem dostal do vody nebo kdyby ho jedno z dětí shodilo. Smartphone již ovládá polovinu mého života. Ale myšlenka nabyla vážnosti, protože také spravuji svůj účet přes smartphone. 100 % mobilně... to je, jak reklamuje Trade Republic, můj online makléř. Najednou jsem si uvědomil, že bych neměl žádnou záložní možnost v případě ztráty smartphonu. Nemohl bych tedy několik hodin nebo dokonce dní přistoupit ke svému účtu. Kdo má v průběhu dne pár akcií s vysokým pákou a těsnou úrovní knockoutu ve svém portfoliu, může si představit, že to může vyvolat určitý stres. 100 % mobilně se tak stalo latentním nevýhodou pro mě, a proto jsem si otevřel nový účet u jiného neobrokera, kde mohu obchodovat jak mobilně, tak na desktopu. Mezitím Trade Republic také zavedl desktopovou verzi - to je dobře!

Bezpečné prohlížení ve prospěch stránky

Bezpečné prohlížení znamená, že vaše webová stránka nerozesílá malware a také dodržuje pravidla, například nepoužíváte loga známek, které nesmíte používat, nebo nepředstíráte vlastnictví značkových produktů, které nemáte v portfoliu. Také sem patří, že například tlačítko Play pro přehrávání videa by mělo skutečně přehrávat video a nemělo by stahovat soubor pro uživatele. Hlavně bod týkající se malware je pro mnoho webových stránek při bezpečném prohlížení největším rizikem, které lze omezit pouze pravidelnými aktualizacemi CMS a používaných pluginů. Pokud vaše webová stránka nevyžaduje nutně kontaktní formulář, je také důvodem zvážit jeho odstranění, protože políčka formuláře poskytují hackery nebo automatizované útoky SQL-Injects, Crosssite Scripting, hexadecimální kódy atd.

V srpnu 2021 Google stáhl své předchozí stanovisko a oznámil, že bezpečné prohlížení již nebude bráno v potaz jako faktor hodnocení. Tento krok byl odůvodněn tím, že mnoho majitelů webových stránek nelze zodpovědně považovat za hacking. Nicméně v hodnoceních PageSpeed Insights a Lighthouse se nachází doporučení pro bezpečné prohlížení. Proto lze předpokládat, že toto téma pro SEO není ještě definitivně uzavřeno.

Bezpečné připojení pomocí HTTPS pro vysokou stránku

HTTPS je dnes standardem. Každá stránka by měla mít SSL certifikát. Existuje zejména v Německu také riziko žaloby pro provozovatele stránek, kteří nemají SSL certifikát.

Je zvláště důležité dbát i na to, že obrázky umístěné před přidělením SSL certifikátu musí být v kódu přepnuty z http na https. Jinak prohlížeč zobrazí, že stránka není bezpečná. To platí zejména pro stránky postavené na WordPress - tedy na nejvíce používaném CMS vůbec.

Odhlášení ze všech Interstitials

Poslední bod v grafu je odmítání obtěžujících Interstitials, tedy plných bannerů, které jen zřídka zvedají srdce vašich uživatelů. Podporují pouze frustraci a tím způsobují negativní emocionální reakce a rychlou úvahu. V tomto kontextu je také vhodné promyslet, zda jsou nadmíru rychle vyskakovací bannerové novinky v podobě newsletteru. I vítací cookie bannery pro nové zákazníky jsou frustrující. Pokud se uživatel vyskytne při setkání s tímto bannerem a okamžitě se vrátí zpět na SERP, je to pro Google také negativní signál.

Závěr k faktorům Page Experience

Přizpůsobení se faktorům Google pro vysokou uživatelskou & Page Experience je z velké části výhradně pro vaše vývojáře nebo vaši agenturu. Pro vás jako pracovníka v marketingu je důležité vědět, podle kterých metrik je Page Experience měřena a jaké nástroje k tomu můžete použít. Pokud vám byla agenturou svěřena optimalizace, ujistěte se přímo ve smlouvě, že práce znamenají velmi dobré výsledky pro přijetí práce. A mějte naprosto jasno v tom, že od května 2021 má Page Experience aktivně vliv na vyhledávání a hodnocení webových stránek na Google. Dopady na hodnocení zajisté zažili i vaši konkurenti a jejich weby, pokud klesly ve výsledcích SERPs, musely být přizpůsobeny novým požadavkům.

Chcete-li hrát s vaší online přítomností výše ve výsledcích vyhledávání Google, nemůžete se vyvarovat tématu Page Experience. Nakonec to děláte nejen z důvodů SEO, ale také jako součást zážitku s vaší značkou, aby vaši cíloví zákazníci byli ještě snáze vedeni k požadovanému chování. 

Jaké další prvky zvyšují uživatelský zážitek vaší cílové skupiny na vašem webu a konkrétně? V podstatě to jsou všechny kontaktní body, na které vaši uživatelé narazí během své cesty zákazníka podél nálevky až k požadované konverzi. O tom více v dalších částech této sérii nápověd.