Search24.09.2020

Core Web Vitals update: dit moet je weten!


Gebruikerservaring gaat een steeds grotere rol spelen binnen het online landschap. Daarom heeft Google in 2021 een update op de planning staan om de ‘site-vitaliteit’ op te nemen als rankingfactor. Google zal dit zes maanden van te voren bekend maken zodat je van te voren stappen kan ondernemen.

Mijn advies is echter om hier niet langer mee te wachten en hier direct mee aan de slag te gaan, zodat je direct de user-experience kan verbeteren. Deze update gaat op iedere website effect hebben. Daarnaast is het niet alleen goed voor je SEO-resultaten maar zal je het ook gaan terugzien in ander KPI’s.

Wat zijn de core web vitals?

Met een door Google zeer sterke focus op de gebruiksvriendelijkheid zal het niet als een verrassing komen dat er weer andere ‘factoren’ worden toegevoegd om de gebruiksvriendelijkheid van websites te verbeteren. Er wordt door Google onderscheid gemaakt tussen drie meetwaarden:

  • Pagespeed
  • Interactiviteit
  • Visuele stabiliteit

Om je een handje op weg te helpen heeft Google alvast de Lighthouse en PageSpeed Insights tools geüpdatet zodat je kan zien wat je score is en wat je moet verbeteren. Om meer inzicht te krijgen is er onlangs in Google Search Console de optie ‘Site vitaliteit’ toegevoegd. Naast andere UX-factoren zoals de mobielvriendelijkheid, vind je in het rapport ‘Site vitaliteit’ drie pijlers waarmee je de site vitaliteit/gebruiksvriendelijkheid mee kan beoordelen.

Core-Web-Vtals-factoren-1
Core-Web-Vtals-factoren-1

Largest Contentful Pain (LCP): zorg dat je pagina snel laadt!

LCP staat voor ‘Larges Contentful Paint’. Dit meet de rendertijd van het grootste element dat zichtbaar is op je pagina. Dit kan bijvoorbeeld een video, afbeelding of tekst zijn. Het gaat hierbij vooral om elementen boven de vouw van een pagina. Is het element pas zichtbaar als een gebruiker scrollt of het scherm aanraakt, dan heeft dit geen invloed op de LCP. Idealiter is deze score onder de 2,5 seconden, tussen de 2,5 en 4 seconden wordt gezien als matig en langer dan 4 seconden is slecht.

Veel voorkomende oorzaken van een ‘slechte’ LCP score zijn o.a.:

  • Trage serverreactietijd
  • JavaScript en CSS die de weergave blokkeren
  • Traag ladende elementen (video, whitepaper, etc)
  • Rendering aan de cliëntkant

Meer info: Optimaliseren van de LCP.

First Input Delay (FID): Vlotte interface!

FID staat voor ‘First Input Delay’. Deze metric laat zien hoe snel een pagina reageert op een interactie van de gebruiker. Dit kan zijn het openklappen van de navigatie, het indrukken van een button, het invoeren van een tekst etc. Wellicht heb je zelf de frustratie ook wel eens gehad dat een website te traag reageert op een bepaalde actie, dit beïnvloedt de gebruikerservaring natuurlijk op een negatieve wijze. Google geeft hier zelf een leuke uitleg voor om er een wat beter beeld bij te krijgen:

‘It’s like measuring the time from ringing someone’s doorbell to them answering the door. If it takes a long time, there could be many reasons’.

FCP & LCP-2
FCP & LCP-2

Meer info: Optimaliseren van de FID.

Cumulative layout shift (CLS): Zorg dat je elementen niet verspringen!

CLS staat voor ‘Cumulative Layout Shift’ en heeft te maken met de mate dat er onverwachte verschuivingen van elementen plaatsvinden op je website. Een website wordt meestal in meerdere delen geladen, soms duurt dit erg lang waardoor er elementen verspringen en dit heeft een negatief effect op de gebruikerservaring. Een shift kan veroorzaakt worden door bijvoorbeeld fonts die te langzaam laden, het resizen van afbeeldingen, laden van een advertentie, etc. Echter, als een bezoeker zelf een actie initieert waardoor de layout verschuift telt dit niet meer voor de score. Denk hierbij aan het filteren in een webshop, een dropdown menu selecteren etc.

CLS - Core web vitals-3
CLS - Core web vitals-3

Meer info: Optimaliseren van de CLS.

Onderstaande afbeeldingen laat de richtlijnen van Google zien.

Google-Core-Web-Vitals-4
Google-Core-Web-Vitals-4

Hoe scoort mijn website?

Er zijn een aantal tools beschikbaar om meer inzicht te krijgen in de scores en nog belangrijker de feedback waarom bepaalde pagina’s goed of minder goed presteren.

Onderstaande afbeelding geeft de tools weer waarmee je de web vitals kan testen en op welk element het van invloed is.

Core web vital tools -5
Core web vital tools -5

Google heeft het vrij makkelijk gemaakt om inzicht te krijgen in de prestaties. Zo heeft Google het rapport ‘site-vitaliteit’ toegevoegd in Google Search Console. In dit dashboard laat Google geïndexeerde URL’s zien die voldoen aan de eisen, verbetering nodig hebben of slecht zijn. Mocht je pagina’s vinden in Google Search Console, dan is het belangrijk om te analyseren om welke (soort) pagina’s het gaat en hoe je het kan verbeteren. De rapporten vanuit Search Console linken weer door naar de tool ‘Page Speed Insights’. Deze tools geeft nog meer inzicht in de problematiek van de getroffen URL’s. In de Chrome developer tools onder het kopje ‘performance’ kun je eventuele verschuivingen (CLS) ook vrij vlot ontdekken.

Chrom dev tools - Core web vitals-6
Chrom dev tools - Core web vitals-6

Daarnaast gebruiken we ook de tool ‘Lighthouse’, deze tool geeft inzicht in de LCP, CLS en FID en geeft feedback over eventuele verbeteringen. Lighthouse is o.a. te vinden in Chrome Devtools. Deze verbeteringen kunnen vrij technisch zijn, daarom is het goed om een (web)developer aan te haken!

Meer info over deze tools: https://web.dev/vitals-tools/

Mocht je er mee aan de slag willen gaan is er een handige calculator die het effect meet van een aanpassing.

Wil je weten hoe jouw website scoort? Doe dan de nu test via: https://developers.google.com/speed/pagespeed/insi…

Wil je meer weten of heb je hulp nodig? Neem dan contact op met Pure IM.

Deze blogpost is geschreven door Casper van Maanen.

[Fotocredits © vectorhot – Adobe Stock]

...

Verder lezen over Google

Een kwart van het programmeerwerk bij Google wordt gedaan door AI

Van alle nieuwe code die momenteel bij Google wordt gemaakt schijnt een kwart te zijn gemaakt door computers, in plaats van mensen.

Artificial Intelligence30.10.2024

Een kwart van het programmeerwerk bij Google wordt gedaan door AI

Google Flights laat je straks goedkopere vluchten vinden

Wil je echt de ultiem goedkoopste vlucht boeken, waarbij je misschien wel drie keer moet overstappen om in Australië neer te strijken, dan kun je daar nu een nieuwe knop voor aantikken in Google Flights.

Online17.10.2024

Google Flights laat je straks goedkopere vluchten vinden

AI wint nu ook nog de Nobelprijs: twee zelfs

DeepMind, Google’s lab waarin volop met kunstmatige intelligentie wordt geexperimenteerd, is in de prijzen gevallen.

Artificial Intelligence09.10.2024

AI wint nu ook nog de Nobelprijs: twee zelfs

Epic krijgt gelijk: Google houdt Android te dicht

De rechter heeft nu bepaald dat Google de Google Play appwinkel drie jaar lang open moet stellen voor de concurrentie.

Mobile08.10.2024

Epic krijgt gelijk: Google houdt Android te dicht

Google komt met hulp voor als je telefoon wordt gestolen

Shit, telefoon gestolen. Google introduceert nu drie nieuwe opties om te zorgen dat de dief niet bij je data kan.

Mobile07.10.2024

Google komt met hulp voor als je telefoon wordt gestolen

Knoop straks in het Nederlands een gesprek aan met Gemini Live

Google Gemini Live was al beschikbaar, ook voor Nederlanders, maar nog niet officieel in het Nederlands. Daar komt in de komende weken dus verandering in.

Artificial Intelligence03.10.2024

Knoop straks in het Nederlands een gesprek aan met Gemini Live

Epic klaagt Google en Samsung aan om alternatieve appwinkels

Epic had Google vier jaar geleden al aangeklaagd voor het runnen van een monopolie op de appwinkel, maar nu komt daar een nieuwe rechtszaak bij. 

Mobile01.10.2024

Epic klaagt Google en Samsung aan om alternatieve appwinkels

Google introduceert een speelse doodle met popcorn

Search25.09.2024

Google introduceert een speelse doodle met popcorn

Verder lezen over Weblog

Je kunt geld verdienen met je WordPress-blog met betaalmuur

Een blog waarvoor mensen moeten betalen. Volgens de makers kost het een paar seconden om op te zetten en werkt het op elke WordPress-blog.

Online24.10.2024

Je kunt geld verdienen met je WordPress-blog met betaalmuur

WordPress heeft problemen: dit is wat je ervan merkt

Het is een bedrijf dat flink wat geld verdient door gebruik te maken van WordPress, dat open source is. Het gevolg? Een grote discussie over of dat wel helemaal kan.

Online30.09.2024

WordPress heeft problemen: dit is wat je ervan merkt

WordPress maakt een grote sprong: linkt nu met Mastodon

De EU wil graag dat apps wat minder eenkennig worden. Daarom kun je straks ook WhatsApps lezen in andere apps dan WhatsApp, en andersom. WordPress doet vrolijk mee. Het gigantische blogplatform heeft nu versie 1.0.0 van...

Online19.09.2023

WordPress maakt een grote sprong: linkt nu met Mastodon

But first, fediverse.
WordPress-gebruiker? Je kunt je posts niet meer tweeten

Heb je een eigen reisblog, een receptensite of een nieuwssite over social media? Wat je ook maar doet op WordPress, de kans is groot dat het je goed uitkomt dat er een Twitter-integratie is. Hierdoor kunnen posts die wor...

Social Media02.05.2023

WordPress-gebruiker? Je kunt je posts niet meer tweeten

Zo maak je een succesvolle SEO-proof contentstrategie in 2023

Het maakt niet uit of je een bedrijf hebt of een eigen, persoonlijk blog: zodra je een website runt, wil je dat er traffic komt. Dat komt er zeker niet alleen maar door op social media naar je pagina te verwijzen of een...

Search13.03.2023

Zo maak je een succesvolle SEO-proof contentstrategie in 2023

​Wix lanceert tool om het web voor iedereen toegankelijk te maken

Wix, een wereldwijd SaaS platform voor het creëren, beheren en uitbreiden van een online aanwezigheid, kondigde eind vorige maand de lancering aan van de toegankelijkheid wizard. Wix gebruikers hebben daarmee nu een sta...

Online01.06.2021

​Wix lanceert tool om het web voor iedereen toegankelijk te maken

Met deze basis marketingmiddelen scoor jij altijd!

Wil jij jouw lokaal op de kaart zetten? Dan is het goed om meer naamsbekendheid op te bouwen. Goede marketing is hierbij een must. Er zijn een aantal componenten binnen marketing die je kunt optimaliseren en waarmee je a...

DC Business31.07.2020

Met deze basis marketingmiddelen scoor jij altijd!

Nederlandse lokale nieuwsorganisaties krijgen steun van Google’s noodfonds

Google Nederland gaat zo’n 70 lokale nieuwsorganisaties in Nederland van een bijdrage voorzien vanuit het speciale noodfonds dat vorige maand is opgezet. Ook lokale nieuwsorganisaties worden namelijk hard getroffen doo...

Nieuws08.06.2020

Nederlandse lokale nieuwsorganisaties krijgen steun van Google’s noodfonds

Verder lezen over Website

Online poker wordt nu al gedomineerd door AI

Online poker is groot, maar voor zowel pro’s als recreatieve spelers wordt het een stuk minder leuk en interessant met AI erbij.

Online23.09.2024

Online poker wordt nu al gedomineerd door AI

Booking wordt flink aangepakt: dit is waarom de reissite onder vuur ligt

Booking.com gaat de laatste tijd niet heel lekker. De EU heeft een oogje op het bedrijf en nu geven de Spanjaarden zelfs al een boete.

Online31.07.2024

Booking wordt flink aangepakt: dit is waarom de reissite onder vuur ligt

De allerlelijkste website van 2024 wil geen restyle

De lelijkste website van 2024 kun je bijna niet meer gemaakt krijgen in 2024: de programma’s die je kunt gebruiken om sites te maken zijn simpelweg veel te goed geworden, daarmee kun je een gedrochtje als deze er niet meer uit weten te halen.

Online04.07.2024

De allerlelijkste website van 2024 wil geen restyle

Deze websites zijn genomineerd voor lelijkste website van het jaar

Websites met Comic Sans, of gekke kleurencombi's. Je kunt nu stemmen op de website die jij eruit vindt springen op het gebied van lelijkheid.

Online29.05.2024

Deze websites zijn genomineerd voor lelijkste website van het jaar

Veelgemaakte fouten bij het bouwen van een website en hoe ze te vermijden

In het digitale tijdperk kan het bouwen van een effectieve website een uitdaging zijn. Dit artikel belicht veelgemaakte fouten tijdens het ontwikkelen van websites en biedt oplossingen om ze te vermijden.

Online29.04.2024

Veelgemaakte fouten bij het bouwen van een website en hoe ze te vermijden

Steeds meer mensen twijfelen aan de waarheid van online informatie

In 2023 heeft 67 procent van de bevolking van 12 jaar of ouder aangegeven op internet informatie gezien of gelezen te hebben die volgens hen niet waar was, of waarbij ze twijfelden aan de waarheid ervan.

Nieuws11.04.2024

Steeds meer mensen twijfelen aan de waarheid van online informatie

​Dit zijn de linkbuilding trends voor 2024

Een nieuw jaar staat voor de deur en dat betekent dat er weer nieuwe kansen zijn. Tijd voor nieuwe samenwerkingen of het verstevigen van bestaande relaties. Samen internet impact maken, dat doe je bijvoorbeeld met linkbu...

DC Business18.12.2023

​Dit zijn de linkbuilding trends voor 2024

​Zo bizar veel geld harkt OnlyFans binnen

OnlyFans: niemand ‘kent’ het, maar toch harkt de website per jaar een bizarre 5,6 miljard dollar binnen. Het platform waarop influencers en andere persoonlijkheden erotische content delen tegen betaling vindt gretig...

Online25.08.2023

​Zo bizar veel geld harkt OnlyFans binnen