Afbeeldingen optimaliseren voor SEO komt neer op drie dingen: een beschrijvende bestandsnaam, een goede alt-tekst en een licht bestandsformaat. Daarmee snapt Google wat er op de foto staat, vinden mensen je via Google Afbeeldingen en blijft je website snel. Het kost per foto een minuut, en het levert blijvend iets op.
Waarom afbeeldingen meetellen voor SEO
Google kan steeds beter zien wat er op een foto staat, maar leunt nog steeds sterk op de tekst eromheen. Een foto met de naam IMG_4821.jpg en zonder beschrijving zegt Google weinig.
Goed geoptimaliseerde afbeeldingen helpen je op drie manieren:
- Vindbaarheid in Google Afbeeldingen: vooral voor producten, interieur, eten en vakwerk zoeken veel mensen visueel.
- Context voor de pagina: een afbeelding die past bij het onderwerp versterkt de relevantie van je tekst.
- Snelheid: zware foto’s zijn een van de meest voorkomende oorzaken van een trage website, en snelheid telt mee voor gebruikerservaring en ranking.
Wat is een alt-tekst?
Een alt-tekst (alternatieve tekst, in het Engels alt text) is een korte beschrijving van een afbeelding die in de code van je pagina staat. Bezoekers zien hem normaal niet. Hij wordt voorgelezen door schermlezers voor blinde en slechtziende mensen, getoond als de afbeelding niet laadt, en gelezen door zoekmachines.
In de HTML ziet dat er zo uit: een img-element met een alt-attribuut, bijvoorbeeld alt=”Houten keukenvloer in visgraatpatroon gelegd in Hilversum”.
Zo schrijf je een goede alt-tekst
- Beschrijf wat er echt op de afbeelding te zien is, zoals je het aan iemand door de telefoon zou vertellen.
- Houd het kort: één zin is meestal genoeg.
- Gebruik een zoekwoord alleen als het natuurlijk past. Zoekwoorden opsommen werkt averechts.
- Begin niet met “afbeelding van” of “foto van”. Dat weet de schermlezer al.
- Puur decoratieve afbeeldingen (een lijntje, een achtergrondpatroon) krijgen een lege alt-tekst.
| Slecht | Beter |
|---|---|
| alt=”foto” | alt=”Schilder werkt een kozijn bij met een kwast” |
| alt=”schilder hilversum schilder goedkoop schilderwerk” | alt=”Gevel van een jaren-30 woning na buitenschilderwerk in Hilversum” |
| alt=”IMG_4821″ | alt=”Rode fietstas aan de bagagedrager van een stadsfiets” |
SEO afbeeldingen een naam geven
De bestandsnaam is een kleine maar duidelijke hint voor Google. Hernoem je bestand daarom voordat je het uploadt. Achteraf wijzigen is in de meeste systemen lastig.
- Beschrijf de inhoud in een paar woorden: visgraat-vloer-eiken.jpg in plaats van DSC00231.jpg.
- Gebruik kleine letters en koppeltekens tussen woorden. Geen spaties of underscores.
- Laat leestekens en speciale tekens weg.
- Houd het kort en niet overvol met zoekwoorden.
Het juiste formaat: bestandstype en afmeting
Formaat gaat over twee dingen: het bestandstype en de afmeting in pixels. Beide bepalen hoe zwaar een afbeelding is.
Welk bestandstype kies je?
| Type | Geschikt voor | Opmerking |
|---|---|---|
| WebP | Foto’s en afbeeldingen op je site | Kleiner dan JPG bij vergelijkbare kwaliteit, breed ondersteund |
| AVIF | Foto’s | Vaak nog kleiner dan WebP, ondersteuning groeit |
| JPG | Foto’s | Veilige keuze als WebP niet kan |
| PNG | Logo’s, screenshots, transparantie | Voor foto’s vaak onnodig zwaar |
| SVG | Logo’s en iconen | Schaalt zonder kwaliteitsverlies |
Afmeting en compressie
Een foto van je telefoon is al snel 4.000 pixels breed en meerdere megabytes groot. Op een website wordt hij zelden breder getoond dan 1.200 à 1.600 pixels. Verklein hem dus voor het uploaden en comprimeer hem daarna.
- Stel de breedte in op wat je thema maximaal toont.
- Comprimeer met een tool of plugin. Streef voor gewone foto’s naar een paar honderd kilobyte of minder.
- Gebruik lazy loading voor afbeeldingen onder de vouw, zodat ze pas laden als de bezoeker scrolt. De grote afbeelding bovenaan de pagina laad je juist niet lazy.
- Geef breedte en hoogte mee in de code, zodat de pagina niet verspringt tijdens het laden.
Werk je in WordPress? In onze handleiding voor WordPress SEO lees je welke instellingen en plugins hierbij helpen.
Context: de tekst rondom je afbeelding
Google kijkt ook naar wat er naast een afbeelding staat. Zet een foto daarom bij de alinea waar hij over gaat, niet willekeurig onderaan de pagina. Een onderschrift helpt extra, omdat bezoekers dat vaak wel lezen.
Plaats de belangrijkste afbeelding hoog op de pagina, in de buurt van je kop. Hoe je koppen goed inzet, lees je in H1, H2, H3: zo gebruik je koppen goed voor SEO.
Praktijkvoorbeeld: een keukenzaak met honderden foto’s
Stel: een keukenzaak in Apeldoorn plaatst elk project op de website, met tien tot twintig foto’s per keuken. Alle foto’s komen rechtstreeks van de camera: 6 MB per stuk, namen als IMG_0001.jpg en geen alt-teksten.
De projectpagina’s laden traag op mobiel en verschijnen nergens in Google Afbeeldingen. De eigenaar spreekt een vaste werkwijze af: foto’s verkleinen naar 1.600 pixels, omzetten naar WebP, hernoemen naar bijvoorbeeld greeploze-keuken-eiken-apeldoorn.webp en per foto een alt-tekst die beschrijft wat je ziet. Nieuwe projecten gaan meteen goed. De oude pakt hij per maand een paar projecten tegelijk aan, te beginnen met de pagina’s die het meeste verkeer krijgen.
Snel checken hoe je ervoor staat
- Open een pagina en kijk met de rechtermuisknop naar “Element inspecteren” of je afbeeldingen een alt-attribuut hebben.
- Draai PageSpeed Insights van Google op je belangrijkste pagina’s. Die laat zien welke afbeeldingen te groot zijn.
- Gebruik een crawler uit ons overzicht van gratis SEO-tools om alle afbeeldingen zonder alt-tekst in één keer te vinden.
Zelf doen of uitbesteden?
Zelf doen is goed te doen voor nieuwe afbeeldingen. Met een vaste routine (verkleinen, hernoemen, alt-tekst) en een compressieplugin heb je het meeste al geregeld.
Uitbesteden is slim als je honderden bestaande afbeeldingen hebt, als je site ondanks compressie traag blijft of als je webshop duizenden productfoto’s heeft. Dan gaat het vaak om technische instellingen in je thema, je server of je CDN, en dat vraagt meer dan een plugin.
Afbeeldingen optimaliseren is geen eenmalige klus maar een gewoonte bij elke upload. Wie dat vanaf nu goed doet, heeft over een jaar een snellere en beter vindbare site. Wil je dit liever uitbesteden? Bekijk dan onze dienst on-page SEO.
Veelgestelde vragen
Wat is een alt-tekst?
Een alt-tekst is een korte beschrijving van een afbeelding in de code van je website. Schermlezers lezen hem voor, browsers tonen hem als de afbeelding niet laadt en zoekmachines gebruiken hem om de afbeelding te begrijpen.
Hoe lang mag een alt-tekst zijn?
Er is geen harde grens, maar één korte zin is meestal genoeg. Beschrijf wat er te zien is en voeg alleen een zoekwoord toe als het natuurlijk past.
Welk afbeeldingsformaat is het beste voor SEO?
Voor foto’s is WebP een goede standaardkeuze: klein en breed ondersteund. AVIF is vaak nog kleiner. Voor logo’s en iconen werkt SVG het best.
Moet ik oude afbeeldingen allemaal aanpassen?
Begin met de pagina’s die het meeste verkeer of omzet opleveren. Nieuwe uploads doe je meteen goed, en de rest pak je stap voor stap aan.
Neem contact met ons op!