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

Afbeeldingen zijn een van de meest onderschatte SEO-kansen op de meeste websites. Ze leveren organisch verkeer via Google Afbeeldingen, ze beïnvloeden je Core Web Vitals (met name LCP), en correct geoptimaliseerde alt-teksten versterken de relevantie van een pagina voor je doelzoekwoorden.

In mijn SEO-audits zie ik vrijwel altijd dezelfde problemen: afbeeldingen zonder alt-tekst, ongecomprimeerde afbeeldingen die de laadsnelheid vertragen, en ontbrekende beschrijvende bestandsnamen. Dit zijn low-hanging fruit optimalisaties die relatief weinig tijd kosten maar meetbare SEO-impact hebben.

Ik ben Menno de Haan, SEO-specialist bij The Haan. In dit artikel leg ik uit welke afbeeldingsoptimalisaties de meeste SEO-impact hebben, hoe je ze implementeert en hoe je afbeeldingen inzet als extra verkeersbron via Google Afbeeldingen.

Alt-tekst: de belangrijkste afbeeldingsoptimalisatie

Alt-tekst (alternative text) is de tekstuele beschrijving van een afbeelding. Google kan afbeeldingen niet 'zien' maar leest de alt-tekst om de inhoud van de afbeelding te begrijpen. Een goede alt-tekst beschrijft de afbeelding accuraat en verwerkt het relevante zoekwoord waar dat natuurlijk past.

Situatie	Slechte alt-tekst	Goede alt-tekst
Productfoto	afbeelding1.jpg	Rode houten bureaustoel met armleuningen
Infographic	infographic	Infographic over de 5 stappen van SEO-zoekwoordonderzoek
Portretfoto	foto	Menno de Haan, SEO-specialist bij The Haan
Decoratieve afbeelding	(leeg laten)	alt="" (leeg attribuut, signaleert decoratief)

Afbeeldingsformaten en compressie

WebP: het aanbevolen moderne formaat

WebP biedt gemiddeld 25 tot 35% kleinere bestandsgroottes dan JPEG bij vergelijkbare kwaliteit, en 25 tot 70% kleinere bestanden dan PNG voor afbeeldingen met transparantie. Google Chrome, Firefox, Safari en Edge ondersteunen allen WebP. Converteer nieuwe afbeeldingen altijd naar WebP voordat je ze uploadt.

Wanneer gebruik je welk formaat?

Gebruik WebP voor foto's en complexe afbeeldingen (vervangt JPEG). Gebruik WebP of SVG voor logo's, iconen en illustraties (vervangt PNG). Gebruik GIF uitsluitend voor animaties zonder alternatieven. Gebruik SVG voor vectorafbeeldingen die schaalbaar moeten zijn zonder kwaliteitsverlies.

Compressieniveaus

Comprimeer afbeeldingen tot het punt waarop kwaliteitsverlies niet zichtbaar is. Voor JPEG: gebruik kwaliteitsinstellingen van 70 tot 85%. Voor WebP: gebruik kwaliteitsinstellingen van 75 tot 85%. Tools als TinyPNG, Squoosh (web) en ImageOptim (Mac) comprimeren zonder zichtbaar kwaliteitsverlies.

Bestandsnamen en URL-structuur

De bestandsnaam van een afbeelding is een zwak maar aanwezig relevantiesignaal. Gebruik beschrijvende bestandsnamen met koppeltekens: rode-bureaustoel-met-armleuningen.webp in plaats van IMG_20230415_143022.jpg. Verwerk het relevante zoekwoord in de bestandsnaam waar dat van toepassing is.

Lazy loading en Core Web Vitals

Lazy loading is de techniek waarbij afbeeldingen pas worden geladen als ze in het zichtbare scherm verschijnen. Dit verbetert de initieel laadtijd aanzienlijk, wat je LCP-score ten goede komt. Implementeer lazy loading via het HTML-attribuut loading="lazy" op alle afbeeldingen buiten de vouw. Let op: voeg loading="eager" toe aan de hero-afbeelding (de LCP-afbeelding boven de vouw), want die moet onmiddellijk laden voor een goede LCP-score.

Geef altijd breedte en hoogte op voor afbeeldingen via de width en height attributen in HTML. Dit voorkomt Cumulative Layout Shift (CLS), waarbij de pagina-layout verschuift als afbeeldingen laden.

Afbeeldingen optimaliseren in WordPress

ShortPixel of Imagify voor automatische optimalisatie

ShortPixel en Imagify zijn de beste WordPress-plugins voor automatische afbeeldingsoptimalisatie. Ze comprimeren en converteren afbeeldingen naar WebP bij upload en bieden een bulkoptimalisatiefunctie voor bestaande afbeeldingen in de mediabibliotheek. ShortPixel biedt 100 gratis kredieten per maand; voor meer afbeeldingen is een betaald plan nodig (circa 10 dollar voor 10.000 afbeeldingen).

Alt-teksten instellen in WordPress

Stel alt-teksten in via de mediabibliotheek (klik op een afbeelding, vul 'Alternatieve tekst' in) of direct in de Gutenberg-editor bij het plaatsen van een afbeelding. Rank Math heeft een ingebouwde tool voor het controleren van ontbrekende alt-teksten in bestaande content.

Afbeeldingsgroottes en srcset

WordPress genereert automatisch meerdere formaten van elke geüploade afbeelding (thumbnail, medium, large) en gebruikt het srcset-attribuut zodat browsers de meest geschikte versie laden op basis van het scherm. Zorg dat je afbeeldingen uploadt op de maximale weergavegrootte die je nodig hebt: een 2000px-brede afbeelding uploaden voor een 800px-brede kolom is overbodig en vergroot de bestandsgrootte onnodig.

Veelgestelde vragen over afbeeldingen SEO

Levert Google Afbeeldingen verkeer op?

Ja, maar het volume varieert sterk per branche. In niches als recepten, interieur, mode, reizen en fotografie kan Google Afbeeldingen een significante verkeersbron zijn. In B2B-niches is het aandeel doorgaans kleiner. Monitor het afbeeldingsverkeer via Google Search Console door te filteren op het zoektype 'Afbeelding'.

Hoe lang zijn alt-teksten optimaal?

Houd alt-teksten tussen 5 en 15 woorden: lang genoeg om beschrijvend te zijn, kort genoeg om niet als keyword stuffing te worden gezien. Schrijf voor de context van de afbeelding, niet voor het zoekwoord. Een alt-tekst als 'SEO SEO zoekwoord SEO specialist' is counterproductief.

Moeten decoratieve afbeeldingen ook een alt-tekst hebben?

Nee. Decoratieve afbeeldingen die geen informationele waarde toevoegen (achtergrondpatronen, sfeerbeelden zonder specifieke context) moeten een leeg alt-attribuut hebben: alt="". Dit signaleert aan Google en schermlezers dat de afbeelding puur decoratief is en geen alternatieve tekst vereist.

Beïnvloeden grote afbeeldingen mijn rankings?

Indirect, ja. Grote ongeoptimaliseerde afbeeldingen vertragen je paginalaadtijd, wat je LCP-score verslechtert. Een slechte LCP is een directe rankingfactor via Core Web Vitals. Afbeeldingen zijn in mijn ervaring de meest voorkomende oorzaak van slechte LCP-scores op WordPress-websites.

Wat is structured data voor afbeeldingen?

Via ImageObject-schema kun je Google aanvullende informatie geven over afbeeldingen op je website. Voor product-afbeeldingen, receptfoto's en artikelthumbnails kan dit leiden tot rijkere weergave in Google Afbeeldingen en Search. Rank Math en Yoast SEO genereren automatisch basisschema voor afbeeldingen in artikelen; voor uitgebreidere implementatie gebruik je JSON-LD.

Bronnen

• Google, Image SEO: developers.google.com
• Squoosh (gratis compressietool): squoosh.app
• ShortPixel: shortpixel.com