Afbeeldingen optimaliseren voor SEO

Het optimaliseren van afbeeldingen is een belangrijk onderdeel van SEO. Met afbeeldingen optimaliseren voor SEO bedoelen we het aanpassen van afbeeldingen zodat ze geschikt zijn voor online gebruik, zonder dat dit ten koste gaat van de kwaliteit. Denk hierbij aan het verkleinen van de bestandsgrootte, het juiste bestandsformaat en het correct instellen van technische en inhoudelijke kenmerken.

Afbeeldingen spelen namelijk een grotere rol dan vaak wordt gedacht. Ze bepalen niet alleen hoe je website eruitziet, maar hebben ook directe invloed op laadtijd, gebruikerservaring en hoe zoekmachines je pagina beoordelen. Slecht geoptimaliseerde afbeeldingen kunnen je website vertragen, zorgen voor een hogere bounce rate en uiteindelijk een negatieve invloed hebben op je positie in de zoekresultaten.

Google kijkt steeds kritischer naar de algehele prestaties van websites. Afbeeldingen zijn daarin een belangrijk onderdeel, omdat ze vaak het zwaarste element op een pagina vormen. Goed geoptimaliseerde afbeeldingen dragen daarom bij aan snellere laadtijden, betere prestaties en een hogere ranking in Google.

In deze blog lees je waarom afbeeldingen optimaliseren voor je website belangrijk is, hoe je dit stap voor stap kunt aanpakken en waar je op moet letten om het maximale uit je SEO te halen. Wil je eerst meer weten over SEO in het algemeen? Lees dan onze blog: Wat is SEO?

Bestandsformaat en compressie

Voor de afbeeldingen die je op jouw website wil plaatsen, gebruik je het beste efficiënte bestandsformaten en bestandsextensies. Een bestandsextensie is het deel van een bestandsnaam dat na de laatste punt komt en aangeeft welk type bestand het is. Je hebt bijvoorbeeld .jpg en .png bestanden. Voor het verkleinen van RAW-afbeeldingen, ook wel comprimeren van afbeeldingen genoemd, zijn JPEG en PNG efficiënte bestandsformaten. Een RAW-bestand is een onbewerkt, ongecomprimeerd digitaal beeldbestand dat direct afkomstig is van de beeldsensor van een digitale camera. Deze bestandstypes zorgen ervoor dat een bestand niet onnodig nog groter wordt. Je kunt het beste JPEG gebruiken als bestandstype voor foto’s en PNG voor afbeeldingen met transparantie, zoals illustraties of een uitgesneden foto.

Heb je een foto met weinig kleur? Dan kan het soms slimmer zijn om PNG te gebruiken, omdat de afbeeldingsgrootte dan vaak kleiner is dan bij JPEG. Logo’s opgemaakt in vectoren kun je het beste exporteren naar SVG. SVG is een bestandtype in vectoren, wat vaak ondersteund wordt door web en de beste kwaliteit geeft. JPEG en PNG-afbeeldingen bestaan uit pixels en SVG-afbeeldingen uit vectoren. Vectoren kun je zover als je wilt inzoomen, en dit blijft scherp. Bij pixels is dit niet het geval. Als je pixels verder inzoomt dan het originele formaat van de afbeeldingen, dan zul je zien dat dit onscherp wordt.

Moderne afbeeldingsformaten voor SEO

Naast JPEG, PNG en SVG worden moderne afbeeldingsformaten steeds belangrijker bij het optimaliseren van afbeeldingen voor SEO. Formaten zoals WebP en AVIF zorgen voor een veel kleinere bestandsgrootte, terwijl de kwaliteit van de afbeelding behouden blijft.

Door afbeeldingen te comprimeren en het juiste formaat te kiezen, verklein je de laadtijd van je website aanzienlijk. Dit zorgt voor snellere laadtijden, betere algehele prestaties en een positieve invloed op je SEO. Afbeeldingen met een transparante achtergrond kun je het beste opslaan als PNG of SVG, afhankelijk van het gebruik.

Hoe kun je afbeeldingen optimaliseren voor je website?

1. Controleer als je een foto wilt exporteren voor je website altijd eerst of de resolutie al is aangepast naar 72 dpi. Iedere foto waar het aantal dpi hoger is dan 72, moet teruggebracht worden naar 72 dpi.
2. Snijd de afbeelding indien mogelijk bij naar het gewenste formaat. De bestandsgrootte van de afbeelding wordt dan automatisch kleiner.
3. Verklein de afmeting van de afbeelding in pixels in de door jou gewenste grootte. Let wel op dat je de verhouding van de afbeelding gelijk houdt (dit kun je vaak doen door het slotje aan te vinken), anders krijg je een lachspiegeleffect. Je kunt je afbeelding bijvoorbeeld verkleinen van 3088 x 2316 pixels naar 1920 x 1440 pixels. De verhouding blijft dan hetzelfde.
4. Pas de kwaliteit van de afbeelding aan van bijvoorbeeld 100% naar 40%. Controleer na het exporteren van je afbeelding naar .jpg of .png of de foto nog scherp is. Bekijk hiervoor de foto op ware grootte (100%).
5. Metadata is de informatie achter de foto zoals: de sluitertijd, het diafragma, de coördinaten en de ISO-waarde van een foto. Geef de metadata van de foto enkel mee in de export als de foto op een plek gemaakt is die relevant is voor jouw website, bijvoorbeeld bij een foto van het pand van een lokale kapperszaak. Is de metadata van de foto niet relevant voor jouw vindbaarheid, dan raden wij aan deze niet toe te voegen bij het exporteren. Dit vergroot de bestandsgrootte namelijk onnodig.
6. Houd het juiste bestandstype aan, zoals we hierboven hebben uitgelegd in de alinea ‘Bestandsformaat en compressie’.

Je kunt de volgende richtlijnen aanhouden bij het comprimeren van afbeeldingen:

Afbeeldingen en Core Web Vitals

Afbeeldingen spelen een grote rol binnen Core Web Vitals, de prestatie-indicatoren die Google gebruikt om gebruikerservaring te meten. In veel gevallen is een grote afbeelding het element dat bepaalt hoe snel een pagina zichtbaar wordt.

Een te zware afbeelding kan zorgen voor langere laadtijden en slechtere prestaties. Daarnaast kan een afbeelding zonder vaste afmetingen ervoor zorgen dat content verspringt tijdens het laden, wat een negatieve invloed heeft op de gebruikerservaring. Google ziet dit als een kwaliteitsprobleem en neemt dit mee in de beoordeling van je website. Door afbeeldingen technisch correct te optimaliseren, verbeter je niet alleen de prestaties, maar ook je SEO-score.

Tips voor afbeeldingoptimalisaties van je website

Hier nog even wat handige tips op een rij, welke je niet moet vergeten als je afbeeldingen gaat optimaliseren voor je website.

• Optimaliseer je afbeeldingen door compressie toe te passen om de bestandsgrootte te verkleinen zonder merkbaar verlies in kwaliteit. Dit kun je het beste doen in Adobe Photoshop.
• Geef je afbeeldingsbestanden logische bestandsnamen die de inhoud ervan beschrijven. Vermijd vage namen zoals “afbeelding1.jpg” en kies eerder iets als “zonnige-strandvakantie.jpg.” Je kunt in de deze beschrijving het beste relevante zoekwoorden voor jouw pagina toevoegen, zodat het bijdraagt aan je online vindbaarheid. Relevante zoekwoorden vind je door een zoekwoordenonderzoek uit te voeren.
• Voeg altijd een relevante en beschrijvende alt-tekst toe aan je afbeeldingen. Dit helpt niet alleen bij de toegankelijkheid voor slechtzienden maar ook bij zoekmachine-optimalisatie (SEO). Je foto wordt zo sneller in Google Afbeeldingen getoond. Een goede alt-tekst, ook wel alt tag of alternatieve tekst genoemd, beschrijft wat er daadwerkelijk op de afbeelding te zien is. Dit is belangrijk voor mensen met een visuele beperking en helpt zoekmachines begrijpen wat de afbeelding voorstelt. Ook helpt dit sterk met gevonden worden in chatgpt.
• Zorg ervoor dat je website responsief is en dat afbeeldingen goed worden weergegeven op verschillende apparaten en schermformaten. Responsieve afbeeldingen worden dynamisch aangepast aan verschillende schermformaten.
• Lazy loading slim zetten zorgt ervoor dat afbeeldingen pas worden geladen wanneer ze in beeld komen. Dit verbetert de laadtijd van je pagina en zorgt voor een betere gebruikerservaring. Let wel op dat je lazy loading niet toepast op belangrijke afbeeldingen bovenaan de pagina, zoals een hero-afbeelding. Deze afbeelding is vaak bepalend voor de eerste indruk en SEO-prestaties.

Check regelmatig Google PageSpeed Insights om te bekijken hoe jouw pagina’s scoren en ontdek eventuele problemen en tips voor verbetering.

Afbeeldingen optimaliseren per type pagina

Niet elke pagina heeft hetzelfde doel, en dat geldt ook voor afbeeldingen. Op blogpagina’s ondersteunen afbeeldingen de content en maken ze informatie beter begrijpbaar. Op productpagina’s is het belangrijk om meerdere afbeeldingen van hetzelfde product te tonen. Verschillende afbeeldingen vanuit meerdere hoeken zorgen voor duidelijkheid en vertrouwen.

Op lokale pagina’s dragen echte foto’s van een locatie of team bij aan betrouwbaarheid en betere lokale zoekresultaten.

Meer verkeer via Google Afbeeldingen

Geoptimaliseerde afbeeldingen kunnen ook extra verkeer opleveren via Google Afbeeldingen en image search. Google gebruikt afbeeldingen steeds vaker om context te herkennen, bijvoorbeeld via Google Lens.

Door relevante afbeeldingen te gebruiken, deze goed te optimaliseren en te voorzien van duidelijke beschrijvingen, vergroot je de kans dat je zichtbaar wordt in visuele zoekresultaten.

Tools om afbeeldingen te verkleinen

Wanneer je niet beschikt over Adobe Photoshop, zijn er andere tools die je kunt gebruiken om afbeeldingen te comprimeren. Een handige tool om afbeeldingen te verkleinen is tinyjpg. Je kunt op deze website eenvoudig afbeeldingen uploaden en binnen enkele seconden de verkleinde afbeeldingen weer downloaden. Een andere handige tool is imagecompressor. Deze tool werkt in principe hetzelfde als tinyjpg. Bij beide tools kun je tot 20 afbeeldingen tegelijk comprimeren. Wil je graag meer afbeeldingen in één keer verkleinen? Dan kun je gebruik maken van iloveimg, waar je afbeeldingen in bulk kunt verkleinen.