MBU-stories neemt je mee in onze wereld: de digitale wereld. Alles wat te maken heeft met development, branding en user experience wordt in onze stories besproken. Wij vinden het fantastisch om hierover te vertellen en wij willen jou ook graag enthousiasmeren. In deze story: Jouw User Experience en Google rating gaan hand in hand.

We hebben allemaal geleerd dat relevante content koning is voor Google. Maar de afgelopen jaren neemt Google steeds meer punten mee in de ranking. Onder andere User Experience wordt steeds belangrijker voor jouw vindbaarheid. Daarom zijn er de Core Web Vitals. De Core Web Vitals richten zich specifiek op de Page Experience. Op het moment van schrijven zijn het drie punten waar Google zich op focust: De Large Contentful Paint (LCP), First Input Delay (FID) en de Cumulative Layout Shift (CLS). In de toekomst kunnen dit er nog meer worden. User Experience is altijd al belangrijk voor jouw webshop, maar mocht je er nog niet mee bezig zijn kan deze story jou wellicht overtuigen!

Zorg voor een snelle laadtijd

We beginnen met de Largest Contentful Paint, de LCP. Hier wordt de snelheid van de pagina’s van jouw webshop gemeten. Oftewel: hoelang duurt het voor een bezoeker voordat een pagina is geladen. Je zal het vast zelf eens gehad hebben, een pagina die maar niet laadt en dat je denkt: laa(d)t maar. En je klikt de pagina weer weg en gaat door met je dag of gaat op zoek naar een andere webshop. Een goede score voor jouw Google rating betekent dat jouw pagina er gemiddeld maximaal 2,5 seconden over doet om te laden. Duurt het langer dan 4 seconden dan wordt jouw pagina gecategoriseerd als slecht.

Het is makkelijk om te praten over een snellere laadtijd, maar hoe zorg je er nou voor dat jouw webshoppagina’s daadwerkelijk sneller laden? Er zijn verschillende zaken die input kunnen hebben op jouw laadtijd: html, CSS, javascript, afbeeldingen en video’s. Een simpele eerste stap naar een snellere laadtijd is je bestanden verkleinen. Je zal merken dat dit al een groot verschil kan maken.

Hoelang duurt het voordat jouw pagina reageert?

Om te meten hoelang het duurt voor jouw pagina reageert maakt Google gebruik van de First Input Delay (FID). Hier gaat het om de interactiviteit van jouw webshop. FID gaat een stap verder dan de LCP. Het gaat namelijk om de tijd die het een bezoeker kost om een actie uit te voeren. En hoe meer acties er zijn op jouw pagina, hoe belangrijker de FID-score is. Nog steeds geen idee wat wij hiermee bedoelen? Een voorbeeld. Stel je voor dat je als bezoeker een menu wilt uitklappen maar dit duurt langer dan normaal, dan kan het zomaar zijn dat je al tien keer hebt geklikt en het menu ineens tien keer ziet bewegen. Of dat je boodschappen online doet en de producten niet direct in jouw winkelwagen komen. Voor je het weet heb je 6 broden, 8 pakken melk, 12 kazen en 30 diepvriespizza’s in je mandje. Terwijl je natuurlijk alleen maar één diepvriespizza wilde.

Het gaat om hele korte tijden voor de FID-score. Onder de 100 milliseconden is goed, boven de 300 milliseconden is slecht. Een hele korte tijd kan dus al een groot verschil maken bij het uitvoeren van acties op een pagina. De reden voor trage reacties op jouw pagina kan komen door een zwaar Javascript bestand. Op zoek naar een oplossing? Kijk eens naar je hosting.

Stop schuivende afbeeldingen en teksten

De Cumulative Layout Shift (CLS) berekent hoeveel verschuivingen plaats vinden op jouw pagina. Oftewel: Hoeveel visuele stabiliteit heeft jouw pagina. Deze verschuivingen zie je doordat de tekst ineens verspringt terwijl je aan het lezen of scrollen bent, er afbeeldingen tevoorschijn komen of advertenties in beeld verschijnen. Het is je vast eens overkomen: je scrollt door een pagina of wilt ergens klikken, maar omdat alles verspringt ben je ineens in een advertentie belandt. Heel vervelend natuurlijk voor de bezoeker als het bij jouw webshop gebeurt. Maar hoe komt dit? Deze verschuivingen gebeuren omdat de tekst al in beeld is maar andere (grotere) content er langer over doet om te laden. Deze content, bijvoorbeeld een afbeelding, wordt pas ingeladen. Google meet dit door een score uit te delen aan het aantal verschuivingen en hoeveel procent van de pagina hieronder lijdt door middel van een berekening. Onder de 0.1 is een goede uitkomst, boven de 0.25 is slecht.

Je kunt jouw score verbeteren door ruimte te reserveren voor content die langer over het laden doet. Dan staat de tekst direct op de goede plek en is er een wit vlak waar later de afbeelding in verschijnt.

Hoe meet je Core Web Vitals?

De twee beste manieren om de Core Web Vitals te meten zijn door de Google Pagespeed Insights en de Google Search Console. De metingen worden op alle apparaten gedaan, dus niet alleen op desktop maar ook mobiele apparaten. De Google Pagespeed Insights is een iets oppervlakkigere meting en meer bedoelt als steekproef. Je kunt hiermee per pagina meten wat de Core Web Vitals uitkomsten zijn. Heb je veel pagina’s, dan zou je per pagina de URL in moeten voeren en ben je dus lang bezig. Wil je snel een indruk krijgen, kies je een aantal belangrijke pagina’s.

Met de Google Search Console meet je daarentegen de hele website. Alle pagina’s worden gezamenlijk gemeten. Er wordt ook rekening gehouden met je internetsnelheid, zit je bijvoorbeeld op de WiFi of rij je net door een tunnel dan kan dit effect hebben op hoe snel een pagina geladen wordt. Je kunt dus de cijfers voor je hele website zien, maar minder specifiek dan de Google Pagespeed Insights die elke pagina apart meet.

Het is wat, zorgen dat je klanten je kunnen vinden via Google. Maar vergeet niet: waar Google zich op focust zou jij je ook op moeten focussen. Goede content is namelijk belangrijk voor klanten en een goede User Experience net zo. En door alleen maar op één van de drie te focussen kan je al omhooggaan in de Google ranking. Een goede Core Web Vitals score betekent dus dat je een klant- en gebruiksvriendelijke website hebt!

Wil jij ook een betere User Experience en Google Ranking? Neem dan contact met ons op!