Home|Blog|Afbeeldingen optimaliseren voor SEO: 6 tips van Google

Afbeeldingen optimaliseren voor SEO: 6 tips van Google

  • 11 mei 2022
  • Renée Muller
  • 3,7 minuten leestijd

Snel naar:

Delen?

Pijltje

Beeldgebruik is essentieel op je website, maar wanneer je het verkeerd doet kan het een nadelig effect hebben op je positie in de zoekresultaten. Google deelt 6 tips over je afbeeldingen optimaliseren voor SEO.

Afbeeldingen optimaliseren voor SEO

In een nieuwe video deelt Google Developer Alan Kent zes tips om je afbeeldingen te optimaliseren voor SEO.

Hoewel hij zich in de video richt op webshops, is het advies eigenlijk voor elke website met veel foto’s toepasbaar.

We hebben de tips voor je op een rijtje gezet, hieronder lees je wat Google zegt over afbeeldingen optimaliseren voor SEO.

1. Elimineer Image Cumulative Layout Shift (CLS)

De CLS refereert naar plekken op de pagina waar de content van de ene plek naar de andere beweegt of verschuift tijdens het laden.

Dit probleem ontstaat niet alleen bij afbeeldingen, maar ze dragen wel bij aan problemen wanneer je het verkeerd gebruikt.

CLS kun je vaak snel zien als de pagina laadt, maar je kunt ook Google PageSpeed Insights gebruiken om het te meten.

Afbeeldingen optimaliseren voor SEO

2. Zorg dat je afbeeldingen het juiste formaat hebben

Kies de juiste breedte en hoogte voor je afbeeldingen, want het duurt langer om grote bestanden te laden.

Het kan lastig zijn om je afbeeldingen de juiste grootte te geven, vanwege alle verschillende schermgroottes en resoluties.

Wanneer de browser de afbeelding zelf al afsnijdt duurt het langer om het bestand te downloaden en dat vertraagt je website.

In Google PageSpeed Insights zie je ook welke afbeeldingen te groot zijn. De afbeeldingen die te groot zijn kun je het beste verkleinen of responsive maken.

Afbeeldingen optimaliseren voor SEO

3. Gebruik het beste bestandsformaat

Denk goed na over het bestandsformaat van je afbeeldingen, zoals PNG, JPEG of webP.

Het bestandsformaat heeft namelijk veel invloed op de bestandsgrootte en je moet er dus goed over nadenken.

Ieder bestandsformaat heeft zijn voor- en nadelen. Zo zijn JPEG en webP wat kleiner, maar dat komt omdat de kwaliteit van de afbeeldingen wat lager is.

Gelukkig valt het niet iedere websitebezoeker op dat je afbeeldingen wat minder scherp zijn, dus het is een afweging die je moet maken.

Om erachter te komen of je de juiste bestandsformaten gebruikt kun je je website door Google PageSpeed Insights halen.

4. Comprimeer je afbeeldingen op de juiste manier

Gebruik de juiste kwaliteitsfactor voor je afbeeldingen om ze efficiënt te coderen en toch de optimale beeldkwaliteit te behouden.

Je kunt de sectie Encode Images Efficiently van het PageSpeed Insights-rapport gebruiken om afbeeldingen te identificeren die geschikt zijn voor compressie-optimalisatie. Het rapport toont ook mogelijke besparingen op de bestandsgrootte.

Om een kwaliteitsfactor te vinden die je goed vindt, gebruik je een afbeeldingsconversietool naar keuze op verschillende afbeeldingen met verschillende kwaliteitswaarden en vergelijk je de voor en na.

Google beveelt de site Squoosh.app aan als een eenvoudige manier om afbeeldingen met en zonder compressie te vergelijken.

Afbeeldingen optimaliseren voor SEO

5. Cache afbeeldingen in de browser

Vertel de browser hoelang hij veilig afbeeldingen kan cachen.

Wanneer je een afbeelding verstuurt, kun je een HTTP-responsheader versturen met cachingbegeleiding, zoals hoelang het aanbevolen is voor een browser om een afbeelding in de cache op te slaan.

Ook hier kun je het PageSpeed Insights-rapport gebruiken om na te gaan of de HTTP-respons-headers voor cache goed zijn ingesteld op je site.

In de sectie Statische activa serveren met een efficiënt cachebeleid worden afbeeldingen geïdentificeerd die baat kunnen hebben bij verbeteringen in de cache.

Om problemen op je site op te lossen, kun je kijken of je platform- of webserverinstellingen kunt wijzigen om de cache-levensduur voor afbeeldingen op je site aan te passen.

Als je afbeeldingen niet vaak wijzigt, kun je een lange cache-levensduur instellen.

6. Zet je afbeeldingdownloads in de juiste volgorde

Als meer geavanceerde tip raadt Google aan om de volgorde waarin webpagina’s worden gedownload correct te bepalen.

De volgende downloadvolgorde wordt geadviseerd:

  • Hero images bovenaan de pagina
  • Andere afbeeldingen boven de vouw
  • Afbeeldingen net onder de vouw

De rest van de afbeeldingen op een webpagina kan worden geladen met lazy load.

Om na te gaan of je site de afbeeldingen efficiënt laadt, kun je het PageSpeed Insights-rapport raadplegen.

In het gedeelte Laad afbeeldingen die niet in beeld zijn nog niet van het rapport zie je een lijst met afbeeldingen die na andere afbeeldingen kunnen worden geladen.

Afbeeldingen optimaliseren voor SEO: conclusie

Afbeeldingen optimaliseren voor SEO is niet gemakkelijk, maar gelukkig bestaan er goede tools om je op weg te helpen. Kom je er nog steeds niet uit? Neem contact met ons op, wij helpen je graag.

Wil je het nog eens naluisteren? Hieronder vind je de video.

Start vandaag nog met groeien.

Contact MetMuller