Afbeeldingen optimaliseren voor SEO: ALT-tekst, bestandsgrootte en meer

Een afbeelding op je website doet veel meer dan de pagina visueel aantrekkelijk maken. Met de juiste optimalisatie dragen afbeeldingen direct bij aan je SEO: ze verschijnen in Google Afbeeldingen, versnellen je laadtijd en maken je content toegankelijk voor alle gebruikers. Zonder optimalisatie zijn ze echter een van de grootste vertragingsfactoren op je website.

Ik ben Menno de Haan, SEO-specialist bij The Haan. Afbeeldingsoptimalisatie is een van de snelste quick wins die ik implementeer bij nieuwe klanten. In dit artikel leer je precies hoe je afbeeldingen optimaliseert voor SEO, met aandacht voor formaat, grootte, ALT-teksten en laadsnelheid.

Waarom zijn geoptimaliseerde afbeeldingen cruciaal voor SEO?

Afbeeldingen beinvloeden SEO op drie manieren: ze bepalen je laadsnelheid (direct rankingfactor via Core Web Vitals), ze genereren organisch verkeer via Google Afbeeldingen en ze helpen Google de context van je content begrijpen via ALT-teksten. Grote, ongeoptimaliseerde afbeeldingen zijn veruit de meest voorkomende oorzaak van een slechte LCP (Largest Contentful Paint).

"Images are often the largest element on a page and have the biggest impact on LCP. Optimising your images is one of the highest-impact things you can do for page performance and therefore rankings." - Google Web Developers

Bestandsformaat: kies het juiste formaat

Formaat	Gebruik	Voordeel
WebP	Alle web-afbeeldingen (2026 standaard)	25 tot 35% kleiner dan JPEG bij vergelijkbare kwaliteit
JPEG	Foto's zonder transparantie	Goede kwaliteit, breed ondersteund
PNG	Logo's met transparante achtergrond	Verliesloze kwaliteit
SVG	Iconen en logo's	Schaalbaar zonder kwaliteitsverlies, klein bestand

"Mijn standaardadvies is om alle afbeeldingen te converteren naar WebP," zeg ik. "ShortPixel of Imagify doen dit automatisch voor WordPress. Het is een van de snelste manieren om je laadsnelheid te verbeteren zonder development-werk."

Bestandsgrootte: comprimeer zonder kwaliteitsverlies

De richtlijn die ik hanteer: geen afbeelding op een webpagina mag groter zijn dan 150 KB. Hero-afbeeldingen kunnen tot 300 KB zijn. Alles daarboven vertraagt de laadtijd merkbaar. Tools: TinyPNG (tinypng.com), Squoosh (squoosh.app) van Google, of ShortPixel als WordPress-plugin.

ALT-teksten schrijven die werken

De ALT-tekst is een HTML-attribuut dat de inhoud van een afbeelding beschrijft. Google gebruikt het om afbeeldingen te begrijpen, want bots kunnen afbeeldingen niet 'zien'. Schermlezers gebruiken ALT-teksten voor visueel gehandicapte bezoekers.

Situatie	Slechte ALT-tekst	Goede ALT-tekst
Product-afbeelding	'afbeelding1.jpg'	'Rode hardloopschoenen Nike Air Zoom Pegasus 40'
Blogafbeelding	Leeg laten	'Google Search Console dashboard met rankings per zoekwoord'
Team-foto	'foto'	'Menno de Haan, SEO-specialist bij The Haan, Londen'
Decoratieve afbeelding	'decoratieve achtergrond'	alt="" zodat schermlezers hem overslaan

"Een ALT-tekst moet de afbeelding beschrijven als je die aan iemand zou moeten uitleggen via de telefoon," zeg ik. "Niet generiek, niet keyword-stuffed, maar beschrijvend en relevant."

SEO-vriendelijke bestandsnamen

Gebruik beschrijvende, zoekwoordrelevante bestandsnamen met koppeltekens tussen woorden. 'IMG_20240315_0042.jpg' is waardeloos. 'google-search-console-rankings-dashboard.webp' geeft Google context over de afbeelding voordat hij hem zelfs maar laadt.

Lazy loading implementeren

Lazy loading laadt afbeeldingen alleen wanneer ze zichtbaar worden in de browser van de bezoeker. Dit versnelt de initieel zichtbare laadtijd significant op pagina's met veel afbeeldingen. Voeg het loading="lazy" attribuut toe aan elk img-element. WordPress 5.5 en later doet dit automatisch voor content-afbeeldingen.

Afbeeldingsdimensies altijd specificeren

Definieer altijd de breedte en hoogte van afbeeldingen in de HTML. Dit voorkomt CLS (Cumulative Layout Shift): het plotselinge verschuiven van pagina-inhoud terwijl afbeeldingen laden. CLS is een van de drie Core Web Vitals en een directe rankingfactor.

"Always specify image dimensions. This single change can dramatically reduce Cumulative Layout Shift and improve your Core Web Vitals score in a matter of hours." - Addy Osmani, Google Chrome Engineering

Afbeeldingen in Google Afbeeldingen laten ranken

Google Afbeeldingen is een significant verkeersbron voor visuele content. Om te ranken: gebruik beschrijvende bestandsnamen en ALT-teksten, zorg dat de afbeelding contextual relevant is voor de pagina-inhoud, en voeg structured data toe (ImageObject schema) voor producten, recepten en artikelen.

Veelgestelde vragen

Moet ik afbeeldingen in Google Afbeeldingen indienen?

Nee, dat is niet nodig. Als Google je pagina's crawlt, indexeert het ook de afbeeldingen erop. Dien je XML-sitemap in via Google Search Console voor de snelste indexering van alle pagina's inclusief afbeeldingen.

Hoe groot mag een hero-afbeelding zijn?

Voor een hero-afbeelding van volledige breedte is 200 tot 300 KB in WebP-formaat een realistische richtlijn. Gebruik responsive images via srcset om kleinere versies te serveren aan mobiele bezoekers.

Conclusie

Afbeeldingsoptimalisatie is een van de meest onderschatte SEO-verbeteringen. Het is relatief snel te implementeren, de impact op laadsnelheid en rankings is direct en het kost geen linkbuilding-budget. Converteer vandaag je grootste afbeeldingen naar WebP, voeg ALT-teksten toe aan alle plaatjes zonder en stel de afbeeldingsdimensies in.

Bronnen

• Google, Image SEO Best Practices: developers.google.com
• Squoosh (Google): squoosh.app
• Ahrefs Blog, Image SEO Guide: ahrefs.com/blog/image-seo