Een foto zegt vaak meer dan 1000 woorden. Mooie foto’s trekken direct de aandacht, geven sfeer en zorgen dat bezoekers zich sneller aangesproken voelen. Maar waar veel ondernemers de mist in gaan, is bij het formaat en de optimalisatie van die foto’s.
Een prachtige foto van 12 MB mag er misschien fantastisch uitzien op jouw computer, maar op je website zal dit alleen maar een negatief effect hebben omdat het je website trager maakt, wat zorgt voor een slechte gebruikerservaring en resulteert in meer bezoekers die je website verlaten dan doorklikken.
Daarom is het verkleinen en optimaliseren van afbeeldingen voor je website een van de slimste en meest onderschatte stappen in SEO en gebruiksvriendelijkheid. Het gaat niet alleen om sneller laden, maar ook om beter scoren in Google en het verhogen van je conversies.
In dit artikel neem ik je stap voor stap mee in hoe je je afbeeldingen optimaliseert, welke tools je kunt gebruiken en welke fouten je absoluut wilt vermijden.
Waarom foto’s verkleinen voor je website belangrijk is
Veel ondernemers weten wel dat teksten invloed hebben op SEO, maar zien foto’s vooral als decoratie. Dat is een misvatting. Afbeeldingen spelen namelijk een cruciale rol in:
- Snelheid van je website: een trage website scoort slechter in Google en bezoekers haken sneller af. Uit onderzoek van Google blijkt dat 53% van de mobiele bezoekers wegklikt als een site langer dan 3 seconden nodig heeft om te laden.
- SEO: zoekmachines kijken niet alleen naar tekst, maar ook naar hoe je met media omgaat. Afbeeldingen die geoptimaliseerd zijn, geven zoekmachines extra context over je content. Ze bieden daarnaast ook de kans om beter gevonden te worden bij de afbeeldingen binnen de zoekmachines.
- Gebruikservaring: bezoekers willen snel door een pagina kunnen scrollen. Grote bestanden veroorzaken frustratie.
In de praktijk
Recent waren we aan de slag gegaan met het webdesign voor een klant. We zaten in de laatste fase en waren bezig met de content om te zetten. Echter bleken de foto’s allemaal bestandsnamen te hebben zoals 2324.jpg en geüpload met een bestandsgrootte van soms wel 15MB.
We besloten om alle 1000+ afbeeldingen te optimaliseren. Allemaal met een unieke naam, en ruim 6 tot 10 keer kleinere afbeeldingsgrootte als voorheen.
De website was ruim 6,5 keer kleiner qua afbeeldingen nadat we klaar waren! Het resultaat? Dat kun je wel raden. Niet alleen worden afbeeldingen sneller ingeladen bij een langzame verbinding, ook hebben ze nu de mogelijkheid om gevonden te worden in Google Afbeeldingen.
Wat betekent afbeeldingen optimaliseren voor SEO?
Afbeeldingen optimaliseren voor SEO betekent dat je je foto’s zo bewerkt en instelt dat ze bijdragen aan de vindbaarheid, snelheid en gebruiksvriendelijkheid van je website. Daarbij spelen meerdere factoren een rol:
- Bestandsgrootte en compressie: zorg dat je afbeeldingen niet zwaarder zijn dan nodig. Voor de meeste websites is 150–300 KB meer dan voldoende. Er zijn echter altijd uitzonderingen als afbeeldingen centraal staan (denk aan reisbloggers of fotografen), zeker als klanten het comprimeren zelf doen. Hoe dan ook, foto’s van 5MB of 12MB zijn gewoon nooit ok.
- Bestandsformaat: kies het juiste formaat. JPG voor foto’s, PNG voor transparante elementen en WebP als ultieme standaard. Onze websites zetten afbeeldingen die geüpload worden automatisch om naar WebP.
- Bestandsnamen: gebruik beschrijvende namen die direct duidelijk maken wat er te zien is.
- Alt-teksten: korte, duidelijke beschrijvingen voor zoekmachines en toegankelijkheid.
- Context: afbeeldingen moeten aansluiten bij de tekst eromheen.
Met een goede combinatie van al deze factoren maak je niet alleen Google blij, maar vooral je bezoekers.
Bestandsformaten: JPG, PNG of WebP?
Niet ieder bestandstype is geschikt voor online gebruik. Kort overzicht:
- JPG: ideaal voor foto’s. Goede balans tussen kwaliteit en bestandsgrootte.
- PNG: geschikt voor logo’s, iconen en afbeeldingen met transparante achtergrond. Houd er rekening mee dat PNG vaak zwaarder is. (voor logo’s en iconen raad ik meestal SVG aan voor betere schaalbaarheid)
- WebP: De nieuwe standaard voor web. Vaak 25–35% kleiner dan JPG, zonder kwaliteitsverlies.
Wil je je foto’s direct omzetten? Dan kun je gratis gebruikmaken van FreeConvert JPG naar WebP. Voor WordPress-gebruikers zijn er plugins zoals WP Smush die dit proces automatiseren.
Hoe verklein je foto’s voor je website?
Er zijn verschillende manieren om foto’s te verkleinen. Welke methode je kiest, hangt af van hoeveel controle je wilt hebben en hoeveel tijd je eraan wilt besteden.
Online tools
Heb je maar een paar foto’s en wil je geen gedoe? Dan zijn online tools ideaal:
- TinyJPG: sleep je foto’s erin en je krijgt een gecomprimeerde versie terug.
- FreeConvert JPG naar WebP: converteer direct naar WebP.
Professionele software
Voor ondernemers die met veel foto’s werken of kwaliteit willen bewaken. Denk aan fotografen, webshops en bureaus.
Een aanrader is Affinity Photo, deze gebruiken wij standaard. Toen we laatst 1000+ foto’s voor een reisblog moesten optimaliseren hebben we deze ook gebruikt. De nieuwe website is hierdoor ruim 6,5x kleiner qua grootte dankzij het optimaliseren van de afbeeldingen.
Automatische optimalisatie in WordPress
Gebruik je WordPress? Dan zijn er plugins die het hele proces voor je uit handen nemen. Populaire keuzes:
- WP Smush pro: comprimeert en verkleint automatisch bij upload, kan tevens de afbeeldingen meteen omzetten naar WebP.
- ShortPixel: zet bestaande en nieuwe afbeeldingen om naar WebP.
- Imagify: geeft je controle over compressieniveau.
Pro tip: Comprimeer je afbeeldingen voordat je ze upload. Zo zorg je dat je afbeeldingen maximaal gecomprimeerd worden.
Handmatig verkleinen
Wil je zelf volledige controle houden? Pas dan de resolutie en kwaliteit handmatig aan:
- Resolutie: meestal is 1920/2000px breed meer dan genoeg voor web.
- Compressie: exporteer JPG’s met een kwaliteit tussen 70 en 80%, is wat vaak aanbevolen wordt. Zelf gebruiken we meestal 85%. Dit levert vaak nauwelijks zichtbaar kwaliteitsverlies op, maar wel veel kleinere bestanden.
Een veelgemaakte fout is dat ondernemers foto’s direct uploaden zoals ze uit de camera komen. Moderne camera’s maken foto’s van 4000 px breed en 10+ MB groot. Zelfs telefoons maken tegenwoordig al 4/5MB+ afbeeldingen. Voor web is dat compleet overkill.
Afbeeldingen optimaliseren voor SEO
Bestandsnamen
Veel ondernemers negeren bestandsnamen en alt teksten. Zo uploaden ze afbeeldingen onder de naam IMG_1234.jpg. En dat is een gemiste kans.
Bestandsnamen zijn namelijk een belangrijk signaal voor zoekmachines. Ze vertellen waar de afbeelding over gaat en geven extra context aan je pagina.
Voorbeeld:
- Slecht: IMG_9876.jpg
- Goed: moderne-tuin-met-houten-terras-venlo.jpg
Houd je bestandsnaam beschrijvend en zorg dat je de belangrijkste zoektermen er natuurlijk in verwerkt. Dit helpt niet alleen bij SEO, maar ook bij je eigen overzicht.
Alt-teksten
Alt-teksten zijn korte beschrijvingen die aangeven wat er op de afbeelding te zien is. Ze worden gebruikt door zoekmachines en door screenreaders voor mensen met een visuele beperking.
Waarom zijn alt-teksten belangrijk?
- SEO: Google gebruikt alt-teksten om beter te begrijpen waar een afbeelding en de tekst over gaat. Dit kan je ook extra zichtbaarheid in Google Afbeeldingen opleveren.
- Toegankelijkheid: websites moeten ook bruikbaar zijn voor mensen met een beperking. Een alt-tekst maakt je site toegankelijker.
- Fallback: als een afbeelding niet laadt, ziet de bezoeker de alt-tekst.
Tips voor goede alt-teksten:
- Wees beschrijvend maar maak er geen heel verhaal van.
- Vermijd keyword stuffing: gebruik je zoekwoord alleen als het natuurlijk past.
Voorbeeld:
- Slecht: foto tuin
- Goed: groene achtertuin met vijver en houten terras in Venlo
Optimaliseren voor SEO is meer dan alleen de foto verkleinen
Naast bestandsgrootte, namen en alt-teksten zijn er nog andere zaken die je kunt meenemen in het optimaliseren van afbeeldingen voor SEO:
- Titel en bijschrift kunnen extra context geven. Zelf zorgen we er altijd voor dat de titel en alt tekst goed ingevuld zijn.
- Context in de tekst: plaats je afbeelding altijd dichtbij de relevante content.
- Structured data: voor webshops kan dit helpen om productfoto’s zichtbaar te maken in rich snippets.
Checklist afbeeldingen optimaliseren
Wil je zeker weten dat je niets vergeet? Gebruik deze checklist:
- Verklein afbeeldingen naar max. 200–300 KB (waar mogelijk).
- Zet foto’s om naar WebP of zorg dat dit automatisch gebeurt bij uploaden.
- Geef duidelijke bestandsnamen.
- Vul altijd alt-teksten in.
- Gebruik zoektermen op een natuurlijke manier in bestandsnamen en alt-teksten
- Gebruik een plugin of tool om nieuwe uploads automatisch te optimaliseren.
Veelgemaakte fouten bij foto’s verkleinen
- Foto’s direct uploaden zoals ze uit de camera komen.
- Bestandsnamen en alt-teksten overslaan.
- Alleen vertrouwen op WordPress.
Afbeeldingen optimaliseren voor je website? Zeker doen!
Afbeeldingen optimaliseren voor je website is misschien niet het spannendste onderdeel van SEO, maar het kan zeker verschil maken. Je site wordt sneller, gebruiksvriendelijker en beter vindbaar.
Zet je SEO kennis slim in door gebruik te maken van duidelijke bestandsnamen, goede alt-teksten en de juiste bestandsextensie (liefst WebP). Zo leg je zeker een stevige basis voor betere rankings en meer conversies.
Of je nu kiest voor simpele tools zoals TinyJPG, professionele software zoals Affinity Photo of automatisering via WP Smush, ook hier is het belangrijkste dat je het consistent toepast.
Zie het als het onderhoud van je auto. Niemand ziet of waardeert het direct, maar zonder gaat je website op termijn haperen en stilvallen. En dat wil je niet, zeker niet als jouw website bedoeld is om klanten te bereiken.
