Hoe optimaliseer je afbeeldingen voor SEO?

Afbeeldingen optimaliseren voor SEO doe je door ze zo klein mogelijk te maken zonder zichtbaar kwaliteitsverlies, ze een beschrijvende bestandsnaam en alt-tekst te geven en ze technisch correct in je pagina te plaatsen. Zo laden je pagina’s sneller, begrijpen zoekmachines zoals Google wat er op de afbeelding staat en maak je kans op extra verkeer via Google Afbeeldingen.

Maar welk bestandsformaat kies je, hoe schrijf je een goede alt-tekst en hoe zorg je dat je afbeeldingen je website niet vertragen? We overlopen de belangrijkste stappen, met tips die je meteen kunt toepassen.

Waarom afbeeldingen optimaliseren? Afbeeldingen spelen een grote rol in hoe bezoekers jouw website ervaren. Ze maken een tekst aantrekkelijker en duidelijker, maar afbeeldingen zijn vaak ook de zwaarste bestanden op een pagina. Grote afbeeldingen kunnen je website vertragen en de laadtijd van je website flink verhogen, zeker op een smartphone met een trage verbinding. En snelheid en gebruiksvriendelijkheid wegen mee in hoe Google pagina’s beoordeelt. Lees ook wat de belangrijkste rankingfactoren voor SEO zijn.

Daarnaast zijn afbeeldingen zelf een bron van verkeer. Wie in Google Afbeeldingen, met Google Lens of in de gewone zoekresultaten zoekt, kan via jouw foto op je website terechtkomen. Dat lukt alleen als zoekmachines afbeeldingen kunnen vinden, indexeren en begrijpen. Goed geoptimaliseerde afbeeldingen zorgen dus voor zowel SEO-winst als een betere gebruikservaring.

Het optimaliseren van afbeeldingen voor SEO gebeurt op drie niveaus: het bestand zelf (formaat en grootte), de omschrijving (bestandsnaam, alt-tekst en context) en de manier waarop je afbeeldingen technisch in de pagina laadt. Hieronder vind je per niveau concrete tips voor het optimaliseren van alle afbeeldingen die je online zet.

Google ondersteunt de formaten BMP, GIF, JPEG, PNG, WebP, SVG en AVIF. Welk formaat het best werkt, hangt af van het type afbeelding:

Welke tools om afbeeldingen te verkleinen en te comprimeren gebruik je?

Voor je afbeeldingen uploadt, begin je met de juiste afmetingen. Upload geen foto van 6000 pixels breed als die op je website maximaal 1200 pixels breed getoond wordt. Daarna is het tijd om de afbeeldingen te comprimeren. Bij lossy compressie gaat er wat informatie verloren, maar op een normale schermgrootte zie je dat nauwelijks. Zo maak je de grootte van je afbeeldingen vaak een veelvoud kleiner.

Je hebt hiervoor geen dure software nodig. Een gratis tool om afbeeldingen te verkleinen zoals Squoosh werkt in je browser. Gebruik je WordPress, dan kun je afbeeldingen automatisch optimaliseren met plugins zoals Imagify. Zo’n plugin comprimeert nieuwe uploads meteen en kan ze ook naar WebP of AVIF omzetten. Bij een webshop met honderden productfoto’s is het de moeite om dit proces goed in te richten bij de ontwikkeling van je webshop.

De alt-tekst (het alt-attribuut) is volgens Google de belangrijkste tekstuele informatie bij een afbeelding. Ze vertelt zoekmachines wat er te zien is en wordt voorgelezen door schermlezers voor mensen met een visuele beperking. Is de afbeelding ook een link, dan geldt die omschrijving als ankertekst.

Tips voor een goede alt-tekst

• Beschrijf concreet wat je ziet, in de context van de pagina.
• Houd het kort: één zin of een korte omschrijving volstaat meestal.
• Gebruik je zoekwoord alleen als het de afbeelding echt beschrijft. Een rij zoekwoorden in dit attribuut is keyword stuffing.
• Begin niet met “afbeelding van” of “foto van”: een schermlezer meldt al dat het om een afbeelding gaat.
• Geef puur decoratieve afbeeldingen een leeg attribuut (alt="").

Voorbeeld: alt="Zaakvoerder bekijkt SEO-rapport op laptop tijdens overleg" is beter dan alt="SEO SEO-bureau SEO Gent".

Hoe pak je het aan om bestandsnamen te optimaliseren?

Geef je bestanden een korte, beschrijvende naam vóór je ze uploadt. Gebruik kleine letters en koppeltekens tussen de woorden: eiken-eettafel-200-cm.webp in plaats van DSC_0412.jpg. Dat is een kleine moeite die zoekmachines een extra signaal geeft over het onderwerp van de afbeelding.

Volgens de richtlijnen van Google voor afbeeldingen zorgen deze stappen ervoor dat afbeeldingen goed geïndexeerd en getoond worden:

• Gebruik het HTML-element <img>. Google indexeert geen afbeeldingen die als CSS-achtergrond worden ingeladen. Een belangrijke productfoto hoort dus in een gewone img-tag.
• Plaats afbeeldingen bij relevante tekst. De omringende tekst, je headings en het onderschrift helpen Google de afbeeldingen beter begrijpen.
• Gebruik unieke afbeeldingen. Eigen afbeeldingen, zoals foto’s van je team, producten of projecten onderscheiden je meer dan stockfoto’s die op honderden andere websites staan.
• Voeg afbeeldingen toe aan je sitemap. Een XML sitemap met afbeeldingsgegevens helpt Google afbeeldingen ontdekken die het anders zou missen.
• Gebruik structured data. Met Schema.org-markup voor bijvoorbeeld producten of recepten kunnen afbeeldingen in zoekresultaten extra informatie krijgen.

Goed gelabelde, duidelijke afbeeldingen helpen ook AI-systemen om je content te begrijpen. Hoe dat verder werkt, lees je in hoe AI-crawlers je content lezen en verwerken.

Ook als je bestanden klein zijn, bepaalt de manier waarop ze geladen worden mee de snelheid van je pagina. Deze technieken maken het verschil:

1. Responsive afbeeldingen. Met srcset of het <picture>-element laadt een smartphone een kleinere versie dan een groot desktopscherm. Geef altijd een gewone src mee als terugvaloptie.
2. Lazy loading. Met loading="lazy" zorg je dat afbeeldingen pas worden geladen wanneer de bezoeker ernaartoe scrolt. Gebruik dit niet voor de grote afbeelding bovenaan de pagina: die moet net zo snel mogelijk zichtbaar zijn.
3. Vaste breedte en hoogte. Vermeld width en height bij elke afbeelding, zodat de browser ruimte reserveert en je tekst niet verspringt tijdens het laden.
4. Caching en een CDN. Laat afbeeldingen in de browser cachen en serveer ze eventueel via een content delivery network dicht bij je bezoekers.

Deze maatregelen hebben een rechtstreeks effect op de Core Web Vitals, vooral op de laadtijd van het grootste element en op verschuivingen in de lay-out. Meer tips om de snelheid te verhogen lees je in onze FAQ over de laadsnelheid van je website verbeteren. Veel bezoekers komen via hun smartphone, dus test altijd ook op mobiel; lees daarover onze blog over mobiel surfen.

Wil je controleren hoe je afbeeldingen het nu doen? PageSpeed Insights en het Core Web Vitals-rapport in Google Search Console tonen welke pagina’s te zware afbeeldingen bevatten.

Afbeeldingen technisch correct optimaliseren is een terugkerend onderdeel van technische SEO. Wil je SEO uitbesteden? Binnen onze SEO-ondersteuning kijken we naar laadsnelheid, alt-teksten en de technische opbouw van je pagina’s. Bouw je een nieuwe website, dan nemen we het optimaliseren van afbeeldingen op je website mee in de website-ontwikkeling.

Wil je weten hoeveel snelheid en vindbaarheid je afbeeldingen nu laten liggen? Digital Leader analyseert je website en zet de verbeteringen voor je op een rij.