Čo je Core Web Vitals? Ako sa pripraviť na nový rankingový faktor od Google

Tento článok je vhodný pre všetkých, ktorí sa so svojím webom venujú optimalizácii pre vyhľadávače.

Ilustračné foto: Karolina Grabowska

Google je najsofistikovanejší vyhľadávač na svete, čo je aj dôvodom prečo ho aktuálne využíva najviac ľudí. Aby to tak ostalo, podlieha neustálemu vývoju.

Z toho dôvodu Google každoročne prichádza s viacerými aktualizáciami. A je ich čím ďalej, tým viac. Nestáva sa často, že by Google o aktualizáciach bližšie informoval dopredu, ale ešte minulý rok ohlásil nový rankingový faktor s názvom Core web vitals. 

O Core Web Vitals už niečo popísal kolega Michal v článku „Čo je to SEO a ako ho robiť v roku 2021″. Momentálne to síce ešte nie je faktor, ale čoskoro ním bude, a preto by ste sa naňho mali pripraviť. 

Čo všetko to bude obnášať, sa dozviete v tomto článku.

Čo je Core Web Vitals

Vitals je z angličtiny doslova vitálne funkcie, teda niečo nevyhnutné pre život. V preklade pre webové stránky sú to akési základné nevyhnutnosti, ktoré musí web spĺňať, aby bol kvalitný.

Doteraz dôležité faktory boli zabezpečenie SSL certifikátom, responzívnosť alebo prispôsobenie webu pre mobilné zariadenia a rýchlosť načítania.

A teraz sa k ním pridávajú ďalšie.

Web vitals sú výsledkom skúmania správania ľudí na weboch, ktoré podľa Googlu dokážu merať niečo ako prvý dojem ľudí pri stretnutí.

Čím lepší prvý dojem urobí váš web, tým kvalitnejšie vás bude hodnotiť aj Google. Špecialisti odtiaľ zistili, že ak spĺňate metriky Core web vitals, váš web urobí o 24% lepší dojem.

Core web vitals metriky

Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) je dôležitá metrika zameraná na používateľa na meranie rýchlosti vnímanej rýchlosti načítania. Metrika LCP meria čas vykreslenia najväčšieho obrazového alebo textového bloku viditeľného v časti monitora / mobilu / tabletu “above the fold” – teda ktorá je viditeľná bez scrollovania.

A čo to znamená v ľudskej reči?

Nejde len o to, aby sa celá vaša stránka načítala čo najrýchlejšie. Ide aj o to, aký dojem toto načítanie v užívateľoch vyvolá. Inak povedané, ak sa vaša stránka načíta za 2,5 sekundy, ale pre užívateľa to vyzerá ako keby sa stránka načítala dlhšie, nepôsobí to dobre.

Google túto konkrétnu metriku meria tak, že sleduje dobu načítania najväčšieho prvku na viditeľnej obrazovke, keď niekto pristane na nejakej stránke vášho webu.

Odporúčaná hodnota LCP má byť 2,5 a menej.

O optimalizovaní metriky Largest Contentful Paint sme napísali samostatný článok.

First input delay (FID)

First input delay (FID) meria čas od prvej interakcie používateľa so stránkou (tj. keď klikne na odkaz, ťukne na tlačidlo alebo použije nejaký ovládací prvok založený na jazyku JavaScript) do času, keď je prehliadač skutočne schopný začať spracovávať požiadavku udalosti v reakcii na túto interakciu.

Čo to znamená?

Užívatelia v dnešnej dobe so stránkou interagujú kliknutím alebo scrollovaním. Aby ste dosiahli čo najlepší zážitok, váš web by mal vedieť túto interakciu rýchlo vykonať.

Odporúčaná hodnota FID má byť 100 mili sekúnd a menej.

Cumulative layout shift (CLS)

Cumulative layout shift (CLS) meria nestabilitu obsahu ako súčet všetkých skóre jednotlivých posunov rozloženia za každý neočakávaný posun rozloženia, ku ktorému dôjde počas celej životnosti stránky.

Čo to znamená?

Ak sa pri načítaní vašej stránky jednotlivé elementy hýbu a skáču z miesta na miesto, nepôsobí to dobre. Takže keď dochádza k načítaniu stránky, jej prvky by sa mali objaviť priamo na mieste, kde aj majú byť.

Odporúčaná hodnota CLS má byť 0,1 a menej.

Ako to v praxi zapracovať na web?

Zapracovať tieto veci nie je pre bežného užívateľa niečo, čo by hravo zvládol. Práve naopak. Ide o to, ako je web naprogramovaný, takže túto záležitosť musíte vyriešiť s vaším web developerom.

Jeho povinným čítaním by mala byť stránka web.dev, kde sú všetky potrebné návody a inštrukcie, ako web naprogramovať tak, aby spĺňal vyššie spomenuté metriky na jednotku.

Na optimalizáciu LCP mu pošlite stránku https://web.dev/optimize-lcp
Na optimalizáciu FID mu pošlite stránku https://web.dev/optimize-fid
Na optimalizíciu CLS mu pošlite stránku https://web.dev/optimize-cls

Ako si odsledovať, či tieto metriky spĺňate?

Na rozdiel od implementácie, tieto metriky si vie ľahko skontrolovať pomocou voľne dostupných nástrojov aj bežný užívateľ bez špeciálnych programátorských zručností.

Jedným zo spôsobov je nástroj Google Search Console, ktorý má samostatný prehľad Základné štatistiky webu.

Tieto metriky si potom môžete skontrolovať zvlášť pre desktop aj mobilné zariadenia. Po otvorení prehľadu si môžete pozrieť konkrétne stránky a ich url adresy, ktoré spĺňajú alebo nespĺňajú niektorý z Core web vitals parametrov.

Druhým spôsobom je využitie nástroja Page speed insights.

Tento nástroj poskytuje viaceré odporúčania pre zrýchlenie načítania webu a zároveň aj hodnoty Core web vitals pre LCP, FID a CLS. Nevýhodou však je, že tieto hodnoty ukazuje len pre konkrétnu url adresu a nie celkovo pre web resp, všetky jeho stránky ako nástroj Search Console.

Potrebujete pomôcť s optimalizáciou webu pre Core Web Vitals? Napíšte nám!