Afbeeldingen optimaliseren voor SEO: de complete aanpak

Waarom afbeeldingen belangrijk zijn voor SEO

Afbeeldingen raken je vindbaarheid op twee manieren. De eerste is snelheid. Google meet hoe snel het grootste element op je pagina zichtbaar wordt, de Largest Contentful Paint (LCP). Dat element is heel vaak een foto bovenaan de pagina. Google ziet een LCP onder 2,5 seconden als goed. Een zware headerfoto kan je daar ruim overheen duwen. Meer daarover lees je in onze uitleg over Core Web Vitals.

De tweede is begrip. Google kan steeds beter zien wat er op een foto staat, maar leunt nog steeds op tekst rond de afbeelding: de bestandsnaam, de alt-tekst, het bijschrift en de tekst eromheen. Hoe duidelijker die zijn, hoe beter Google je foto koppelt aan de juiste zoekopdracht.

Stap 1: kies het juiste bestandsformaat

Niet elk formaat is even zuinig. Voor de meeste websites is dit een goede vuistregel:

• WebP: klein en goed van kwaliteit, werkt in alle moderne browsers. Een prima standaard voor foto's.
• AVIF: vaak nog kleiner dan WebP. Handig als je website het ondersteunt.
• JPG: het oude vertrouwde formaat voor foto's. Prima als terugvaloptie.
• PNG: alleen voor afbeeldingen met transparantie of scherpe tekst, zoals screenshots. Voor foto's is het meestal te zwaar.
• SVG: voor logo's en iconen. Blijft scherp op elk formaat en is meestal heel klein.

Stap 2: verklein en comprimeer je afbeeldingen

Upload nooit een foto die veel groter is dan hij op je site getoond wordt. Wordt een foto maximaal 1200 pixels breed weergegeven, dan heeft een bestand van 4000 pixels breed geen zin. De browser moet dat allemaal downloaden en daarna weer verkleinen.

• Bepaal de maximale breedte waarop een foto getoond wordt en verklein hem daarnaar.
• Comprimeer de foto daarna met een tool of plug-in. Bij een kwaliteit rond de 75 tot 85 procent zie je meestal geen verschil.
• Streef bij gewone foto's naar een bestand van grofweg 100 tot 300 kilobyte. Een grote headerfoto mag iets zwaarder.
• Laat je website, als dat kan, automatisch meerdere formaten maken. Dan krijgt een telefoon een kleinere versie dan een groot scherm.

Dat laatste heet responsive images. Je website geeft de browser een lijstje met formaten en de browser kiest zelf de beste. Moderne frameworks en veel CMS'en doen dit automatisch. Bij een oudere site moet je het soms laten inbouwen.

Stap 3: een logische bestandsnaam

IMG_4821.jpg zegt niemand iets. Geef je afbeelding een korte, beschrijvende naam voordat je hem uploadt. Gebruik kleine letters en koppeltekens tussen de woorden.

• Goed: witte-wasmachine-reparatie-aan-huis.webp
• Minder goed: wasmachine1.webp
• Niet doen: wasmachine-reparatie-goedkoop-snel-beste-wasmachine-monteur.webp

Een goede bestandsnaam is een klein signaal, maar het kost je vrijwel niets en het maakt je mediabibliotheek ook overzichtelijker.

Stap 4: schrijf een goede alt-tekst

De alt-tekst is een korte beschrijving van de afbeelding in de code. Een schermlezer leest hem voor aan mensen die slecht of niet zien. Google gebruikt hem om de foto te begrijpen. En als de foto niet laadt, ziet de bezoeker de alt-tekst in plaats van een leeg vak.

• Beschrijf wat er echt op de foto staat, in een gewone zin.
• Houd het kort: meestal een regel is genoeg.
• Gebruik een zoekwoord alleen als het past bij wat je ziet.
• Begin niet met 'afbeelding van' of 'foto van'. Een schermlezer meldt al dat het een afbeelding is.
• Puur decoratieve afbeeldingen, zoals een lijntje of achtergrondpatroon, krijgen een lege alt-tekst. Dan slaat een schermlezer ze over.

Een voorbeeld voor een schoonheidssalon: 'Schoonheidsspecialist epileert de wenkbrauwen van een klant in een lichte salon'. Dat is duidelijk voor iedereen, en het onderwerp komt er vanzelf in voor. Goede alt-teksten helpen ook bij een toegankelijke website, wat voor veel bedrijven sinds de European Accessibility Act (van kracht sinds 28 juni 2025) extra aandacht verdient.

Stap 5: lazy loading en de juiste volgorde

Lazy loading betekent dat de browser een afbeelding pas laadt als de bezoeker ernaartoe scrolt. Dat scheelt veel bij lange pagina's met veel foto's. Maar let op: de foto bovenaan de pagina, die direct zichtbaar is, moet je juist níét lazy laden. Die wil je zo snel mogelijk tonen, anders wordt je LCP slechter.

• Foto's onder de vouw: lazy loading aan.
• Hoofdfoto bovenaan: lazy loading uit, en eventueel een hogere laadprioriteit.
• Geef afbeeldingen een vaste breedte en hoogte in de code. Dan springt de pagina niet als foto's binnenkomen. Dat verschuiven meet Google als CLS, en die moet onder 0,1 blijven.

Veelgemaakte fouten bij afbeeldingen optimaliseren

• Foto's rechtstreeks van de telefoon of camera uploaden, zonder verkleinen.
• Tekst in een afbeelding zetten in plaats van in de pagina. Google en schermlezers kunnen die tekst slecht lezen, en op mobiel wordt hij vaak onleesbaar klein.
• Overal dezelfde alt-tekst gebruiken, of alt-teksten volproppen met zoekwoorden.
• Een slider met vijf grote foto's bovenaan de homepage. Die laden allemaal en vertragen alles.
• Stockfoto's die niets met je bedrijf te maken hebben. Ze zijn niet verboden, maar eigen foto's vertellen meer. Tips over echte beelden lees je in ons artikel over foto's op je website.

Afbeeldingen goed geregeld vanaf de bouw

Veel van dit werk kun je laten automatiseren. Bij de websites die we bij Violexa bouwen, worden afbeeldingen bij het uploaden automatisch in moderne formaten en meerdere maten klaargezet, met lazy loading waar het hoort. Jij uploadt een foto in het CMS en vult een alt-tekst in, de rest gaat vanzelf. Dat hoort bij een website op maat, vanaf €1.799 excl. btw (€2.177 incl. btw), inclusief SEO-basis, Google Analytics, CMS-koppeling en training.

Wil je weten of je huidige foto's je site vertragen? Plan een gratis quickscan. In 30 minuten kijken we samen naar je website, online of op locatie. Je krijgt daarna kort schriftelijk advies met een prijsindicatie, zonder verplichting.

Veelgestelde vragen