Een alt tekst is de beschrijving die je aan een afbeelding koppelt. Schermlezers lezen hem voor, zoekmachines gebruiken hem om je beeld te begrijpen en bezoekers zien hem als de afbeelding niet laadt. Beschrijf de functie en de inhoud, kort maar volledig, zonder "afbeelding van". Wat is een alt tekst precies? Een alt tekst is […]
Een alt tekst is de beschrijving die je aan een afbeelding koppelt. Schermlezers lezen hem voor, zoekmachines gebruiken hem om je beeld te begrijpen en bezoekers zien hem als de afbeelding niet laadt. Beschrijf de functie en de inhoud, kort maar volledig, zonder "afbeelding van".
Wat is een alt tekst precies?
Een alt tekst is de korte tekstuele beschrijving die in het alt-attribuut van een afbeelding staat. Hij vervangt het beeld voor iedereen die het niet ziet en vertelt zoekmachines wat er te zien is.
In WordPress vul je die tekst in bij het veld "Alternatieve tekst" in de mediabibliotheek. Andere systemen noemen het "alt-tag" of "alternatieve tekst afbeelding" — steeds hetzelfde veld.
Let op het verschil: een onderschrift staat zichtbaar onder de foto voor alle bezoekers. Alleen de alt-tekst is de échte vervanging van het beeld.
Wie leest je alt-teksten eigenlijk?
Drie partijen lezen mee: gebruikers van schermlezers, zoekmachines en bezoekers bij wie de afbeelding niet laadt. Ze stellen alle drie dezelfde eis — vertel wat er te zien is en waarom het er staat.
- Schermlezers. Blinde en slechtziende bezoekers laten de pagina voorlezen. Zonder alt-tekst horen zij alleen "afbeelding" of een onbegrijpelijke bestandsnaam, en valt een stuk informatie weg.
- Zoekmachines. Google kan een foto niet lezen zoals een mens. De alt-tekst is een van de sterkste signalen over de inhoud van je beeld en helpt je pagina in Google Afbeeldingen.
- Bezoekers met een kapotte afbeelding. Bij een trage verbinding of een verwijderd bestand toont de browser de alt-tekst in plaats van het beeld. Je boodschap blijft dan overeind.
Ook AI-zoekmachines leunen zwaar op de tekst in je HTML. Alles wat je in beeld stopt en niet beschrijft, bestaat voor hen simpelweg niet.
Zo schrijf je een goede alt tekst in 6 stappen
Alt teksten schrijven gaat het snelst met een vaste volgorde: eerst de functie bepalen, dan beschrijven, dan inkorten en controleren.
- Bepaal de functie. Vraag je af waarom de afbeelding er staat. Informatief, illustratief bij de tekst, of puur decoratief? Dat antwoord bepaalt alles wat daarna komt.
- Beschrijf wat er te zien is. Noem het onderwerp en de relevante details in de context van de pagina: een cv-ketel op een productpagina vraagt om andere details dan dezelfde ketel in een blogartikel.
- Houd het kort maar volledig. Vijf tot vijftien woorden is een prima richtlijn, met circa 125 tekens als bovengrens.
- Laat "afbeelding van" en "foto van" weg. Schermlezers kondigen zelf al aan dat het om een afbeelding gaat. Die woorden voegen niets toe en kosten wel ruimte.
- Voeg het zoekwoord alleen toe als het natuurlijk past. Past het niet, laat het staan. Een reeks zoektermen in het alt-attribuut is stuffing, en dat werkt tegen je.
- Lees hem hardop. Klopt het beeld dat in je hoofd ontstaat met de foto? Dan is de alt-tekst af.
Goede en foute alt-teksten voor herkenbare situaties
Deze situaties kom je op vrijwel elke MKB-website tegen. Het patroon is steeds hetzelfde: de foute variant beschrijft het bestand, de goede beschrijft de betekenis.
| Situatie | Fout | Goed |
|---|---|---|
| Productfoto in een webshop | IMG_4521 | Zwarte espressomachine met melkopschuimer en tweekops-uitloop |
| Teamfoto op de over-ons-pagina | foto van ons team | Monteur Jan de Vries controleert een cv-ketel in een meterkast |
| Logo in de header, linkt naar home | logo | Onlinemeersucces.nl logo |
| Decoratieve sfeerfoto achter een kop | kantoor sfeer stockfoto marketing bureau | Leeg alt-attribuut, zodat de schermlezer hem overslaat |
| Grafiek of screenshot | grafiek | Verkeersgrafiek met een stijging van organische bezoekers na de sitemigratie |
| Icoon dat als knop werkt | icoon telefoon | Bel ons |
De laatste rij is de belangrijkste uitzondering: bij een afbeelding die als knop of link werkt beschrijf je niet het plaatje, maar de actie. De gebruiker wil weten waar hij terechtkomt, niet welk pictogram er staat.
Decoratieve afbeeldingen: laat de alt-tekst juist leeg
Is een afbeelding puur decoratief, geef hem dan een leeg alt-attribuut. Schermlezers slaan de afbeelding dan netjes over, in plaats van een betekenisloze beschrijving voor te lezen.
Een leeg alt-attribuut is iets anders dan géén alt-attribuut. Ontbreekt het veld, dan valt een schermlezer soms terug op de bestandsnaam. Leeg is een bewuste keuze, geen vergeten veld.
Twijfel je? Stel de vraag: als ik deze afbeelding weghaal, mist de bezoeker dan informatie? Is het antwoord nee, dan is hij decoratief.
De toegankelijkheidskant: WCAG en de Europese toegankelijkheidsrichtlijn
Alt-teksten zijn de bekendste eis uit de webrichtlijnen. WCAG-succescriterium 1.1.1 vraagt dat alle niet-tekstuele content een tekstalternatief heeft dat hetzelfde doel dient — precies wat een goede alt-tekst doet.
Via de European Accessibility Act (EAA) is toegankelijkheid voor steeds meer online diensten en webshops in Europa een verplichting geworden, en overheidssites vielen al langer onder soortgelijke eisen. Of en hoe die regels op jouw organisatie van toepassing zijn, is juridisch maatwerk: laat dat toetsen door iemand die daarin gespecialiseerd is.
Praktisch gezien is alt-teksten schrijven hoe dan ook verstandig: het is een van de eenvoudigste toegankelijkheidsverbeteringen, en je bereikt er bezoekers mee die je anders kwijt was.
Alt-teksten zijn één onderdeel van afbeeldingen-SEO
Een perfecte alt-tekst op een afbeelding van vijf megabyte helpt je niet. Beeld beïnvloedt je vindbaarheid langs drie lijnen: begrip, snelheid en structuur.
- Bestandsnaam. Geef bestanden een beschrijvende naam met koppeltekens, in de taal van de pagina. Dus geen scherm-opname-2.png, maar espressomachine-met-melkopschuimer.webp.
- Formaat. WebP is inmiddels de standaard voor content-afbeeldingen; het levert bij gelijke kwaliteit fors kleinere bestanden op dan JPEG.
- Compressie en afmetingen. Upload geen camerabestand van 4000 pixels breed als het beeld op 800 pixels wordt getoond. Schaal terug en comprimeer.
- Laadgedrag. Lazy loading is prima voor beeld lager op de pagina, maar niet voor de eerste, grote afbeelding boven de vouw — die wil je juist met voorrang laden.
Die snelheidskant werken we uit in onze gids over een snellere website, en wat trage afbeeldingen met je scores doen lees je in het artikel over Core Web Vitals. Alles bij elkaar hoort dit thuis in je bredere aanpak van technische SEO.
Weet je niet waar je moet beginnen? Vraag een gratis scan van je website aan, dan kijken we samen welke afbeeldingen je nu het meeste kosten.
Veelgestelde vragen over alt-teksten
Hoe lang mag een alt tekst zijn?
Houd vijf tot vijftien woorden aan, met ongeveer 125 tekens als bovengrens. Schermlezers lezen de hele tekst voor, dus lange beschrijvingen worden vermoeiend. Heb je meer uitleg nodig, zoals bij een complexe grafiek, zet die dan in de gewone tekst of in een onderschrift onder de afbeelding.
Moet mijn zoekwoord altijd in de alt tekst staan?
Nee. Het zoekwoord mag erin als het de afbeelding echt beschrijft, bijvoorbeeld in de alt-tekst van je uitgelichte afbeelding. Past het niet natuurlijk, laat het dan weg. Dezelfde zoekterm in tientallen alt-attributen plakken is keyword stuffing en levert je geen betere posities op.
Wat is het verschil tussen alt-tekst en een onderschrift?
Een onderschrift staat zichtbaar onder de afbeelding en is bedoeld voor alle bezoekers, bijvoorbeeld om een bron of extra context te geven. De alt-tekst is onzichtbaar en dient als vervanging van het beeld voor schermlezers, zoekmachines en kapotte afbeeldingen. Ze kunnen naast elkaar bestaan en hoeven niet hetzelfde te zeggen.
Wat doe ik met honderden bestaande afbeeldingen zonder alt tekst?
Begin bij de pagina's die het meeste opleveren: je belangrijkste dienst- en productpagina's en je best bezochte artikelen. Werk daarna per pagina naar beneden. Een SEO-crawler of de toegankelijkheidscheck in je browser laat in één keer zien welke afbeeldingen nog een alternatieve tekst missen.
Aan de slag met je eigen afbeeldingen
Alt-teksten schrijven is klein werk met dubbel rendement: beter leesbaar voor bezoekers die je site niet kunnen zien, én begrijpelijker voor zoekmachines. Loop je mediabibliotheek langs en begin bij je belangrijkste pagina's.
Wil je weten wat er verder blijft liggen op je website? Onlinemeersucces.nl helpt MKB-ondernemers met een datagedreven SEO-aanpak: eerst meten waar de kansen zitten, dan gericht verbeteren. Neem contact op voor een gratis scan van je site.