Zijn kernweb-vitaliteiten van belang? Wat doen ze?

Stel dat u op internet surft naar informatie over een product of dienst. U opent een webpagina, maar het duurt lang voordat deze is geladen. Wanneer het uiteindelijk wordt geladen, probeert u op een knop te klikken, maar de website reageert niet onmiddellijk.

En net toen je dacht dat het niet erger kon, begint de informatie op de website onverwachts te verschuiven, waardoor het moeilijk wordt om iets te lezen of erop te klikken.

Dat lijkt een frustrerende ervaring, nietwaar?

Dat is precies het soort vreselijke gebruikerservaring dat Google wil vermijden met Core Web Vitals.

Core Web Vitals zijn drie indicatoren die Google gebruikt om de laadsnelheid, het reactievermogen en de visuele stabiliteit van een website te evalueren. Met andere woorden, ze helpen bepalen of een website een positieve of negatieve gebruikerservaring biedt.

Dus waarom zijn deze Core Web Vitals belangrijk?

Google streeft ernaar ervoor te zorgen dat de websites die het voorstelt in de zoekresultaten een prettige gebruikerservaring bieden. Als een website traag, niet-reagerend en grafisch instabiel is, is het immers niet waarschijnlijk dat u lang op de website blijft.

Dat is de reden waarom websites met hogere Core Web Vitals-beoordelingen hoger kunnen verschijnen in de zoekresultaten van Google, waardoor ze een voorsprong hebben bij het werven van meer bezoekers en potentiële klanten.

We zullen bespreken wat de belangrijkste webvitalen zijn.

Zijn essentiële webvitaliteiten van belang en hebben ze invloed op de gebruikerservaring en het zoeken?

Laten we beginnen!

Wat zijn kernwebvitaliteiten?

Core Web Vitals is een reeks door Google gemaakte criteria om te evalueren hoe effectief een website presteert en een positieve gebruikerservaring biedt.

Zie het als een websiterapport. Het analyseert de factoren die essentieel zijn voor iedereen die een website bekijkt.

De drie belangrijkste webvitaliteiten zijn:

• Grootste inhoudsvolle verf:Dit meet hoe snel de hoofdinhoud op de pagina’s van een website wordt geladen. LCP moet minder dan 2,5 seconden duren om een ​​positieve gebruikerservaring te garanderen. Niemand houdt ervan om naar een leeg scherm te staren, wachtend tot er iets gebeurt.

• Cumulatieve lay-outverschuiving:Deze analyseert hoe vaak de lay-out en informatie op een pagina onverwachts veranderen terwijl deze nog geladen is. CLS moet kleiner zijn dan 0,1 om een ​​goede gebruikerservaring te bieden. Het verplaatsen van inhoud maakt het moeilijk om te lezen en het kan zijn dat u per ongeluk op het verkeerde klikt.

• Vertraging eerste invoer:Deze statistiek meet hoe snel een website reageert wanneer u erop klikt of ermee communiceert. Vertragingen en latentie kunnen behoorlijk verergeren. FID moet minder dan 100 milliseconden zijn voor een optimale gebruikerservaring.

Google heeft onthuld dat een vierde statistiek, Interaction to Next Paint (INP), FID zou vervangen als onderdeel van Core Web Vitals in maart 2024. INP zou 200 milliseconden of minder moeten zijn om een ​​snelle, responsieve ervaring te garanderen.

Simpel gezegd zijn Core Web Vitals dus de manier van Google om te meten of een website snel laadt, reageert op gebruikersinteracties en onverwachte wijzigingen in de lay-out vermijdt.

Waarom zijn kernweb-vitaliteiten belangrijk?

Vanaf juni 2021 beschouwt Google Page Experience als een officiële rankingfactor. Pagina-ervaring is een reeks elementen die Google belangrijk acht voor het bieden van een uitstekende algehele consumentenervaring. Deze omvatten het volgende:

• HTTPS gebruiken om uw pagina aan te bieden
• Mobielvriendelijkheid
• De afwezigheid van afleidende interstitials (irritante pop-ups)
• Veilig browsen

Core Web Vitals zijn belangrijk omdat ze rechtstreeks van invloed zijn op de betrokkenheid van gebruikers, de tevredenheid en de conversiepercentages van websites. Als een site slecht presteert op Core Web Vitals, hebben gebruikers waarschijnlijk een negatieve ervaring.

Hier zijn enkele belangrijke redenen waarom u zich zorgen zou moeten maken over Core Web Vitals:

A. Tevreden gebruikers

Gebruikers zijn meer tevreden als de site soepel draait. Goede Core Web Vitals-indicatoren leiden tot tevreden gebruikers.

B. Lager bouncepercentage

Pagina's met een snelle LCP en een lage CLS zorgen ervoor dat gebruikers langer op de pagina blijven voordat ze stuiteren.

C. Hogere conversies

Een responsieve site met een sterke FID vergroot de kansen van gebruikers om een ​​transactie te voltooien of zich aan te melden voor een dienst.

D. Verbeterde SEO

Pagina's die gebruikers een plezierige ervaring bieden, hebben de neiging omhoger scoren in de zoekresultaten. Core Web Vitals zijn een rankingstatistiek.

e. Verhoogde inkomsten

Er bestaat een direct verband tussen verbeterde Core Web Vitals en hogere inkomsten, aangedreven door sterkere betrokkenheid en conversiepercentages. Google neemt ook Core Web Vitals op in zijn rankingfactoren.

Als gevolg hiervan kan het optimaliseren van deze statistieken ervoor zorgen dat uw website hoger scoort in de zoekresultaten en meer bezoekers trekt.

Wat zijn de aanbevolen criteria voor kerngegevens over webvitaliteit?

A. Grootste inhoudsvolle verf

Largest Contentful Paint (LCP) is een van de drie belangrijkste webvitaliteitsstatistieken die de gebruikerservaring van een website evalueren. LCP meet met name hoe snel de primaire inhoud van een webpagina wordt geladen en toegankelijk wordt voor de gebruiker.

LCP evalueert eenvoudigweg hoe lang het duurt voordat het grootste, meest essentiële visuele element op de website is geladen en weergegeven. Dit kan een grote afbeelding, videospeler, tekstblok of ander belangrijk stukje informatie zijn dat kijkers als eerste verwachten te zien wanneer ze die pagina bezoeken.

Een goede LCP-tijd is 2,5 seconden of minder. Dit betekent dat wanneer een gebruiker de website bezoekt, de hoofdafbeelding, video of belangrijk tekstblok vrijwel onmiddellijk wordt geladen. Een LCP van 2,6 tot 4 seconden geeft aan dat de snelheid van uw site moet worden verbeterd.

Alles langer dan 4 seconden wordt beschouwd als een slechte LCP. Omdat het bezoekers kan irriteren en ervoor kan zorgen dat ze uw site verlaten.

Vanuit technologisch oogpunt kan het optimaliseren van LCP tactieken omvatten als:

• Optimaliseren en verkleinen van grote mediabestanden
• Prioriteit geven aan het laden van belangrijke bronnen
• Gebruik maken van prestatietechnieken, zoals het splitsen van code
• Effectief gebruik van browsercaching

B. Cumulatieve lay-outverschuiving

Cumulative Layout Shift (CLS) is een andere Core Web Vitals-statistiek die door Google is geïntroduceerd. Het beoordeelt de visuele stabiliteit van een website.

Cumulatieve Layout Shift (CLS) is een consistente Core Web Vitals-statistiek. Het is een essentiële, op de gebruiker gerichte metriek voor het analyseren van de visuele stabiliteit, omdat het meet hoe vaak gebruikers onverwachte wijzigingen in de lay-out ervaren. Een lage CLS zorgt ervoor dat de pagina prettig is.

Onverwachte wijzigingen in de lay-out kunnen de gebruikerservaring op verschillende manieren onderbreken, bijvoorbeeld doordat ze tijdens het lezen hun plaats verliezen als de tekst onverwachts verspringt, of doordat ze op de verkeerde link of knop klikken. Onder bepaalde omstandigheden kan dit aanzienlijke schade veroorzaken.

Een goede CLS-score van 0,1 of minder geeft aan dat de lay-out van uw website redelijk stabiel is. Hierdoor kunnen mensen uw inhoud gemakkelijk en zonder onderbrekingen bekijken.

Een CLS-score van 0,1 tot 0,25 geeft aan dat de visuele stabiliteit van uw website moet worden verbeterd. Er is voldoende beweging om zichtbaar te zijn voor gebruikers.

Een slechte CLS-score van meer dan 0,25 geeft aan dat uw pagina-elementen veel bewegen. Gebruikers kunnen plotselinge verschuivingen opmerken, zoals bewegende tekst of knoppen. Dit is schadelijk voor hun ervaring.

C. Vertraging eerste invoer

First Input Delay (FID) is de derde statistiek in Google’s Core Web Vitals. Het beoordeelt de reactiesnelheid van een website op gebruikersinteracties. FID meet hoe snel een website reageert wanneer een gebruiker er voor het eerst mee communiceert.

Voorbeelden van interactie zijn:

• Een menu-item selecteren in een vervolgkeuzelijst
• Klikken op een link in de navigatie van uw site
• Hun e-mailadres invoeren in een formulierveld
• Open het “accordeonmenu” op een mobiel apparaat

Google waardeert FID omdat het weerspiegelt hoe gemakkelijk klanten uit de echte wereld met uw website kunnen communiceren. FID moet minder dan 100 milliseconden zijn voor de beste gebruikerservaring.

D. Interactie met volgende verf

Interaction to Next Paint (INP) is de meest recente Core Web Vitals-meting, als opvolger van First Input Delay (FID) op 12 maart 2024. Het geeft aan hoe snel een pagina reageert op interacties en wordt gemeten in milliseconden.

Het is vermeldenswaard dat INP meet hoe snel een webpagina reageert tijdens gebruikersinteractie. FID hield alleen de responstijd bij van het eerste gebruikerscontact met een element op de site.

Een goede INP is 200 milliseconden of minder. Een INP tussen 200 en 500 milliseconden geeft aan dat de interactie op uw site moet worden verbeterd.

Een INP van meer dan 500 milliseconden vertegenwoordigt een vreselijke interactieve ervaring voor uw gebruikers. Dit brengt duidelijke vertragingen en vertragingen met zich mee bij het reageren op gebruikersinvoer.

Hoe kunt u de kernprestaties van uw site op het gebied van webvitaliteit controleren?

CWV's kunnen met verschillende hulpmiddelen worden gecontroleerd. Hieronder vindt u alle aanbiedingen rechtstreeks van Google:

Het Chrome UX Report (CrUX) biedt veldgegevens van Chrome-gebruikers, zodat sitebeheerders kunnen lerenhoe echte mensen omgaan met hun websites.

Google Vuurtorenis een gratis applicatie die laboratoriummetingen voor CWV's genereert. Het levert nuttige gegevens op over onder meer prestaties, SEO en toegankelijkheid.

Google PageSpeed ​​Insights combineert de functies van CrUX en Lighthouse en levert veld- en laboratoriumgegevens over CWV's en andere webstatistieken. Met PageSpeed ​​Insights kunnen gebruikers de prestaties van websites beoordelen, ongeacht of zij er eigenaar van zijn of niet. Dit is een voorbeeld van een PageSpeed ​​Insights-rapport.

Google Search Console is gebaseerd op Crux-veldgegevens en biedt CWV-prestatiestatistieken per URL of set URL's.

Laten we de belangrijkste webvitalen controleren met een van de tools:

A. Google PageSpeed-inzichten

Google PageSpeed ​​Insights (PSI) is een gratis tool waarmee u de prestaties van één webpagina op mobiele apparaten en desktops kunt beoordelen.

Het biedt ook manieren om uw pagina sneller en eenvoudiger in gebruik te maken. Om de Core Web Vitals-prestaties van een pagina te meten, opent u PageSpeed ​​Insights, voert u de URL in die u wilt onderzoeken en klikt u op ‘Analyseren’.

Wanneer uw rapport klaar is, ontvangt u een volledig overzicht van uw prestaties op basis van vele parameters.

De “Prestatie”-score loopt van 0 tot 100 en is gebaseerd op de volgende statistieken:

• Eerste inhoudsvolle verf
• Snelheidsindex
• Grootste inhoudsvolle verf
• Totale blokkeertijd
• Cumulatieve lay-outverschuiving

Uw Core Web Vitals-bevindingen zien er als volgt uit:

Scrol omlaag naar het gedeelte 'Diagnostische gegevens' voor een lijst met dingen die u kunt doen om de prestaties van uw site te verbeteren.

Houd er rekening mee dat het Core Web Vitals-rapport niet bedoeld is om u te helpen de status van een bepaalde pagina te bepalen. In plaats daarvan kunt u de algehele gezondheid van uw website beoordelen.

Hoe kunnen we de prestaties van Core Web Vitals verbeteren?

A. LCP verbeteren

Gebruik een content delivery network (CDN):CDN's cachen materiaal op verschillende plaatsen in de wereld, waardoor inhoud de consument sneller kan bereiken.

Afbeeldingen optimaliseren:Afbeeldingen zijn vaak het grootste element op een pagina. Het verkleinen van de grootte van een afbeeldingsbestand kan de laadtijd ervan versnellen.

Een andere optie om uw LCP-score te verbeteren, is door uw sitehosting een boost te geven.

Gedeelde hosting (waarbij meerdere sites op dezelfde server worden gehost) kan langzamer zijn omdat bronnen, zoals geheugen en verwerkingskracht, worden gedeeld. Als gevolg hiervan kan uw site trager worden wanneer er op andere sites veel verkeer is.

Om dit op te lossen, kunt u overwegen om over te stappen naar een beter hostingpakket of een alternatieve hostingprovider. Bijvoorbeeld dedicated hosting (waarbij uw site een eigen server heeft) of cloudhosting (waarbij meerdere servers worden gebruikt om consistentere prestaties te leveren).

B. CLS verbeteren

1. Minimaliseer pagina-elementen van derden:Elementen van derden op een pagina worden vanaf andere plaatsen geladen dan de rest van de pagina. Als gevolg hiervan kunnen ze op enigszins verschillende tijdstippen worden geladen, waardoor de lay-out van de pagina verandert. Door minder items van derden te gebruiken, vermindert het aantal lay-outwijzigingen.

2. Reserveer ruimte voor embedded content:Veel functies van derden, zoals advertenties, zijn noodzakelijk voor de werking of economische strategie van een website en kunnen niet worden verwijderd. Ontwikkelaars kunnen ruimte op de pagina reserveren zodat deze componenten kunnen worden geladen voordat de browser het daadwerkelijke element ophaalt.

3. Zorg ervoor dat foto's in de optimale grootte worden geladen:Dit is een iets andere aanpak dan het optimaliseren van afbeeldingen in het algemeen. Desktop-pc's, tablets en smartphones hebben allemaal afbeeldingen in verschillende formaten nodig vanwege de schermformaten. Als een browser eerst de grote, voor desktop geoptimaliseerde afbeelding laadt en vervolgens de voor mobiel geoptimaliseerde afbeelding moet downloaden omdat het apparaat een smartphone is, kan de pagina-inhoud verschuiven naarmate de afbeelding met verschillende afmetingen wordt geladen.

4. Voeg de hoogte en breedte van foto's en video's toe:De hoogte- en breedteparameters geven aan hoe groot een afbeelding zal zijn, waardoor browsers die ruimte kunnen reserveren voordat de afbeelding of video wordt geladen. Op onze HTML5-videopagina vindt u meer informatie over hoe u dit met video kunt bereiken.

5. Gebruik CSS-vakken voor beeldverhouding:CSS-ontwikkelaars kunnen verschillende strategieën gebruiken om ruimte te besparen voor een pagina-element door gebruik te maken van beeldverhoudingen.

C. INP verbeteren

Een van de belangrijkste problemen die uw interactie met Next Paint kunnen verslechteren, is de aanwezigheid van verschillende grote scripts of JavaScript-code op uw site.

JavaScript is een computertaal die dynamische website-elementen creëert, zoals menu's, formulieren en animaties. Zware of complexe JavaScript-code kan echter de reactietijd van uw website op gebruikersinteracties vertragen.

Dus

• Verklein deaantal JavaScript-functies:Dynamische webpagina's met veel code kunnen invoervertragingen veroorzaken omdat de browser allemoet laden de code voordat deze wordt uitgevoerd. JavaScript-minificatie kan dit proces helpen versnellen.

• Maak statische HTML-webpagina's:Statische HTML-pagina's laden veel sneller dan dynamische pagina's, vooral wanneer ze worden geleverd via een CDN. Leer meer over statische sitegeneratoren, of Jamstack, een ontwikkelingsstrategie gericht op statische inhoud.

• Verwijder alle ongewenste tools en scripts van derden:Het laden van extra tools op uw website kan de website vertragen. Verminder het aantal tools van derden op een website om de FID en de algehele websiteprestaties te verbeteren.

Conclusie

Dus, doen Core Web Vitals er toe?

Core Web Vitals zijn absoluut van belang als het gaat om het creëren van een eersteklas, probleemloze ervaring voor iedereen die uw website bezoekt

Hoewel het optimaliseren voor deze essentiële zaken specifieke vaardigheden van uw webontwikkelaars vereist, is de beloning enorm: het creëren van uitstekende digitale ervaringen die ervoor zorgen dat klanten tevreden blijven en terugkomen voor meer. Het beheersen van deze Core Web Vitals in 2024 en daarna zal van cruciaal belang zijn voor online succes.

Lees meer opVerbindingssnelheid.

Veelgestelde vragen