Optimaliseren voor User Experience (UX) wordt (en is!) een ontzettend belangrijke SERP-ranking factor. Een goede SEO moet dus gaan optimaliseren voor zoekmachines én voor gebruikers.

De grote Google Core update staat geplant voor het eerste kwartaal van 2021 en zal SEO voorgoed veranderen.

Op dit moment worden er al bijna dagelijks kleine updates uitgerold die UX steeds belangrijker maken, het is dus erg belangrijk om hier flink op te gaan focussen.

Wat is User Experience (UX) en Web Vital’s?

gebruiksvriendelijk een website is. Google gaat dus aan elke pagina een cijfer voor UX geven en dit gaat ook gebruikt worden als een belangrijke ranking factor.

  • Zoekmachines willen dat websites gebruikers op #1 gaan zetten.

Web Vital’s bestaan uit heel veel factoren waaronder technische vereisten van je website zoals laadt-tijden maar ook design en animaties worden belangrijker.

De drie Core Web Vitals.

De meest belangrijke drie Web Vital’s zijn de zogenoemde ‘Core Web Vitals’:

Cumulatieve Layout Shift (CLS).

Je kent het wel: je probeert op een knop te klikken, maar net als je wilt klikken verschijnt er een ander element in je scherm wat alle content naar beneden drukt en je vervolgens op een compleet andere knop klikt. Als je dit ooit is overkomen raak je waarschijnlijk erg geïrriteerd en verlaat je misschien wel snel de webpagina.

Wat ook kan gebeuren en vaker voorkomt is dat je op een webpagina een artikel aan het lezen bent en alle tekst uit het niets naar boven of beneden springt waardoor je kwijtraakt waar je aan het lezen was, ook dit kan erg vervelend zijn.

Door Google wordt dit fenomeen een Layout Shift genoemd berekend in de Cumulatieve Layout Shift (CLS).

  • Een lage waarde voor de CLS betekend dat dit weinig op je pagina plaatsvindt en wordt positief voor je ranking.
  • Een hoge waarde voor de CLS betekend dat dit veel op je pagina plaatsvindt en wordt negatief voor je ranking.

Volgens Google zijn er drie belangrijke mogelijkheden waardoor een Layout Shift kan gebeuren:

  1. Plaatjes zonder dimensies.

Als je op je website afbeelding hebt waarvan je geen width & height hebt ingesteld laadt het plaatje verkeerd en kan het al je content plots naar boven of beneden duwen.

  • Advertenties of Iframes zonder dimensies.

Als je advertenties of Iframes op je pagina hebt waar je geen dimensies van specificeert kan dit net als de afbeelding ‘verkeerd’ laden en negatieve impact hebben op de CLS.

  • Fonts die zorgen voor ‘Flash of Invisible text (FOIT) of ‘Flash of Unstyled Text’ (FOUT).

Als je fonts of tekst gebruikt op je website die niet op een goede manier laden kan er FOIT of FOUT optreden.

Dit is erg simpel op te lossen door je tekst te ‘pre-loaden’, dit houdt in dat je eerst je tekst compleet laadt voordat je het op een scherm toont.

Largest Contentful Paint (LCP).

De tweede Core Web Vital is de Largest Contentful Paint (LCP), dit is een maatstaaf die de laadsnelheid van de meest belangrijke HTML5 elementen betreft dat je kan zien zonder te scrollen op een pagina.

Simpel gezegd: de laadtijd van het meest belangrijke onderdeel van je pagina.

Het meest belangrijke onderdeel van je pagina is bijvoorbeeld een grote afbeelding bij een landingspagina of een blok tekst bij een blog.

LCP optimaliseren is eigenlijk best simpel. Er zijn drie voorwaarden waar je aan moet voldoen om goed te scoren op LCP

  1. Zorg dat je een ‘sterke’ server hebt die snel laadt.
  2. Zorg dat je niet te veel javascript of CSS gebruikt dat erg lang duurt om te laden.
  3. Zorg dat je plaatjes/frames snel laden.

First Input Delay (FID).

Je kent het wel: je bent net op een pagina geland en je wilt op een knop drukken. Als je vervolgens op de knop drukt, gebeurt er helemaal niets, dus je klikt nog een keer, als er dan binnen een paar seconden weer niets gebeurd raak je erg geïrriteerd en verlaat je misschien wel de pagina.- Dit is een voorbeeld van een hoge First Input Delay.

De First Input Delay (FID) is de tijd die het kost om een functie te starten nadat een gebruiker interactie heeft gehad met een element.

Als een gebruiker bijvoorbeeld op een knop drukt verwacht hij dat er snel iets gebeurt of veranderd op een website. Wanneer een gebruiker té lang moet wachten op een verandering van de pagina verslechterd dat de FID.

            De FID wordt uitgedrukt in milliseconden.

Een studie van NNG heeft het volgende ontdekt:

(https://www.nngroup.com/articles/response-times-3-important-limits/)

  • Een gebruiker vindt een FID tot 100 milliseconden perfect en bijna instant.
  • Een gebruiker vindt een FID tot 1000 milliseconden opvallend, maar stoort zich er niet aan.
  • Een gebruiker vindt een FID tot meer dan 10.000 milliseconden erg vervelend, en er is een hoge kans dat de bezoeker de pagina geïrriteerd verlaat.

Met dit onderzoek in ons achterhoofd zou een FID van minder dan 100 het doel moeten zijn voor een SEO.

Dus:

  • Een hoge FID staat gelijk aan lang wachten en heeft negatieve impact op SEO.
  • Een lage FID staat gelijk aan kort wachten en heeft positieve impact op SEO.

Core Web Vitals doelstellingen voor goede UX.

De criteria waar een webpagina aan moet voldoen in de ogen van Google, deze waardes zijn gegeven in de update-log van Chrome, en staan gelijk aan:

(https://chromium.googlesource.com/chromium/src/+/master/docs/speed/metrics_changelog/README.md )

  1. Largest Contentful Paint, minder dan 2500ms is goed.
  2. First Input Delay, minder dan 100ms is goed.
  3. Cumulative Layout Shift, een waarde lager dan 0.1 is goed.

Als meer dan 75% van alle bezoekers binnen deze criteria valt is je pagina officieel goed genoeg voor de Google Core Update in 2021.

Je kan zelf checken op web.dev  of je deze waardes haalt.

Conclusie.

User Experience is ontzettend belangrijk in SEO en het zal steeds belangrijker worden omdat Google wil dat gebruikers op #1 komen te staan.

Als je wilt optimaliseren voor de komende Core Updates moet je focussen op drie Core Web Vitals:

  1. Largest Contentful Paint, de tijd dat het grootste element kost om te laden op je zichtbare webpagina.
  2. First Input Delay, de tijd dat het kost voordat je server een reactie geeft op een interactie van een gebruiker op een element.
  3. Cumulative Layout Shift, een waarde gebaseerd op dat elementen stukken tekst of andere belangrijke elementen wegstoten tijdens het laden van een website.

Laat een reactie achter

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Meer Bezoekers en Sales?

Besteed uw SEO vandaag nog uit en zie uw klanten groeien!