A Core Web Vitals a Google módszere a felhasználói élmény mérésére. Megmutatja, milyen gyorsan töltődik be az oldalad, milyen gyorsan reagál a kattintásokra, és mennyire stabil az elrendezése. Ezek a mutatók rangsorolási tényezők. Az a lap, amelynek rosszak a Core Web Vitals értékei, hátrébb kerül, mint egy ugyanolyan lap kiváló értékekkel. Számítanak a keresési helyezésnél és a látogatók valódi élményénél is.
Mik a Core Web Vitals mutatók?
A Core Web Vitals három konkrét mutató, amely az oldalélményt méri. Az Oldalélmény (Page Experience) tágabb fogalmát váltották le mérhető, pontos mutatókkal.
A három mutató: a Largest Contentful Paint (LCP) a betöltési sebességet méri. Az Interaction to Next Paint (INP) a reakcióidőt méri. A Cumulative Layout Shift (CLS) a vizuális stabilitást méri.
A Google fontosnak tartja ezeket a mutatókat a felhasználói élmény szempontjából. A jó értékű oldalak gyorsnak és könnyen kezelhetőnek tűnnek. A rossz értékűek lassúnak és hibásnak. A Google a rangsorolásban jutalmazza a jó értékeket.
Largest Contentful Paint (LCP)
Az LCP azt méri, mennyi idő alatt töltődik be és válik láthatóvá az oldal legnagyobb eleme. Ez lehet egy nagy kép, egy szövegblokk vagy egy videó. A küszöbérték 2,5 másodperc. Ha a legnagyobb elem 2,5 másodpercen belül megjelenik, jó az LCP értéked.
Miért számít ez? A látogatók az első másodpercben ítélik meg az oldal sebességét. Ha az oldalad 3 másodpercig üres, amíg a fő kép betöltődik, azt hiszik, hogy elromlott. Elmennek. A 2,5 másodperc alatti LCP azt jelenti, hogy a látogatók gyorsan értelmes tartalmat látnak.
Az LCP javításához optimalizáld a képeket (tömörítsd őket, használj modern formátumokat), halaszd későbbre a nem létfontosságú JavaScriptet, és csökkentsd a szerver válaszidejét. A legfontosabb tartalom töltődjön be először.
Interaction to Next Paint (INP)
Az INP azt méri, mennyire reagál az oldalad a látogatói műveletekre. Amikor valaki rákattint egy gombra, ír egy mezőbe vagy megérinti a képernyőt, mennyi idő múlva reagál az oldal? Az INP legyen 200 ezredmásodperc alatt.
A rossz INP akadozónak érződik. Az oldal mintha lefagyott volna. A látogató kattint a gombra, és egy másodpercig semmi sem történik. Ez rossz felhasználói élmény. A jó INP azt jelenti, hogy az oldal azonnal reagál.
Az INP javításához csökkentsd a JavaScript futási idejét, bontsd kisebb részekre a hosszú feladatokat, és optimalizáld az eseményfigyelőket. A szűk keresztmetszetek megtalálásához használj teljesítménymérő eszközöket.
Cumulative Layout Shift (CLS)
A CLS a vizuális stabilitást méri. Az oldal betöltése közben az elemek elmozdulnak. A képek megjelennek, és lejjebb tolják a tartalmat. A hirdetések betöltődnek, és eltolják az elrendezést. Ez bosszantó a látogatónak. A 0,1 alatti CLS jó érték.
A rossz CLS frusztráló. Valaki elkezd olvasni egy cikket, és az ugrik egyet. Rákattint egy gombra, és az arrébb megy. A hirdetések betöltődnek, és szétverik az elrendezést. Ez megterheli a figyelmet, és elrontja az élményt.
A CLS javításához foglalj helyet a képeknek és a hirdetéseknek, mielőtt betöltődnek, ne szúrj be tartalmat a meglévő tartalom fölé, és az elrendezést változtató animációk helyett használj transform animációkat.
Hogyan mérd a Core Web Vitals mutatókat?
Használd a Google PageSpeed Insightst. Add meg az URL-ed, és a Google megmutatja a Core Web Vitals pontszámaidat. Látod a valódi felhasználói adatokat (ha vannak), és a laborméréseket (szintetikus tesztelés).
Használd a Google Search Console-t. A Core Web Vitals jelentés megmutatja, hány oldalad jó, hány szorul fejlesztésre, és hány rossz. Bontásban látod a mobilt és az asztali gépet.
Használd a Chrome User Experience Reportot. Ez valódi felhasználói adatokat mutat több ezer oldalról. Segít megérteni, hogyan áll az oldalad a versenytársakhoz képest.
Használd a Lighthouse-t. Ez a nyílt forráskódú eszköz a Chrome DevToolsban fut, és méri a teljesítményt, a Core Web Vitals mutatókkal együtt. Konkrét javaslatokat ad a fejlesztéshez.
Gyakori Core Web Vitals problémák és megoldásaik
A rossz LCP általában lassú képbetöltést vagy lassú szerverválaszt jelent. Optimalizáld a képeket, használj CDN-t, és csökkentsd a szerver válaszidejét. Halaszd későbbre a nem létfontosságú JavaScriptet, amely blokkolja a megjelenítést.
A rossz INP általában azt jelenti, hogy túl sok JavaScript fut a fő szálon. Bontsd részekre a hosszú feladatokat, halaszd későbbre a nem lényeges JavaScriptet, és optimalizáld az eseménykezelőket. Az alacsony prioritású munkához használd a requestIdleCallbacket.
A rossz CLS általában azt jelenti, hogy a képeknek vagy a hirdetéseknek nincs megadott mérete, vagy tartalom kerül a meglévő tartalom fölé. Mindig add meg a képek méretét. Foglalj helyet a hirdetéseknek, mielőtt betöltődnek. Kerüld az elrendezést eltoló animációkat.
A Core Web Vitals hatása a helyezésre
A Google megerősítette, hogy a Core Web Vitals rangsorolási tényező. A jó értékű oldalak előrébb kerülnek a rossz értékűeknél (egyébként azonos feltételek mellett). A tartalom minősége azonban még mindig többet számít. Egy kiváló tartalmú, de rossz értékű oldal is rangsorolható, ha a tartalom elég értékes.
A hatás ágazatonként eltér. Webshopoknál és hírportáloknál az értékek sokat számítanak. Szűk témájú tartalomnál kevesebbet. De általánosan igaz: a jobb értékek jobb helyezést hoznak.
Gyakori kérdések
A Core Web Vitals közvetlenül hat a helyezésre?
Igen, a Google megerősítette, hogy a Core Web Vitals rangsorolási tényező. Nem ez a legfontosabb tényező (a tartalom és a linkek többet számítanak), de hat a helyezésre. A jó értékű oldalak előrébb kerülnek a rossz értékűeknél. Az értékeid javítása javíthatja a helyezésedet. A WEMASY weboldalépítőjével ezt közvetlenül a weboldaladon beállíthatod.
Mi számít jó Core Web Vitals pontszámnak?
Jó: az LCP 2,5 másodperc alatt van, az INP 200 ezredmásodperc alatt, a CLS 0,1 alatt. Fejlesztésre szorul: az LCP 2,5 és 4 másodperc között van, az INP 200 és 500 ezredmásodperc között, a CLS 0,1 és 0,25 között. Rossz: az LCP 4 másodperc fölött van, az INP 500 ezredmásodperc fölött, a CLS 0,25 fölött. Törekedj arra, hogy mindhárom mutatónál zöld (jó) legyen az érték.
Javíthatom a Core Web Vitals értékeket fejlesztő nélkül?
Néhány javítás egyszerű (képek optimalizálása, a nem használt CSS eltávolítása). Néhányhoz technikai tudás kell (JavaScript-optimalizálás, szerver válaszideje). A Google PageSpeed Insights megmutatja a konkrét javaslatokat, és megmondja, mit kell javítani. A megoldások bevezetéséhez dolgozz együtt a tárhelyszolgáltatóddal vagy egy fejlesztővel. Sok javításhoz nem kell nagy átírás.
Milyen gyakran ellenőrizzem a Core Web Vitals értékeimet?
Havonta nézd meg a Google Search Console-ban. Kövesd a trendeket, hogy időben észrevedd a visszaesést. A javítások után várj pár hetet, amíg az adatok stabilizálódnak, aztán ellenőrizd újra. A Core Web Vitals értékek ingadozhatnak a forgalom és a valódi felhasználói élmény függvényében. A rendszeres figyelés segít, hogy az oldalélményed mindig rendben legyen.
Melyik Core Web Vitals mutató a legfontosabb a SEO-hoz?
Mind a három számít, de az LCP (a betöltési sebesség) hagyományosan a legnagyobb hatással van a látogatói viselkedésre. A látogatók az első másodpercben ítélik meg az oldal sebességét. Ha az oldalad lassúnak tűnik, elmennek. Mindhárom mutató hozzájárul az összesített oldalélményhez és a helyezéshez, ezért mindhármat érdemes javítani.
Mobilon vagy asztali gépen számít többet a Core Web Vitals?
Mobilon számít többet, mert a Google elsősorban a mobil verziót indexeli. A jó értékek mobilon és asztali gépen is segítik a helyezésedet. A mobilhálózatok lassabbak és változékonyabbak, mint az asztali hálózatok, ezért a jó mobilos értékeket általában nehezebb elérni, és fontosabbak is. Először mobilra optimalizálj.