webdesign logo transparant wit webdesign logo wit white small

Verbeter je website met Google Lighthouse

De nieuwe en verbeterde versie van Google Speedtest

Google Lighthouse is een gratis hulpmiddel dat je meer inzicht geeft hoe je website presteert op het gebied van technische SEO en gebruikerservaring. Met het Lighthouse rapport kun je de pagina-ervaring van een bezoeker nabootsen en krijg je waardevolle tips hoe je je website kunt verbeteren.

Googe Lighthouse, verbeter je wesite

Google ranking factoren

Google heeft onlangs meer nadruk gelegd op de pagina-ervaring, onder meer door Core Web Vital signalen aan de ranking algoritmes toe te voegen. Core Web Vital focust op hoe een gebruiker de pagina ervaart, en met Lighthouse kun je zien hoe goed jouw website scoort. Omdat Lighthouse een Google toepassing is, en de aanbevelingen rechtstreeks van de zoekgigant komen is het belangrijk voor de zoekmachine optimalisatie en de ranking van je website.

Wepagina Lighthouse score

Zoals al aangegeven is een van de belangrijkste onderdelen van Google Lighthouse de Core Web Vitals (CWV). CWV is een belangrijk onderdeel van de Google ranking algoritme “page experience”. De page experience update maakt deel uit van de nieuwe Core Web Vitals welke een steeds belangrijker rol spelen in de ranking factoren.

Het fijne aan Google Lighthouse is dat je de ranking factoren van de page experience kunt toetsen en je meer inzicht krijgt welke onderdelen je kunt verbeteren. Een goede gebruikerservaring staat hierbij centraal, en één van de belangrijkste factoren voor een goede gebruikerservaring is de snelheid van je website.

Website snelheid gaat niet alleen over hoe snel je pagina's laden. Het gaat ook om de perceptie, het moet snel aanvoelen. Als een website traag “aanvoelt” kan dat een enorme impact hebben op de prestaties. Milliseconden bij het laden kan een wereld van verschil maken voor je conversiepercentage.

One second delay on mobile hurts conversion
Bron: Google.

Hoe werkt het Google Lighthouse rapport?

Je kunt elke webpagina testen (ook die van je concurrent). Google Lighthouse analyseert de pagina in de browser en geeft als resultaat een rapport met daarin de scores per categorie. De scores zijn gebaseerd op een schaal van 1 tot 100 punten. Binnen elke categorie wordt een uitgebreide rapportage gegeven met daarin tips hoe je de score kunt verbeteren.

Wat analyseert Google Lighthouse?

Google simuleert het bezoek van een een gemiddelde gebruiker, met een een mid-range mobieltje en een 4G verbinding. Je kunt de test per toestel en netwerkverbinding instellen, maar over het algemeen zijn de standaard instellingen die Google gebruikt aan te raden.

We raden je aan om verschillende pagina’s te testen. Begin met de belangrijkste pagina’s. Test in ieder geval je homepagina, pagina’s met veel verkeer, maar vergeet niet om een aantal pagina’s te testen waar templates worden gebruikt. Denk hierbij aan een productpagina’s of een blogbericht. Als je de problemen op één productpagina oplost, dan zal dit een positief effect hebben op alle overige productpagina’s.

Wat zijn de onderdelen van het Google Lighthouse rapport?

Er zijn 5 categorieën die in een Lighthouse rapport gecontroleerd worden. We leggen de belangrijkste uit; Website prestaties. In de prestatie sectie bekijkt Lighthouse hoe snel gebruikers de pagina-inhoud kunnen bekijken en kunnen gebruiken. Dit wordt gemeten op basis van 6 prestatiemetingen, inclusief de nieuwe Core Web Vitals:

  • First Contentful Paint: Hoe snel is de eerste tekst of afbeelding zichtbaar.
  • Largest Contentful Paint: Hoe snel is de belangrijkste inhoud zichtbaar.
  • Speed Index: Hoe snel wordt de pagina geladen.
  • Time to Interactive: Wanneer kan de gebruiker iets op de pagina doen (interactie).
  • Cumulative Layout Shift: Verspringt de pagina niet te veel tijdens het laden.
  • Total Blocking Time: De tijd tussen tussen First Contentful Paint en Time to Interactive.

Het presentatie rapport gaat dieper in op de resultaten en geeft aanbevelingen voor verbeteringen. Zo worden er tips gegeven voor het comprimeren van afbeeldingen, het opschonen van Javascript/CSS en hoe de render blocking resources kunnen worden teruggebracht om de laadtijd te verkorten.

De Google Lighthouse analyse geeft een realistische inkijk hoe de bezoeker je webpagina ervaart, én hoe Google je website technisch beoordeelt.
Het rapport geeft SEO-analisten en webmasters een duidelijk overzicht wat er verbetert kan worden.

Uitleg en tips per categorie

Je kunt via de onderstaande links een uitgebreide omschrijving lezen wat het rapport inhoud, waarom dit belangrijk is en wat je kunt doen om de prestatie te verbeteren

First Contentful Paint | Time to Interactive | Speed Index | Total Blocking Time | Largest Contentful Paint | Cumulative Layout Shift (CLS)

Lighthouse metrics toelichting

Google Lighthouse rapport genereren

Je kunt het Google Lighthouse rapport op verschillende manieren generen. Persoonlijk vind ik het direct analyseren in Chrome het fijnst, maar dat is voor iedereen persoonlijk.

Stap 1:
In Chrome: Klik op je linkermuisknop en selecteer “Inspecteren”.

Rapport genereren - stap 1

Stap 2:

Rechts wordt er een venster geopend. Klik op de pijltjes bovenaan de balk om alle mogelijkheden te zien. Kies “Lighthouse”.

Rapport genereren - stap 2

Stap 3:
Genereer het rapport.

Rapport genereren - stap 3

Google Lighthouse score calculator

Het leuke aan Google Lighthouse is dat je per categorie kunt zien wat de weging is, en welke impact dat heeft op de totaalscore. Je kunt door de schuifjes naar links of rechts te schuiven heel makkelijk zien wat een goede score is, en welke waardes daar bij horen. Een paar milliseconden kan het verschil maken.

Lighthouse scoring calculator

In het onderstaande voorbeeld heb ik de waardes van de First Contentful Paint aangepast om te kijken wat de impact is op de totaalscore.

Lighthouse scoring calculator

Hier kun je zelf de Google Scoring Calculator in actie zien

Waarom is Google Lighthouse belangrijk voor SEO?

Gebruikerservaring is een belangrijke ranking factor voor Google, en met Lighthouse kun je de gebruikerservaring "onafhankelijk" testen. Waar je eerst verschillende tools nodig had om je website te controleren, kun je nu met één tool de belangrijkste on-site technische SEO controleren, en omdat Page Experience inclusief het nieuwe Core Web Vitals al is geïntegreerd voldoe je direct aan de laatste Google ranking richtlijnen.

Omdat de tool van Google is heeft dit grote invloed op de technische SEO van je website en het geeft je waardevolle tips voor mobiel-vriendelijkheid, toepassing van structured data, en optimalisaties voor canonieke en title tags. Dus ga ermee aan de slag en verbeter je website. Bedenk hierbij dat je dit niet (alleen) voor Google doet, maar voor je gebruiker. Met als bijkomend voordeel dat het een positief effect op je conversie :)

Veelgestelde vragen:

Wat is Google Lighthouse

Google Lighthouse is een open-source tool dat technische audits van URL's uitvoert om je website te verbeteren in 5 categorieën: webtoegankelijkheid, beste praktijken, web prestaties, zoekmachine optimalisatie, en progressieve webtoepassingen. Gebruikers kunnen hun URL's op één of alle van de 5 bovengenoemde categorieën controleren.

Dit bij elkaar geeft het je een goed overzicht van de kwaliteit en de prestaties van de webpagina op desktop, mobiel, en webtoepassingen.

Hoe krijg ik toegang tot Google Lighthouse?

Open een chrome browser.
Laad de URL van een webpagina die je wilt testen.
Klik met de rechtermuisknop ergens op de pagina, en klik dan op "inspecteer" uit het menu met opties dat tevoorschijn komt.
Er opent een venster aan de rechterkant van je browser. Bovenaan het venster waar het "Elements", "Console", "Sources", en andere opties opsomt, klik je op "Lighthouse".
Meer informatie Run Lighthouse in DevTools.

Hoe kan ik mijn Google Lighthouse score verbeteren?

In het Lighthouse rapport worden per categorie tips en aanbevelingen getoond hoe je de website kunt verbeteren en wat de impact is. Bij elke aanbeveling kunt je via een link doorklikken naar een meer gedetailleerde uitleg.

Begin bij de belangrijkste categorieën en aanbevelingen die de grootste impact hebben op de daadwerkelijke gebruikerservaring. je moet hier de afweging maken tussen kosten en baten. Soms zijn de verschillen voor de gebruiker verwaarloosbaar, staart je niet blind op de rapportcijfers, het is een indicatie.

Als ik een goede Google Lighthouse score hebt kom ik dan bovenaan in Google?

Ja en Nee. Dat is een flauw antwoord en heeft iets meer uitleg nodig.

Nee: Als de kwaliteit van je website en de pagina niet voldoende is kom je door een goede Lighthouse score niet hoger in de zoekresultaten. De informatie op de pagina dient voor de gebruiker meerwaarde te hebben. Als je bijvoorbeeld geen goede en volledige productinformatie op de pagina hebt staan, ga je geen hoge posities voor dit product veroveren.

Ja: Als je een goede kwalitatieve webpagina hebt met waardevolle inhoud en je concurrent een vergelijkbare pagina heeft dan kun je door een betere gebruikerservaring een betere score krijgen, met als resultaat dat je hoger in de zoekresultaten komt.

Is Google Lighthouse een vervanging voor Google Speedtest?

Ja, onlangs is de Google Speed Test aangepast en is deze onderdeel van Lighthouse geworden. Als Lighthouse score goed is, dan zijn ook je Google Speed Test resultaten goed.

Gratis technisch SEO Advies - Google Lighthouse

Heb je je website getest met Google Lighthouse en je wil advies over het rapport en hoe je de prestatie van je website kunt verbeteren? Vul het formulier in en we nemen contact met u op voor een Gratis SEO advies - Google Lighthouse

 

Blijf op de hoogte!
Schrijf je in voor onze nieuwsbrief
We use cookies

Wij gebruiken cookies op onze web site. Sommigen zijn essentieel voor het correct functioneren van de site, terwijl anderen ons helpen om de site en gebruikerservaring te verbeteren (tracking cookies). U kan zelf kiezen of u deze cookies wil toestaan of niet. Let op dat als u onze cookies weigert mogelijk niet alle functies van de site beschikbaar zijn.

No Internet Connection