Waarom alt-teksten bij afbeeldingen essentieel zijn voor SEO én toegankelijkheid

Waarom een alt-tekst bij afbeeldingen essentieel is voor SEO én digitale toegankelijkheid

Elke afbeelding op je website vertelt een visueel verhaal. Maar wat als een gebruiker de afbeelding niet kan zien? Of als een zoekmachine niet begrijpt wat er getoond wordt? Precies daarom bestaat alt-tekst (ook wel alt attributes of alternatieve tekst genoemd). Een kleine maar krachtige toevoeging aan je webdesign die cruciaal is voor zowel zoekmachineoptimalisatie (SEO) als digitale toegankelijkheid.

In dit artikel leggen we uit wat alt-tekst is, waarom het belangrijk is voor jouw website, hoe je het correct implementeert en hoe je kunt testen of alles goed is ingesteld. We sluiten af met vijf praktische tips voor betere alt-teksten.

Wat is alt-tekst?

Alt-tekst is een korte beschrijving die je toevoegt aan een afbeelding viaHTML. De volledige naam is "alternative text" en deze verschijntwanneer een afbeelding niet geladen wordt of wanneer een screenreader dewebsite voorleest aan een gebruiker met een visuele beperking.

Technisch ziet dat er bijvoorbeeld zo uit:

<img src="ambasco-posterdesign.jpg" alt="Posterontwerp voor duurzame conferentie door Ambasco">

Waarom is alt-tekst belangrijk?

1. Toegankelijkheid

Een Alt-tekst zorgt ervoor dat mensen met een visuele beperking of dyslexie begrijpen wat er op een afbeelding staat. Via screenreaders wordt de beschrijving voorgelezen, waardoor visuele content niet verloren gaat. Websites zonder correcte alt-teksten zijn voor deze groep deels onbruikbaar. Dat is niet alleen onwenselijk, maar in sommige gevallen ook in strijd met de wet (denk aan de WCAG-richtlijnen).

2. SEO (zoekmachineoptimalisatie)

Zoekmachines zoals Google kunnen afbeeldingen niet "zien" zoals mensen dat doen. Ze gebruiken alt-tekst om te begrijpen waar een afbeelding over gaat. Goed geschreven alt-teksten helpen je website beter scoren in de zoekresultaten, vooral in Google Afbeeldingen. Dat leidt tot meer zichtbaarheid en potentieel verkeer.

Hoe stel je alt-tekst correct in?

Bij de meeste CMS-systemen (zoals WordPress, Webflow of Shopify) kun je eenvoudig per afbeelding alt-tekst invoeren. Zorg ervoor dat je geen loze termen gebruikt zoals "image1.jpg" of alleen "foto". Omschrijf duidelijk wat er op de afbeelding te zien is en waarom dat relevant is voor de context van de pagina.

Let op:

• Decoratieve afbeeldingen (zoals een lijn of achtergrondversiering) hebben géén alt-tekst nodig. Geef ze in dat geval alt="" mee, zodat screenreaders ze overslaan.
• Herhaal niet onnodig tekst die al direct naast de afbeelding staat.

Hoe test je of alt-teksten goed zijn ingesteld?

Er zijn meerdere manieren om je website hierop te controleren:

1. Screenreader-test: Gebruik een screenreader (zoals NVDA, Narrator (Windows) of VoiceOver van Apple) om je website door te nemen zoals een slechtziende gebruiker dat zou doen.
2. ‍SEO-tools:Tools zoals Screaming Frog, Ahrefs of SEMrush kunnen een rapport genereren van ontbrekende of dubbele alt-teksten.
3. ‍Lighthouse in Chrome DevTools: Voer een audit uit op toegankelijkheid om ontbrekende alt-teksten te detecteren.
4. ‍WAVE Web Accessibility Tool: Deze tool markeert direct op de pagina welke afbeeldingen wel of geen alt-tekst hebben.

5 tips voor sterke alt-teksten

1. Wees beschrijvend en beknopt
   Schrijf alsof je het aan iemand uitlegt die het beeld niet ziet. Houd het tussen de 5 en 15 woorden.
2. ‍Gebruik relevante zoekwoorden, maar vermijd keyword stuffing
   Als het natuurlijk past, gebruik dan een belangrijk zoekwoord, maar houd de tekst leesbaar. Gebruik niet keywords omdat je gehoord hebt dat dit goed voor je SEO is. De Alt Teksten moeten logisch zijn zodat een screenreader ook echt iets zinvols opleest. Keywords worden in SEO door de AI toepassingen sowieso steeds minder belangrijk.
3. ‍Vermijd "afbeelding van" of "foto van"
   Dit is overbodig — screenreaders weten al dat het om een afbeelding gaat.
4. ‍Pas alt-teksten aan op de context
   Dezelfde afbeelding kan op verschillende pagina’s een andere alt-tekst hebben, afhankelijk van de inhoud van de pagina.
5. ‍Gebruik geen alt-tekst voor puur decoratieve beelden
   Geef deze een lege alt-tag (alt="") zodat screenreaders ze overslaanen de gebruiker niet afleidt.

Tot slot

Alt-tekst lijken wellicht onbelangrijk. Het is immers iets dat je niet direct ziet. Maar het heeft zeker invloed. Door het goed in te zetten, maak je je website toegankelijker voor iedereen én zorg je ervoor dat je visuele content ook bijdraagt aan je vindbaarheid in zoekmachines. Een goed ingerichte website is niet alleen mooier, maar ook slimmer.

Bij Ambasco combineren we design, content en technologie. Wil je weten of jouw website goed scoort op dit gebied? Neem contact met ons op – we helpen je graag verder.