1. Home
  2. Onderwerpen
  3. Technische SEO
  4. Alt tekst afbeelding toevoegen: waarom het belangrijk is voor SEO en toegankelijkheid
Alt tekst afbeelding toevoegen: waarom het belangrijk is voor SEO en toegankelijkheid

Alt tekst afbeelding toevoegen: waarom het belangrijk is voor SEO en toegankelijkheid

7 min lezen

Een productfoto zonder beschrijving lijkt onschuldig. Tot iemand met een schermlezer op je pagina komt en alleen een bestandsnaam hoort als IMG_4821.jpg. Dan merk je pas hoe veel informatie er ontbreekt.

Alternatieve tekst, meestal gewoon alt tekst genoemd, is de korte omschrijving die je aan een afbeelding meegeeft. Die tekst helpt niet alleen mensen die het beeld niet kunnen zien, maar geeft ook zoekmachines extra context. Het is dus zo’n kleine ingreep die op meerdere fronten nuttig is.

Wat alt tekst doet

De basis is simpel: je voegt een beschrijving toe aan het alt-attribuut van een afbeelding. Als een beeld niet laadt, verschijnt die tekst in plaats van de afbeelding. En gebruikt iemand een schermlezer, dan wordt de beschrijving voorgelezen.

Daarmee heeft alt tekst twee duidelijke functies:

  • je maakt je site toegankelijker
  • je helpt zoekmachines beter begrijpen wat er op een afbeelding staat

Vooral dat eerste wordt nog vaak onderschat. Voor iemand die een schermlezer gebruikt, is een goede beschrijving geen extraatje maar gewoon noodzakelijke informatie.

Waarom dit ook voor SEO relevant is

Google kan steeds beter afbeeldingen herkennen, maar vertrouwt nog steeds op de context eromheen. De bestandsnaam, de tekst op de pagina en de beschrijving van het beeld werken daarin samen.

Een goede omschrijving kan daarom helpen bij:

  • vindbaarheid in Google Afbeeldingen
  • extra context voor de pagina zelf
  • duidelijkere samenhang tussen tekst en beeld

Belangrijk om nuchter te houden: dit is geen magische SEO-knop waarmee een pagina ineens bovenaan komt. Wel is het een logische optimalisatie die vaak blijft liggen, juist omdat hij klein lijkt.

Wanneer een beschrijving nodig is, en wanneer niet

Niet elke afbeelding vraagt om dezelfde aanpak.

Wel invullen

Gebruik een beschrijving bij afbeeldingen die inhoud of functie hebben, zoals:

  • productfoto’s
  • teamfoto’s
  • screenshots
  • infographics
  • banners met tekst
  • afbeeldingen die als link werken

Leeg laten

Is een beeld puur decoratief, zonder inhoudelijke waarde? Dan is een leeg alt-attribuut vaak beter: alt="".

Denk aan:

  • sfeerbeelden die niets toevoegen aan de inhoud
  • grafische vormen of achtergrondornamenten
  • scheidingslijnen of iconen zonder betekenis

Dat lijkt misschien tegenstrijdig, maar een schermlezer hoeft niet elk visueel detail op te lepelen. Juist door decoratie over te slaan, blijft de pagina beter te volgen.

Zo schrijf je een goede alt tekst

Een bruikbare beschrijving is meestal kort, concreet en geschreven vanuit de functie van het beeld op die pagina.

Een paar richtlijnen helpen:

  • beschrijf wat relevant is
  • wees specifiek
  • houd het kort
  • zet de belangrijkste informatie vooraan
  • gebruik een zoekterm alleen als die vanzelf past
  • laat “afbeelding van” of “foto van” meestal weg

Schermlezers melden al dat het om een afbeelding gaat. “Foto van” voegt dan weinig toe en kost alleen ruimte.

Denk in context, niet alleen in wat je ziet

Hier gaat het vaak mis. Veel mensen beschrijven alleen letterlijk wat er op het beeld staat, terwijl de context minstens zo belangrijk is.

Dezelfde foto kan op twee pagina’s een andere beschrijving nodig hebben.

Voorbeeld: een afbeelding van een blauwe bureaustoel.

  • Op een productpagina: Ergonomische blauwe bureaustoel met verstelbare armleuningen
  • In een blog over thuiswerken: Blauwe ergonomische bureaustoel aan compact thuiswerkbureau

Het beeld is hetzelfde, maar de rol op de pagina niet.

Goede en slechte voorbeelden

Vage omschrijvingen helpen niemand. Een concrete beschrijving wel.

Voorbeeld 1

Slecht: Hond
Beter: Bruine labrador rent door gras in het park

Voorbeeld 2

Slecht: Marketing infographic
Beter: Infographic met stappenplan voor contentplanning

Voorbeeld 3

Slecht: Productfoto
Beter: Zwarte leren laptoptas met verstelbare schouderriem

Voorbeeld 4

Slecht: Banner
Beter: Banner met tekst: gratis verzending vanaf 50 euro

Dat laatste voorbeeld is belangrijk. Staat er tekst in de afbeelding die inhoudelijk relevant is, neem die dan ook op in de beschrijving.

Veelgemaakte fouten

In de praktijk zie je vaak dezelfde missers terug.

1. Helemaal niets invullen

Dan blijft er voor schermlezers weinig bruikbaars over, of wordt alleen een bestandsnaam voorgelezen.

2. Veel te lang schrijven

Alt tekst is geen mini-artikel. Houd het functioneel.

3. Zoekwoorden stapelen

Een beschrijving als sneakers heren sneakers wit goedkope sneakers online leest nergens prettig en helpt meestal ook niet.

4. Te algemeen blijven

Woorden als foto, plaatje of afbeelding zeggen nauwelijks iets.

5. Verwarren met een bijschrift

Een caption is zichtbaar op de pagina. Alternatieve tekst is bedoeld voor schermlezers en situaties waarin de afbeelding niet beschikbaar is.

Hoe lang moet alt tekst zijn?

Er circuleert vaak een vaste grens in tekens, maar zie dat vooral als richtlijn en niet als wet. Kort werkt meestal het best. In veel gevallen is één duidelijke zin genoeg.

Vraag jezelf liever dit af: krijgt iemand die de afbeelding niet ziet nu dezelfde kerninformatie mee als iemand die hem wel ziet?

Is het antwoord ja, dan zit je meestal goed.

Afbeeldingen met een functie vragen iets extra’s

Soms is een afbeelding niet alleen illustratie, maar ook een knop of link. In dat geval moet de beschrijving niet alleen vertellen wat erop staat, maar ook waar de link voor dient.

Dus niet:

Vergrootglas

maar eerder:

Zoeken op de website

Of bij een klikbaar logo:

Naar homepage van MarketingMolen

Dan werkt de tekst eigenlijk als ankertekst voor de link.

Alt tekst toevoegen in WordPress

Werk je in WordPress, dan kun je dit gewoon invullen in de mediabibliotheek. Bij het uploaden van een afbeelding zie je meestal direct een veld voor alternatieve tekst.

Een praktische werkwijze:

  1. upload de afbeelding
  2. vul meteen de beschrijving in
  3. controleer of die past bij de pagina waarop het beeld komt
  4. publiceer pas daarna

Dat scheelt later veel herstelwerk.

Gebruik je hulpmiddelen, dan zijn er meerdere opties:

  • Yoast SEO voor algemene SEO-begeleiding in WordPress
  • Rank Math als alternatief met vergelijkbare functies
  • toegankelijkheidscheckers zoals WAVE of axe DevTools om ontbrekende beschrijvingen op te sporen

Automatisch gegenereerde suggesties kunnen handig zijn, maar vertrouw er niet blind op. Zeker bij productfoto’s, grafieken en screenshots mist een tool vaak de nuance van de pagina.

Waar dit het meeste oplevert

Voor sites met veel beeld tikt dit snel aan. Denk aan:

  • webshops met productafbeeldingen
  • portfolio’s van zzp’ers
  • blogs met screenshots en illustraties
  • bedrijfssites met teamfoto’s en cases
  • landingspagina’s met banners of visuals

Juist daar levert een vaste werkwijze veel op. Niet omdat één losse afbeelding het verschil maakt, maar omdat tientallen of honderden beelden samen een groot deel van je site vormen.

Een simpele werkwijze voor je contentproces

Wie dit netjes wil regelen, hoeft het niet ingewikkeld te maken. Deze volgorde werkt in de praktijk prima:

Bij nieuwe afbeeldingen

  • geef het bestand een logische naam
  • upload het beeld
  • vul direct de beschrijving in
  • check of de tekst past bij de pagina

Bij bestaande content

  • begin met pagina’s die veel verkeer of veel afbeeldingen hebben
  • controleer productpagina’s, blogs en belangrijke landingspagina’s
  • laat decoratieve beelden bewust leeg waar dat beter is

Bij teams of externe contentmakers

  • zet alt tekst in je publicatiechecklist
  • spreek af wanneer een afbeelding decoratief is
  • geef 2 of 3 voorbeelden van goede omschrijvingen mee

Zo voorkom je dat het afhankelijk wordt van toeval of van degene die toevallig publiceert.

Korte checklist

Voor je op publiceren klikt:

  • heeft elke inhoudelijke afbeelding een beschrijving?
  • is die kort en specifiek?
  • staat de belangrijkste informatie vooraan?
  • is een zoekwoord alleen gebruikt als dat natuurlijk voelt?
  • is tekst in de afbeelding overgenomen als die relevant is?
  • hebben decoratieve afbeeldingen een leeg alt-attribuut?

FAQ

Wat is alt tekst?

Dat is een korte beschrijving van een afbeelding in het alt-attribuut. Schermlezers lezen die voor en zoekmachines gebruiken hem als extra context.

Heeft alt tekst invloed op SEO?

Ja, vooral voor Google Afbeeldingen en voor het beter begrijpen van de inhoud van een pagina. Zie het als ondersteunend, niet als losse rankingtruc.

Moet elke afbeelding alt tekst hebben?

Nee. Decoratieve afbeeldingen laat je vaak juist leeg met alt="", zodat schermlezers geen overbodige informatie voorlezen.

Hoe schrijf ik een goede beschrijving?

Kort, concreet en passend bij de context van de pagina. Beschrijf wat relevant is, niet alles wat zichtbaar is.

Waar voeg ik alt tekst toe in WordPress?

In de mediabibliotheek of bij de afbeeldinginstellingen in de editor. Het handigst is om dit meteen bij het uploaden te doen.