Google heeft in de afgelopen jaren factoren zoals PageSpeed, mobiele optimalisatie en betrouwbaarheid steeds meer als positieve factoren voor vermelding in de Google-zoekresultaten ingesteld. In mei 2020 kondigde Google aan bepaalde Meetmetrieken als Page Experience Signals te bundelen en in mei 2021 werden de Page Experience Signals als nieuwe rankingfactor voor websites uitgerold, waarbij verschillende factoren werden gebruikt om een algeheel beeld te vormen van de kwaliteit van het ervaren van een website.

Tot de zeven zes primaire factoren voor de Gebruikers- en Pagina-ervaring behoren:

  • Ladingsnelheid
  • Interactiviteit (FID - tot februari 2024), Interaction to next Paint (INP - sinds maart 2024)
  • Visuele stabiliteit (cumulatieve lay-outverschuivingen)
  • mobiele optimalisatie
  • Veilig browsen: geen malware, geen merkimitatie, …
  • HTTPS: Versleuteling via SSL-certificaat
  • geen storende interstitials (volledig scherm banners)
Kern Web Vitals en Pagina-ervaringsfactoren

Ladingsnelheid volgens Core Web Vitals

Met laden wordt de snelheid van de website bedoeld, hoe snel de hoofdinhoud voor uw gebruiker wordt geladen. Google geeft tijden tot 2,5 seconden als een goede waarde aan die website-eigenaren voor hun gebruikers zouden moeten nastreven.

Interactiviteit en responsiviteit volgens de Core Web Vitals

Interactiviteit zoals de Eerste Invoervertraging (First Input Delay) betekent wanneer een pagina daadwerkelijk reageert wanneer een gebruiker ermee wil interageren ... bijvoorbeeld door te scrollen of op een knop te klikken. Het is dus de reactiesnelheid van de website op interacties van de gebruiker. Deze periode moet zo kort mogelijk worden gehouden en een goede waarde voor Google is tot 100 ms. Sinds maart 2024 is de metriek vervangen door Interaction to Next Paint (INP). Interaction to Next Paint (INP) meet de algehele responsiviteit van een website op gebruikersinteracties door de vertraging van alle muisklikken, toetsaanslagen en toetsenbordinvoer te volgen die tijdens het hele bezoek van een gebruiker aan een pagina optreden. De uiteindelijke INP-waarde komt overeen met de langst waargenomen interactie, waarbij uitschieters niet worden meegerekend. Latentie wordt hier gedefinieerd als de tijd tussen een gebruikersactie en de zichtbare reactie daarop.

Mijn script voor mijn digitale marketingtutorial, dat werd gemaakt in de online app Google Docs, heeft meer dan 600 pagina's. In latere hoofdstukken merkte ik tijdens het schrijven in mijn browser kleine haperingen op, omdat deze klaarblijkelijk moeite had om de bron-hongerige honderden pagina's inclusief de vele afbeeldingsbestanden soepel te laden. Een gebeurtenis die mijn werk niet per se hinderde, maar wel een reactieve storing in het gebruik vormde. Daarom maakte ik een nieuw document waarin het hoofdstuk is ontstaan, om het vervolgens in het grote script te plakken. Hier draait het ook allemaal om bij de interactiviteit van websites, dat de gebruikerservaring op vele verschillende fronten positief is. Het gaat dus om reacties op specifieke interacties zoals scrollen, klikken, gebaren en ook de vloeiendheid bij animaties.

Cumulatieve Lay-outverschuivingen volgens de Core Web Vitals

Cumulatieve lay-outverschuivingen, ook CLS-fouten genoemd, treden op wanneer uw website asynchroon laadt en een gebruiker bijvoorbeeld al verder naar beneden leest terwijl bovenaan nog een afbeelding of een advertentie met een groot bestand wordt geladen en door de uiteindelijke plaatsing de lay-out een sprong naar beneden maakt. Dit is vaak de waarde die ervoor zorgt dat de Core Web Vitals niet worden gehaald, zelfs als uw website snel laadt.

PageSpeed testen met online tools

De PageSpeed kan hier worden getest:
https://pagespeed.web.dev/
https://gtmetrix.com/

PageSpeed-Insights-resultaat voor TutKit - Desktop

Als alternatief kan ook Lighthouse onder de Dev-functies van uw Chrome-browser worden gebruikt. Druk eenvoudig op F12 en in het menu aan de rechterkant vindt u Lighthouse, waarmee u de momenteel geopende website kunt laten testen.

De Website- en Responsiviteitssnelheid is afhankelijk van vele factoren zoals serverprestaties, codekwaliteit, wat wanneer wordt geladen, de bestandsgroottes van afbeeldingen, iconen als SVG in plaats van PNG, enz. Daarom is het zinvol om voorlopig te vertrouwen op de aanbevelingen van GTMetrix en PageSpeed Insights om universele verbeteringen te behalen als de waarden nog niet goed zijn.

Google geeft u ook het samengevoegde resultaat van de nieuwe Core Web Vitals voor de Page Experience. In de Google Search Console heeft u ook de mogelijkheid om toewijzingen aan individuele pagina's van uw website te krijgen. Dit helpt u bij het identificeren en oplossen van problemen op uw pagina's.

De mobiele optimalisatie van een website in het kader van de Page Experience

De mobiele optimalisatie van een website kan ook worden getest met de DevTools van uw Chrome-browser met de schakelknop Apparaatwerkbalk (Ctrl + Shift + M).

Voor ontwikkelaars is het soms belangrijk te begrijpen hoe een lay-out reageert op een specifiek apparaat, bijvoorbeeld wanneer een klant een probleem meldt met bijvoorbeeld een ouder model iPhone. Bij Chrome = F12 kunt u direct verschillende apparaten activeren die vervolgens de resolutie weergeven. Er zijn ook professionele tools die uitgebreide tests uitvoeren, zoals die van de dienst Lambda-Test.

Mobile optimalisatie omvat ook dat gebruikers de inhoud gemakkelijk op een smartphone kunnen bekijken zonder te hoeven inzoomen! Het betekent ook dat inhoud die op de grote desktopcomputer zichtbaar is, niet per se ook op de smartphone zichtbaar hoeft te zijn. Een smartphone heeft andere (mobiele) interactiemechanismen zoals bijvoorbeeld aanraken in plaats van klikken. Dit is vooral belangrijk bij populaire zweefelementen op websites die op smartphones niet op dezelfde manier werken. 

Ook vandaag de dag is de smartphone vaak de toegangspoort tot een zoektocht die later misschien op een ander apparaat, zoals een tablet of desktopcomputer, wordt voortgezet. Dit betekent dus het begin van een langere customer journey over meerdere apparaten heen, daarom moet de gebruikerservaring ook rekening houden met het cross-device gebruik.

Een voorbeeld van persoonlijke ervaring met cross-device gebruik: Mijn partner en ik hebben samen drie kinderen. We waren laatst bij een vriend in een overdekt zwembad. Mijn smartphone lag in een strandstoel vlakbij het zwembadgedeelte. Een gedachte schoot door me heen, wat er zou gebeuren als mijn smartphone per ongeluk of door een van de kinderen in het water zou vallen. Mijn smartphone regelt al bijna de helft van mijn leven. Maar de gedachte kreeg een urgentie omdat ik ook mijn portefeuille via de smartphone beheer. 100% mobiel... zo adverteert Trade Republic, mijn online broker. Plotseling realiseerde ik me dat ik geen back-upmogelijkheid zou hebben bij verlies van mijn smartphone. Dan zou ik gedurende enkele uren of misschien zelfs dagen geen toegang hebben tot mijn portefeuille. Mensen die ooit gedurende de dag een paar knock-outpapieren met een hoog hefboomeffect en nauwe stopwaarde in hun portefeuille hebben gehad, kunnen zich voorstellen dat dit zeker enige paniek kan veroorzaken. 100% mobiel werd dus een latente nadeel voor mij, daarom opende ik een nieuwe rekening bij een andere neobroker, waar ik zowel mobiel als via desktop kan handelen. Inmiddels heeft Trade Republic ook een desktopversie - goed zo!

Veilig browsen in het kader van de paginabeleving

Veilig browsen betekent dat jouw website enerzijds geen malware verspreidt en anderzijds dat je je ook aan de regels houdt, bijvoorbeeld geen handelsmerklogo's gebruikt die je niet mag gebruiken of handelsproducten afbeeldt die niet in jouw portfolio zitten. Hieronder valt ook dat bijvoorbeeld een afspeelknop voor een video daadwerkelijk een video moet afspelen en geen download voor de gebruiker moet uitvoeren. Vooral het punt van malware is voor veel websites het grootste risico bij veilig browsen, wat alleen kan worden beperkt door regelmatige updates van het CMS en de gebruikte plugins. Als jouw website niet per se een contactformulier nodig heeft, is het het overwegen waard om er ook van af te zien, omdat de formulierenvelden een ingang zijn voor hackers of geautomatiseerde hacks, zoals SQL-injecties, cross-site scripting, hexadecimale codes, enz.

In augustus 2021 trok Google zijn eerdere standpunt terug en verklaarde dat veilig browsen nu toch niet meer als rankingfactor wordt meegenomen. Deze stap werd gemotiveerd door het feit dat veel website-eigenaren niet verantwoordelijk kunnen worden gehouden voor hacking. Toch wordt in de analyses van PageSpeed Insights en Lighthouse een aanbeveling voor veilig browsen gevonden. Daarom kan worden aangenomen dat het onderwerp voor SEO nog niet definitief is afgesloten.

PageSpeed Insights Veilig Surfen

Veilige verbindingen via HTTPS voor een optimale paginabeleving

HTTPS is vandaag de dag standaard. Elke pagina moet een SSL-certificaat hebben. Met name in Duitsland is er ook een risico op boetes voor websitebeheerders die geen SSL-certificaat hebben.

Het is vooral belangrijk om ervoor te zorgen dat de afbeeldingen die vóór de toewijzing van een SSL-certificaat waren geplaatst, ook in de code van http naar https worden aangepast. Anders geeft de browser aan dat de pagina niet veilig is. Dit is vooral het geval bij WordPress-sites - het meest gebruikte CMS ooit.

Afzien van opdringerige interstitials

Het laatste punt in de lijst is het afzien van opdringerige interstitials, oftewel paginagrote banners die maar zelden het hart van jouw gebruikers sneller laten kloppen. Ze zorgen alleen voor frustratie en leiden daarom tot negatieve emoties en een snelle afwijzing. In dit verband moet ook eens gedacht worden aan snel opduikende nieuwsbriefaanmeldingsbanners. Ook frustrerend zijn de cookiebanners om nieuwe klanten te begroeten. Als een gebruiker direct na het zien van zo'n banner weer terugkeert naar de SERP's, is dat ook een negatief signaal voor Google.

Tussenliggende, volledig scherm banner

Conclusie over de paginabelevingsfactoren

Het aanpassen aan de Google-factoren voor een optimale gebruikers- en paginabeleving moet grotendeels worden uitgevoerd door jouw ontwikkelaars of jouw ondersteunende bureau. Als marketingmedewerker is het belangrijk dat je weet op welke metrieken de paginabeleving wordt gemeten en welke tools je hiervoor kunt gebruiken. Als jouw bureau is belast met het optimaliseren, zorg er dan direct in het contract voor dat de resultaten van hoge kwaliteit moeten zijn voor acceptatie van de prestaties. En wees je er absoluut van bewust dat sinds mei 2021 de paginabeleving de zoekopdrachten en de ranking van websites op Google actief beïnvloedt. De effecten van de ranking zullen ook door jouw concurrenten worden ervaren en zij hebben hun websites, als deze zijn gedaald in de SERP's, aangepast aan de nieuwe eisen.

Als je met jouw online aanwezigheid hoger wilt scoren in de zoekresultaten van Google, kun je niet om het onderwerp paginabeleving heen. Uiteindelijk doe je dit niet alleen om SEO-redenen, maar ook als onderdeel van de merkbeleving, zodat jouw doelklanten nog makkelijker worden geleid naar het gewenste gedrag.

Welke andere elementen verbeteren nu de gebruikerservaring van jouw doelgroep op jouw website in het bijzonder? In principe zijn het alle aanraakpunten waar jouw gebruiker op zijn klantreis langs de trechter tot aan de gewenste conversie mee te maken krijgt. Hierover meer in verdere delen van deze helpserie.

Pagina-ervaring is een SEO-rangfactor voor Google (Core Web Vitals)

Gepubliceerd op van Matthias Petri
Gepubliceerd op: Van Matthias Petri
Matthias Petri richtte samen met zijn broer Stefan Petri het bureau 4eck Media GmbH & Co. KG op in 2010. Samen met zijn team beheert hij het populaire vakforum PSD-Tutorials.de en de e-learning portal TutKit.com. Hij heeft talloze trainingen gepubliceerd op het gebied van beeldbewerking, marketing en design en doceerde als gastdocent bij de FHM Rostock "Digitale marketing & communicatie". Voor zijn werk is hij meerdere malen onderscheiden, waaronder met de speciale prijs van de Website Award Mecklenburg-Voor-Pommeren 2011 en als Creatief Maker Mecklenburg-Voor-Pommeren 2015. In 2016 werd hij benoemd tot Fellow van het Competentiecentrum voor Cultuur- & Creatieve Industrie van de Bond en is betrokken bij het initiatief "Wij zijn het Oosten" als ondernemer en plaatsvervangend directeur samen met vele andere protagonist van Oost-Duitse afkomst.