Core Web Vitals jsou způsob, jakým Google měří uživatelský zážitek. Vyjadřují číslem, jak rychle se stránka načte, jak rychle reaguje na kliknutí a jak stabilní je rozvržení. Tyto metriky jsou ranking faktory. Stránka se špatnými Core Web Vitals se umístí hůř než stejná stránka s vynikajícími hodnotami. Záleží na nich jak pro pozice ve vyhledávání, tak pro skutečný zážitek návštěvníků.
Co jsou Core Web Vitals?
Core Web Vitals jsou tři konkrétní metriky, které měří zážitek ze stránky. Nahradily širší pojem Page Experience měřitelnými a přesnými čísly.
Tyto tři metriky jsou: Largest Contentful Paint (LCP) měří rychlost načítání. Interaction to Next Paint (INP) měří odezvu. Cumulative Layout Shift (CLS) měří vizuální stabilitu.
Google tyto metriky považuje za důležité pro uživatelský zážitek. Stránky s dobrými hodnotami působí rychle a svižně. Stránky se špatnými hodnotami působí pomalu a rozbitě. Google dobré hodnoty odměňuje lepšími pozicemi.
Largest Contentful Paint (LCP)
LCP měří, jak dlouho trvá, než se největší prvek na stránce načte a zobrazí. Může to být velký obrázek, blok textu nebo video. Hranice je 2,5 sekundy. Stránky, které největší prvek načtou za méně než 2,5 sekundy, mají dobré LCP.
Špatné LCP znamená, že návštěvníci čekají na obsah. Vidí prázdnou obrazovku nebo načítací kolečko. Mnozí odejdou, než se stránka vůbec ukáže. Dobré LCP znamená, že se hlavní obsah objeví rychle.
Chcete-li LCP zlepšit, optimalizujte obrázky (zmenšete je, použijte moderní formáty), odložte nepodstatný JavaScript a zkraťte odezvu serveru. Nejdůležitější obsah načítejte jako první.
Interaction to Next Paint (INP)
INP měří, jak rychle stránka reaguje na akce uživatele. Když někdo klikne na tlačítko, píše do pole nebo klepne na obrazovku, jak dlouho trvá, než stránka odpoví? INP by mělo být pod 200 milisekund.
Špatné INP působí zadrhávavě. Stránka jako by zamrzla. Lidé kliknou na tlačítko a celou vteřinu se nic neděje. To je velmi špatný zážitek. Dobré INP znamená, že stránka na akce reaguje okamžitě.
Chcete-li INP zlepšit, zkraťte dobu běhu JavaScriptu, rozdělte dlouhé úlohy a optimalizujte obsluhu událostí. Slabá místa najdete pomocí nástrojů pro sledování výkonu.
Cumulative Layout Shift (CLS)
CLS měří vizuální stabilitu. Při načítání stránky se prvky posouvají. Obrázky naskočí a odsunou obsah dolů. Načtou se reklamy a rozložení se pohne. Pro návštěvníky je to otravné. CLS pod 0,1 je dobré.
Špatné CLS je frustrující. Lidé začnou číst článek a text jim ujede. Chtějí kliknout na tlačítko a to se přesune. Načtou se reklamy a rozložení se rozpadne. To zbytečně zatěžuje pozornost a kazí celý zážitek.
Chcete-li CLS zlepšit, rezervujte místo pro obrázky a reklamy dřív, než se načtou, nevkládejte obsah nad už zobrazený obsah a používejte animace typu transform místo animací, které mění rozvržení.
Jak Core Web Vitals měřit
Použijte Google PageSpeed Insights. Zadejte adresu stránky a Google ukáže vaše hodnoty Core Web Vitals. Zobrazí data skutečných uživatelů (pokud jsou k dispozici) a laboratorní data (umělé testování).
Použijte Google Search Console. Přehled Core Web Vitals ukazuje, kolik vašich stránek má dobré hodnoty, kolik potřebuje zlepšení a kolik je špatných. Rozlišuje mobil a počítač.
Použijte Chrome User Experience Report. Ukazuje data skutečných uživatelů z tisíců webů. Pomůže vám pochopit, jak si váš web vede ve srovnání s konkurencí.
Použijte Lighthouse. Tento open-source nástroj běží ve vývojářských nástrojích Chromu a měří výkon včetně Core Web Vitals. Nabídne konkrétní doporučení, co zlepšit.
Časté problémy s Core Web Vitals a jejich řešení
Špatné LCP většinou znamená pomalé načítání obrázků nebo pomalou odezvu serveru. Optimalizujte obrázky, použijte CDN a zkraťte odezvu serveru. Odložte nepodstatný JavaScript, který blokuje vykreslení.
Špatné INP většinou znamená, že v hlavním vlákně běží příliš mnoho JavaScriptu. Rozdělte dlouhé úlohy, odložte nepodstatný JavaScript a optimalizujte obsluhu událostí. Pro méně důležitou práci použijte requestIdleCallback.
Špatné CLS většinou znamená obrázky nebo reklamy bez udaných rozměrů, případně obsah vkládaný nad už zobrazený obsah. Vždy uveďte rozměry obrázků. Rezervujte místo pro reklamy dřív, než se načtou. Vyhněte se animacím, které posouvají rozvržení.
Core Web Vitals a vliv na pozice
Google potvrdil, že Core Web Vitals jsou ranking faktory. Stránky s dobrými hodnotami se umisťují výš než stránky se špatnými (při jinak stejných podmínkách). Kvalita obsahu však stále váží víc. Stránka s výborným obsahem, ale špatnými hodnotami se pořád může umístit dobře, pokud je obsah dostatečně hodnotný.
Vliv se liší podle oboru. U e-shopů a zpravodajských webů jsou tyto hodnoty velmi důležité. U úzce zaměřeného obsahu méně. Obecně ale platí, že lepší hodnoty znamenají lepší pozice.
Často kladené otázky
Ovlivňují Core Web Vitals pozice přímo?
Ano, Google potvrdil, že Core Web Vitals jsou ranking faktory. Nejsou tím nejdůležitějším (víc záleží na obsahu a odkazech), ale pozice ovlivňují. Stránky s dobrými hodnotami se umisťují výš než stránky se špatnými. Zlepšením hodnot můžete zlepšit své pozice. S Tvůrcem webů od WEMASY to můžete nastavit přímo na svém webu.
Jaké je dobré skóre Core Web Vitals?
Dobré znamená: LCP pod 2,5 sekundy, INP pod 200 milisekund, CLS pod 0,1. Potřebuje zlepšení znamená: LCP 2,5-4 sekundy, INP 200-500 milisekund, CLS 0,1-0,25. Špatné znamená: LCP přes 4 sekundy, INP přes 500 milisekund, CLS přes 0,25. Mějte u všech tří metrik zelenou (dobré hodnoty).
Můžu Core Web Vitals zlepšit bez vývojáře?
Některá zlepšení jsou jednoduchá (optimalizovat obrázky, odstranit nepoužívané CSS). Jiná vyžadují technické znalosti (optimalizace JavaScriptu, odezva serveru). V Google PageSpeed Insights uvidíte konkrétní doporučení. Řekne vám, co opravit. Opravy proveďte spolu s poskytovatelem hostingu nebo vývojářem. Mnohá zlepšení nevyžadují velké přepracování.
Jak často bych měl(a) Core Web Vitals kontrolovat?
Kontrolujte je jednou měsíčně v Google Search Console. Sledujte trendy, abyste včas zachytili zhoršení. Po provedených zlepšeních počkejte pár týdnů, než se data ustálí, a pak je zkontrolujte znovu. Core Web Vitals mohou kolísat podle návštěvnosti a skutečného zážitku uživatelů. Pravidelné sledování vám pomůže mít zážitek ze stránky pod kontrolou.
Která z metrik Core Web Vitals je pro SEO nejdůležitější?
Důležité jsou všechny tři, ale LCP (rychlost načítání) mělo historicky největší vliv na chování uživatelů. Lidé posuzují rychlost stránky během první vteřiny. Pokud působí pomalu, odejdou. Všechny tři metriky ale přispívají k celkovému zážitku ze stránky i k pozicím. Zaměřte se na zlepšení všech tří.
Záleží u Core Web Vitals víc na mobilu, nebo na počítači?
Víc záleží na mobilu, protože Google indexuje primárně mobilní verzi. Dobré hodnoty na mobilu i na počítači ale pomáhají vašim pozicím. Mobilní sítě jsou pomalejší a proměnlivější než sítě pro počítače, takže dobré mobilní hodnoty je obvykle těžší získat a jsou důležitější. Optimalizujte nejdřív pro mobil.