Čo sú Core Web Vitals a prečo ovplyvňujú pozície v Google

Core Web Vitals (po slovensky približne „základné metriky webu“) sú sada meraní, pomocou ktorých Google hodnotí, aké pohodlné je používať vašu stránku. Netýkajú sa obsahu, ale zážitku: ako rýchlo sa web načíta, ako rýchlo reaguje na kliknutie a či sa počas načítavania „nehýbe“. Sú súčasťou signálov, podľa ktorých Google posudzuje kvalitu stránky.

Tri metriky, ktoré sa sledujú

• LCP (Largest Contentful Paint) meria, ako rýchlo sa zobrazí hlavná časť stránky, napríklad veľký obrázok alebo nadpis. Dobrá hodnota je do 2,5 sekundy.
• INP (Interaction to Next Paint) meria odozvu stránky na kliknutia, ťuknutia a písanie. Dobrá hodnota je do 200 milisekúnd. INP nahradil staršiu metriku FID.
• CLS (Cumulative Layout Shift) meria vizuálnu stabilitu: či sa obsah počas načítavania neposúva. Dobrá hodnota je do 0,1.

Google hodnotí tieto čísla pre 75. percentil návštev, osobitne pre mobil a počítač. Zjednodušene: dobré hodnoty musí zažiť aspoň tri štvrtiny vašich návštevníkov.

Ovplyvňujú naozaj pozície v Google?

Áno, ale s mierou. Google uvádza, že ide o jeden z mnohých signálov a že kvalitný, relevantný obsah je dôležitejší. Pomalý web však môže prehrať v súboji s rovnako kvalitným, ale rýchlejším konkurentom. Rozhodujúce je, že rýchly web má aj vyššiu mieru konverzie: ľudia nečakajú, nezatvárajú stránku a ľahšie vás kontaktujú.

Ako si web skontrolovať

• PageSpeed Insights (pagespeed.web.dev) zobrazí výsledky pre konkrétnu adresu vrátane údajov od reálnych návštevníkov, ak ich je dostatok.
• Google Search Console má report Core Web Vitals, ktorý ukazuje, ktoré stránky vášho webu majú problém.
• Chrome DevTools a Lighthouse pomáhajú technickému človeku nájsť presné príčiny.

Pozor: testy v laboratóriu a reálne údaje nemusia vždy sedieť. Rozhodujúce sú údaje od skutočných návštevníkov.

Čo najčastejšie spomaľuje WordPress web

• Veľké, neoptimalizované obrázky. Používajte moderné formáty ako WebP a správne rozmery.
• Pomalý hosting a chýbajúce cachovanie.
• Príliš veľa doplnkov a ťažké šablóny, ktoré načítavajú nepotrebné skripty.
• Fonty, reklamy a bannery, ktoré sa načítajú neskôr a posunú obsah.
• Obrázky bez zadaných rozmerov, kvôli ktorým sa stránka počas načítania posúva.

Čo s tým

1. Zmerajte aktuálny stav a zistite, ktorá metrika je problém.
2. Optimalizujte obrázky: správne rozmery, WebP, a nenačítavajte „lenivo“ hlavný obrázok v hornej časti stránky.
3. Zapnite cache a skontrolujte hosting.
4. Odstráňte nepotrebné doplnky a skripty tretích strán.
5. Rezervujte miesto pre obrázky, bannery a reklamy, aby sa obsah neposúval.
6. Merajte znova a sledujte vývoj v Search Console.

Ako čítať výsledky PageSpeed Insights

Výsledok testu má dve časti, ktoré sa často zamieňajú:

• Údaje od reálnych návštevníkov v hornej časti pochádzajú z prehliadača Chrome za posledných 28 dní. Práve tieto čísla Google používa pri hodnotení stránky.
• Diagnostika (Lighthouse) je simulovaný test jedného načítania. Skóre od 0 do 100 pomáha nájsť príčiny problémov, ale nie je to hodnota, podľa ktorej vás Google radí.

Menšie weby s nižšou návštevnosťou reálne údaje často nemajú. Vtedy sa riaďte diagnostikou a sledujte, ako sa výsledok mení po každej úprave.

Mobil má prednosť

Google hodnotí web predovšetkým podľa jeho mobilnej verzie. Väčšina návštev lokálnych firiem navyše prichádza z telefónov, často cez mobilné dáta a slabší signál. Výsledky na mobile bývajú horšie než na počítači, preto začnite optimalizáciu tam.

Typický príklad z praxe

Úvodná stránka firemného webu má v hlavičke veľkú fotografiu a LCP okolo štyroch sekúnd. Pri kontrole sa ukáže, že fotografia má niekoľko megabajtov vo formáte JPG, zobrazuje sa v oveľa menšom rozmere, než v akom je nahratá, a navyše sa načítava „lenivo“. Po zmenšení na potrebnú veľkosť, prevode do WebP a vypnutí lenivého načítania pre tento jeden obrázok sa LCP dostane pod 2,5 sekundy. Bez zmeny dizajnu, len správnym nastavením.

Tri rýchle zlepšenia, ktoré zvládnete hneď

Nie všetko vyžaduje programátora. Tieto kroky zvládnete aj sami a často prinesú najväčší rozdiel:

• Skontrolujte najväčšie obrázky. Fotka v hlavičke nemusí mať viac než pár stoviek kilobajtov. Zmenšite ju na skutočný rozmer a uložte ako WebP.
• Vypnite, čo nepoužívate. Doplnky na slider, galériu či štatistiky, ktoré ste kedysi skúšali, často zostávajú aktívne a načítavajú svoje skripty na každej stránke.
• Obmedzte vložené prvky. Chat, mapa, sociálne widgety a video od tretích strán majú vlastnú réžiu. Načítajte ich len tam, kde ich naozaj potrebujete.

Časté otázky

Core Web Vitals sú technická vec, ale ich zlepšenie je v praxi dobre zvládnuteľné. Súčasťou nášho prístupu v rámci SEO optimalizácie je aj technická kontrola rýchlosti webu. Ak máte pocit, že je váš web pomalý, dajte si ho skontrolovať v rámci auditu webu alebo nám napíšte.

Čítajte aj: Prečo sa web nesmie len raz spustiť a zabudnúť na neho · Ako pripraviť texty na web, aby ich čítali aj Google a zákazníci