Core Web Vitals on Googlen tapa mitata käyttökokemusta. Se kertoo, kuinka nopeasti sivusi latautuu, kuinka nopeasti se reagoi klikkauksiin ja kuinka vakaa sen ulkoasu on. Nämä mittarit vaikuttavat sijoituksiin. Sivu, jonka Core Web Vitals -arvot ovat huonot, sijoittuu alemmas kuin muuten identtinen sivu, jonka arvot ovat erinomaiset. Ne vaikuttavat sekä hakusijoituksiin että siihen, miltä sivun käyttö oikeasti tuntuu.
Mitä Core Web Vitals on?
Core Web Vitals koostuu kolmesta mittarista, jotka mittaavat sivukokemusta. Ne korvasivat laajemman Page Experience -käsitteen tarkoilla, mitattavilla arvoilla.
Kolme mittaria ovat: Largest Contentful Paint (LCP) mittaa latausnopeutta. Interaction to Next Paint (INP) mittaa reagointinopeutta. Cumulative Layout Shift (CLS) mittaa visuaalista vakautta.
Google pitää näitä mittareita tärkeinä käyttökokemukselle. Sivut, joiden arvot ovat hyvät, tuntuvat nopeilta ja sujuvilta. Sivut, joiden arvot ovat huonot, tuntuvat hitailta ja rikkinäisiltä. Google palkitsee hyvät arvot sijoituksissa.
Largest Contentful Paint (LCP)
LCP mittaa, kuinka kauan sivun suurimman elementin lataaminen ja näkyviin tuleminen kestää. Se voi olla iso kuva, tekstilohko tai video. Raja-arvo on 2,5 sekuntia. Jos suurin elementti latautuu alle 2,5 sekunnissa, LCP on hyvä.
Miksi tällä on väliä? Käyttäjät arvioivat sivun nopeuden ensimmäisen sekunnin aikana. Jos sivusi on tyhjä kolme sekuntia pääkuvan latautuessa, käyttäjä luulee sen olevan rikki. Hän poistuu. Kun LCP on alle 2,5 sekuntia, käyttäjä näkee sisältöä nopeasti.
LCP:tä voit parantaa pienentämällä kuvia (pakkaa ne ja käytä modernia tiedostomuotoa), lykkäämällä ei-kriittistä JavaScriptiä ja lyhentämällä palvelimen vasteaikaa. Lataa tärkein sisältö ensin.
Interaction to Next Paint (INP)
INP mittaa, kuinka nopeasti sivusi reagoi käyttäjän toimiin. Kun käyttäjä klikkaa painiketta, kirjoittaa kenttään tai napauttaa näyttöä, kuinka kauan kestää, ennen kuin sivu reagoi? INP:n pitäisi olla alle 200 millisekuntia.
Huono INP tuntuu viiveeltä. Sivu näyttää jäätyneeltä. Käyttäjä klikkaa painikkeita eikä mitään tapahdu sekuntiin. Se on kurja käyttökokemus. Hyvä INP tarkoittaa, että sivu reagoi toimiin heti.
INP:tä voit parantaa lyhentämällä JavaScriptin suoritusaikaa, pilkkomalla pitkät tehtävät pienempiin ja optimoimalla tapahtumankäsittelijät. Etsi pullonkaulat suorituskyvyn seurantatyökaluilla.
Cumulative Layout Shift (CLS)
CLS mittaa visuaalista vakautta. Sivun latautuessa elementit hyppivät paikasta toiseen. Kuvat ilmestyvät ja työntävät sisältöä alaspäin. Mainokset latautuvat ja siirtävät asettelua. Se ärsyttää käyttäjiä. CLS alle 0,1 on hyvä.
Huono CLS on turhauttava. Käyttäjä alkaa lukea artikkelia ja teksti hyppää. Hän klikkaa painiketta ja se siirtyy. Mainokset latautuvat ja sotkevat asettelun. Se kuormittaa mieltä ja pilaa kokemuksen.
CLS:ää voit parantaa varaamalla kuville ja mainoksille tilan ennen latautumista, välttämällä sisällön lisäämistä olemassa olevan sisällön yläpuolelle ja käyttämällä transform-animaatioita asettelua muuttavien animaatioiden sijaan.
Näin mittaat Core Web Vitalsin
Käytä Google PageSpeed Insightsia. Syötä osoitteesi, niin Google näyttää Core Web Vitals -pisteesi. Se näyttää oikeiden käyttäjien dataa (jos saatavilla) ja laboratoriodataa (simuloitu testaus).
Käytä Google Search Consolea. Core Web Vitals -raportti näyttää, kuinka monella sivullasi arvot ovat hyvät, parannettavat tai huonot. Raportti erittelee mobiilin ja tietokoneen.
Käytä Chrome User Experience Reportia. Se näyttää oikeiden käyttäjien dataa tuhansilta sivustoilta. Sen avulla näet, miten sivustosi pärjää muihin verrattuna.
Käytä Lighthousea. Tämä avoimen lähdekoodin työkalu toimii Chrome DevToolsissa ja mittaa suorituskykyä, myös Core Web Vitalsia. Se antaa tarkkoja parannusehdotuksia.
Yleisimmät Core Web Vitals -ongelmat ja korjaukset
Huono LCP johtuu yleensä hitaasta kuvien latautumisesta tai hitaasta palvelimen vasteesta. Optimoi kuvat, käytä CDN:ää ja lyhennä palvelimen vasteaikaa. Lykkää ei-kriittistä JavaScriptiä, joka estää sivun piirtämisen.
Huono INP johtuu yleensä siitä, että pääsäikeessä ajetaan liikaa JavaScriptiä. Pilko pitkät tehtävät, lykkää ei-välttämätöntä JavaScriptiä ja optimoi tapahtumankäsittelijät. Käytä requestIdleCallbackia vähemmän tärkeään työhön.
Huono CLS johtuu yleensä kuvista tai mainoksista, joiden kokoa ei ole määritelty, tai sisällöstä, joka lisätään olemassa olevan sisällön yläpuolelle. Määritä kuvien mitat aina. Varaa mainoksille tila ennen latautumista. Vältä asettelua siirtäviä animaatioita.
Core Web Vitals ja vaikutus sijoituksiin
Google on vahvistanut, että Core Web Vitals vaikuttaa sijoituksiin. Sivut, joiden arvot ovat hyvät, sijoittuvat korkeammalle kuin sivut, joiden arvot ovat huonot (kun muut asiat ovat samat). Sisällön laatu on silti tärkeämpää. Sivu, jolla on erinomainen sisältö mutta huonot arvot, voi silti sijoittua, jos sisältö on riittävän arvokasta.
Vaikutus vaihtelee aloittain. Verkkokaupoille ja uutissivustoille arvot ovat todella tärkeitä. Kapean aiheen sisällölle ne ovat vähemmän tärkeitä. Silti yleisesti paremmat arvot tarkoittavat parempia sijoituksia.
Usein kysytyt kysymykset
Vaikuttaako Core Web Vitals suoraan sijoituksiin?
Kyllä, Google on vahvistanut, että Core Web Vitals vaikuttaa sijoituksiin. Se ei ole tärkein tekijä (sisältö ja linkit ovat tärkeämpiä), mutta sillä on vaikutusta. Sivut, joiden arvot ovat hyvät, sijoittuvat korkeammalle kuin sivut, joiden arvot ovat huonot. Arvojen parantaminen voi parantaa sijoituksiasi. WEMASYn sivustonrakentajalla voit tehdä tämän suoraan omalla verkkosivustollasi.
Mikä on hyvä Core Web Vitals -tulos?
Hyvä tarkoittaa: LCP alle 2,5 sekuntia, INP alle 200 millisekuntia, CLS alle 0,1. Parannettavaa tarkoittaa: LCP 2,5-4 sekuntia, INP 200-500 millisekuntia, CLS 0,1-0,25. Huono tarkoittaa: LCP yli 4 sekuntia, INP yli 500 millisekuntia, CLS yli 0,25. Tavoittele vihreää (hyvä) kaikissa kolmessa mittarissa.
Voinko parantaa Core Web Vitalsia ilman kehittäjää?
Jotkin parannukset ovat helppoja (kuvien optimointi, käyttämättömän CSS:n poisto). Jotkin vaativat teknistä osaamista (JavaScriptin optimointi, palvelimen vasteaika). Katso tarkat suositukset Google PageSpeed Insightsista. Se kertoo, mitä korjata. Tee korjaukset yhdessä web-hotellisi tarjoajan tai kehittäjän kanssa. Monet parannukset eivät vaadi suuria uudistuksia.
Kuinka usein Core Web Vitals pitäisi tarkistaa?
Tarkista kerran kuukaudessa Google Search Consolesta. Seuraa trendejä, jotta huomaat heikkenemiset. Kun olet tehnyt parannuksia, odota muutama viikko, että data vakiintuu, ja tarkista sitten uudelleen. Core Web Vitals voi vaihdella liikenteen ja oikeiden käyttäjien kokemusten mukaan. Säännöllinen seuranta auttaa pitämään sivukokemuksen kunnossa.
Mikä Core Web Vitals -mittari on tärkein SEO:lle?
Kaikilla kolmella on merkitystä, mutta LCP (latausnopeus) on perinteisesti vaikuttanut eniten käyttäjien käytökseen. Käyttäjät arvioivat sivun nopeuden ensimmäisen sekunnin aikana. Jos sivusi tuntuu hitaalta, he poistuvat. Kaikki kolme mittaria kuitenkin vaikuttavat sivukokemukseen ja sijoituksiin. Keskity parantamaan kaikkia kolmea.
Onko mobiililla vai tietokoneella enemmän väliä Core Web Vitalsissa?
Mobiililla on enemmän väliä, koska Google indeksoi ensisijaisesti mobiiliversion. Hyvät arvot sekä mobiilissa että tietokoneella auttavat silti sijoituksia. Mobiiliverkot ovat hitaampia ja epävakaampia kuin kiinteät verkot, joten hyvien mobiiliarvojen saavuttaminen on yleensä vaikeampaa ja tärkeämpää. Optimoi ensin mobiilille.