Vyhledávače nehodnotí jen to, co je na vaší stránce. Měří také, jak dobře stránka funguje pro skutečné návštěvníky. Core Web Vitals jsou konkrétní metriky výkonu webu, které se používají k posouzení zážitku ze stránky. Vyjadřují rychlost načítání, interaktivitu a vizuální stabilitu způsobem, který přímo ovlivňuje pozice ve vyhledávání i chování návštěvníků.
Core Web Vitals jsou tři měřitelné signály, které odrážejí, jak rychle se objeví obsah, jak pohotově stránka reaguje na vstup a jak stabilní zůstává rozvržení během načítání. Společně tvoří výkonnostní složku zážitku ze stránky, který vyhledávače od roku 2021 používají jako faktor pro pozice. Když těmto metrikám rozumíte, snáz určíte priority oprav výkonu, na kterých nejvíc záleží.
Jaké jsou tři Core Web Vitals?
Každá metrika míří na jiný aspekt zážitku návštěvníka. Stránka může mít dobré skóre v jedné a špatné v jiné, takže pozornost si zaslouží všechny tři.
Largest Contentful Paint (LCP)
LCP měří, jak dlouho trvá, než se plně vykreslí největší viditelný prvek na stránce. Tímto prvkem bývá obvykle hlavní obrázek, velký nadpis nebo výrazný blok textu. LCP odráží vnímanou rychlost načítání: okamžik, kdy má návštěvník pocit, že se stránka skutečně načetla, a nevidí prázdnou nebo jen částečně načtenou obrazovku.
- Dobré: 2,5 sekundy nebo rychleji
- Potřebuje zlepšení: 2,5 až 4 sekundy
- Špatné: nad 4 sekundy
Interaction to Next Paint (INP)
INP měří, jak rychle stránka reaguje na interakce uživatele během celé návštěvy. Sledují se všechna kliknutí, klepnutí a vstupy z klávesnice. Nízké INP znamená, že tlačítka reagují okamžitě, nabídky se otevírají bez zpoždění a formuláře přijímají vstup bez prodlev. INP v roce 2024 nahradilo First Input Delay, protože zachycuje pohotovost reakce během celé návštěvy, ne jen u první interakce.
- Dobré: 200 milisekund nebo méně
- Potřebuje zlepšení: 200 až 500 milisekund
- Špatné: nad 500 milisekund
Cumulative Layout Shift (CLS)
CLS měří neočekávané posuny rozvržení během načítání stránky. CLS zvyšuje text, který poskočí, když se nad ním načte obrázek, tlačítka, která změní polohu, když se objeví reklamy, nebo písma, která se vymění a odsunou obsah dolů. Vysoké CLS frustruje návštěvníky, kteří se snaží kliknout na prvek, který se posune dřív, než jejich klepnutí zaznamená.
- Dobré: 0,1 nebo méně
- Potřebuje zlepšení: 0,1 až 0,25
- Špatné: nad 0,25
Proč na Core Web Vitals záleží?
Core Web Vitals ovlivňují viditelnost ve vyhledávání i chování návštěvníků. Vyhledávače je používají jako součást signálů zážitku ze stránky při řazení výsledků. Stránky, které splňují hranici „dobré“ u všech tří metrik, mají výhodu oproti stejně relevantním stránkám se špatným skóre, zejména v konkurenčních výsledcích vyhledávání.
Metriky výkonu také přímo souvisejí s obchodními výsledky. Pomalé LCP zvyšuje míru okamžitých odchodů. Vysoké INP způsobuje, že interaktivní prvky působí rozbitě. Špatné CLS vede k nechtěným kliknutím a opuštěným formulářům. Článek o tom, proč záleží na rychlosti stránek na mobilu, vysvětluje, jak se tyto účinky zesilují na mobilních zařízeních, odkud dnes pochází většina návštěvnosti webů.
Jak se Core Web Vitals měří?
Skóre vychází z reálných dat shromážděných od skutečných návštěvníků, ne jen z laboratorních testů. Vyhledávače agregují data o výkonu od uživatelů, kteří vaše stránky navštíví, a skóre počítají na 75. percentilu. To znamená, že aby stránka prošla, musí alespoň 75 procent návštěv splnit hranici „dobré“.
Co způsobuje špatné skóre Core Web Vitals?
Každá metrika má odlišné příčiny, což znamená, že opravy mohou být cílené, ne obecné.
Špatné CLS
Hlavními viníky CLS jsou obrázky a vložený obsah bez definovaných rozměrů, dynamicky vkládaný obsah a webová písma, která způsobují přeskládání textu. Nastavení výslovné šířky a výšky u obrázků zabrání většině posunů rozvržení.
Širší pohled na řešení problémů s výkonem najdete v článku o tom, proč je web pomalý.
Jak WEMASY řeší Core Web Vitals
WEMASY zabudovává optimalizace výkonu do platformy ve výchozím nastavení. Obrázky se automaticky komprimují a mění se jejich velikost. Mezipaměť je zapnutá bez ruční konfigurace. Stránky zůstávají štíhlé, aby se omezily zdroje blokující vykreslování. Skóre Core Web Vitals je vidět v administraci WEMASY, kde se zobrazuje výkon LCP, INP a CLS vůči hranicím, které vyhledávače používají.
Co všechno je v ceně, zjistíte u tvůrce webů WEMASY, nebo si prohlédněte tarify v ceníku.
Často kladené otázky
Co jsou Core Web Vitals?
Core Web Vitals jsou tři metriky výkonu webu, které vyhledávače používají k hodnocení zážitku ze stránky: Largest Contentful Paint (rychlost načítání), Interaction to Next Paint (pohotovost reakce) a Cumulative Layout Shift (vizuální stabilita). S tvůrcem webů WEMASY to můžete nastavit přímo na svém webu.
Ovlivňují Core Web Vitals pozice ve vyhledávání (SEO)?
Ano. Core Web Vitals jsou součástí signálů zážitku ze stránky, které vyhledávače používají jako faktory pro pozice. Stránky, které dosahují dobrého rozsahu u všech tří metrik, mají výhodu v pozicích oproti stejně relevantním stránkám se špatným skóre, zejména v konkurenčních oborech.
Jaké je dobré skóre Core Web Vitals?
LCP by mělo být 2,5 sekundy nebo rychlejší. INP by mělo být 200 milisekund nebo méně. CLS by mělo být 0,1 nebo méně. Vyhledávače hodnotí na 75. percentilu, což znamená, že aby stránka prošla, musí tyto hranice splnit 75 procent návštěv.
Jaký je rozdíl mezi LCP a dobou načítání stránky?
Doba načítání stránky měří, kdy se dokončí načtení celé stránky, včetně zdrojů pod hranou obrazovky. LCP měří, kdy se vykreslí největší viditelný prvek, což úžeji souvisí s tím, kdy má návštěvník pocit, že je stránka použitelná. LCP se považuje za smysluplnější metriku pro uživatelský zážitek.
Jak zkontroluji skóre svých Core Web Vitals?
Nástroje na testování rychlosti hlásí skóre Core Web Vitals pro jednotlivé stránky. Nástroje pro webmastery od vyhledávačů ukazují terénní data agregovaná od skutečných návštěvníků. WEMASY zobrazuje výkon Core Web Vitals přímo v administraci, bez nutnosti externích nástrojů.
Mohu opravit Core Web Vitals bez technických znalostí?
Mnoho oprav je dosažitelných bez programování. Komprese obrázků, omezení počtu skriptů třetích stran a použití platformy s vestavěnými optimalizacemi výkonu řeší nejčastější problémy. WEMASY řeší optimalizaci obrázků, mezipaměť a štíhlou strukturu stránek automaticky.