Alt tekst is een korte omschrijving van een afbeelding die in de code staat en uitlegt wat relevant is op het beeld. Die tekst is belangrijk voor mensen die een screenreader gebruiken, helpt zoekmachines om afbeeldingen en pagina-inhoud beter te begrijpen en hoort leeg te zijn bij puur decoratieve beelden. Goede alt tekst is kort, duidelijk en afgestemd op de context van de pagina. In deze gids leer je hoe je alt tekst schrijft, implementeert, controleert en opschaalt.
- Goede alt tekst verbetert toegankelijkheid, SEO en gebruiksvriendelijkheid tegelijk.
- Beschrijf alleen wat nodig is om de afbeelding in de context van de pagina te begrijpen.
- Decoratieve afbeeldingen krijgen meestal een lege beschrijving:
alt="". - Bij productfoto’s, grafieken en infographics is een nauwkeurige omschrijving extra belangrijk.
- Je kunt alt tekst eenvoudig beheren in HTML, WordPress, Shopify, Drupal en via bulk-workflows.
Wat is alt tekst?
Alt tekst is de alternatieve beschrijving van een afbeelding. Je plaatst die in het alt-attribuut van een img-element. Als een afbeelding niet laadt, of als iemand een screenreader gebruikt, wordt deze beschrijving gebruikt om de inhoud of functie van het beeld duidelijk te maken.
In de praktijk gebruiken veel mensen termen als alt-tag of imagebeschrijving door elkaar. Technisch gezien gaat het om het alt-attribuut, maar in content en SEO is alt tekst de meest gebruikte benaming.
Technische uitleg met HTML-voorbeeld
Een eenvoudig voorbeeld van correct gebruik:
<img src="rode-sneakers.jpg" alt="Rode dames sneakers met witte zool">
Bij een decoratieve afbeelding die geen inhoud toevoegt, gebruik je een lege beschrijving:
<img src="achtergrond-vorm.png" alt="">
Zo weten hulptechnologieën dat het beeld overgeslagen mag worden. Dat is beter dan een vage of overbodige omschrijving.
Verschil tussen alt, title en caption
Deze onderdelen hebben elk een andere functie:
- Alt tekst beschrijft de afbeelding of functie voor screenreaders en zoekmachines.
- Title is een optioneel attribuut en heeft meestal weinig waarde voor toegankelijkheid.
- Caption is het zichtbare bijschrift onder een afbeelding en helpt alle bezoekers met extra context.
Gebruik een onderschrift als aanvullende uitleg nodig is. Gebruik alt tekst alleen voor wat essentieel is om de afbeelding te begrijpen.
Waarom alt tekst belangrijk is
Toegankelijkheid en WCAG
Alt tekst is in de eerste plaats belangrijk voor toegankelijkheid. Mensen die blind zijn of slecht zien, gebruiken screenreaders om webpagina’s te laten voorlezen. Zonder goede beschrijving missen zij informatie die anderen wel direct uit een afbeelding halen.
Dat speelt vooral bij productafbeeldingen, screenshots, grafieken, tabellen en infographics. Als zulke beelden geen goede omschrijving hebben, gaat inhoud verloren. Binnen de WCAG-richtlijnen is het correct beschrijven van niet-decoratieve afbeeldingen daarom een basiseis voor een toegankelijke website.
Naast een ethische reden is er ook een zakelijke reden: toegankelijkheid verkleint uitval, vergroot bereik en helpt organisaties om beter aan wet- en regelgeving te voldoen. Meer hierover lees je ook op onze pagina over digitale toegankelijkheid.
SEO-voordelen
Alt tekst helpt zoekmachines om beter te begrijpen wat er op een afbeelding staat en hoe die afbeelding past binnen de inhoud van de pagina. Dat kan bijdragen aan zichtbaarheid in Google Afbeeldingen en extra context geven aan de totale pagina.
Het is geen los rankingwonder, maar wel een ondersteunend signaal binnen afbeeldings-SEO. Vooral op blogs, categoriepagina’s, productpagina’s en kennisartikelen kan dat verschil maken. Combineer alt tekst daarom altijd met goede bestandsnamen, relevante omringende tekst en snelle laadtijden. Voor meer praktische optimalisaties kun je ook onze gids over beeldoptimalisatie raadplegen.
UX-voordelen bij broken images en prestaties
Als een afbeelding niet laadt door een fout, trage verbinding of blokkade in de browser, blijft de alternatieve beschrijving vaak beschikbaar. Daardoor houdt een bezoeker toch meer context. Dat maakt je pagina robuuster en gebruiksvriendelijker.
Alt tekst vervangt geen goede performance-optimalisatie, maar draagt wel bij aan een betere ervaring wanneer beeld niet direct zichtbaar is.
Best practices voor het schrijven van alt tekst
Basisregels voor goede alt tekst
Goede alt tekst is kort, beschrijvend en relevant. Schrijf alsof je in één zin uitlegt wat iemand moet weten als die de afbeelding niet kan zien.
- Wees specifiek: schrijf liever “zwarte hardloopschoenen met witte zool” dan “schoenen”.
- Houd het kort: meestal is één compacte zin voldoende.
- Beschrijf wat ertoe doet: niet elk detail is relevant.
- Schrijf objectief en natuurlijk: geen verkooppraat of zoekwoordrijtjes.
- Stem af op de context: dezelfde afbeelding kan op verschillende pagina’s een andere beschrijving krijgen.
Wanneer laat je alt tekst leeg?
Gebruik alt="" voor decoratieve afbeeldingen. Denk aan achtergrondelementen, grafische vormen, scheidingslijnen of sfeerbeelden die geen nieuwe informatie toevoegen.
Dat is belangrijk, omdat screenreadergebruikers anders onnodige ruis krijgen. Een lege beschrijving is in zulke gevallen beter dan een omschrijving die niets toevoegt.
Voor productafbeeldingen, grafieken en infographics
Bij productfoto’s benoem je meestal het type product, kleur en een onderscheidend kenmerk. Bij grafieken beschrijf je de hoofdboodschap of trend. Bij infographics vat je de kern samen, terwijl je de volledige uitleg in de omliggende tekst of caption zet.
Een beschrijvende afbeeldingstekst moet dus niet alleen het beeld benoemen, maar ook helpen begrijpen waarom dat beeld op die pagina staat.
Zo gebruik je zoekwoorden zonder te spammen
Gebruik relevante termen alleen als ze vanzelf passen bij de afbeelding en de pagina. Schrijf eerst voor mensen en pas daarna voor zoekmachines. Een natuurlijke omschrijving werkt beter dan een geforceerde opsomming.
Schrijf dus niet: “SEO afbeelding optimalisatie zoekmachine afbeelding tekst”. Schrijf wel: “Screenshot van SEO-dashboard met stijging in organisch verkeer”.
Concrete voorbeelden van alt tekst
Productfoto voor e-commerce
| Slecht | Goed | Waarom beter |
|---|---|---|
| schoen | Zwarte leren herenschoen met bruine zool | Concreet en productgericht. |
| nike-air-max-sale-blauw-2025.jpg | Blauwe hardloopschoen voor heren met luchtzool | Geen bestandsnaam, maar een bruikbare beschrijving. |
Informatieve grafiek in een blog of rapport
| Slecht | Goed | Waarom beter |
|---|---|---|
| grafiek | Lijngrafiek die stijging van organisch verkeer van 1200 naar 3100 bezoeken toont | Benoemt de kernboodschap in plaats van alleen het type afbeelding. |
| SEO data | Staafgrafiek met hoogste conversieratio voor e-mailverkeer in Q1 | Geeft de relevante conclusie weer. |
Banner of hero image
| Slecht | Goed | Waarom beter |
|---|---|---|
| vrouw op laptop | Marketingadviseur werkt aan SEO-analyse op laptop | Meer context en beter passend bij de pagina. |
| mooi kantoor | Leeg laten met alt=”” als het beeld alleen sfeer toevoegt | Decoratieve beelden hoef je niet onnodig te beschrijven. |
Infographic of stappenplan
| Slecht | Goed | Waarom beter |
|---|---|---|
| infographic social media | Infographic met vijf stappen voor een socialmediastrategie, van doel bepalen tot content plannen | Vat de inhoud samen zonder alles letterlijk uit te schrijven. |
| stappenplan | Schema dat laat zien hoe je afbeeldingen beoordeelt op informatief of decoratief gebruik | Maakt duidelijk wat de lezer uit de afbeelding haalt. |
Technische implementatie en workflow
HTML-voorbeeldcodes
Gebruik voor standaardafbeeldingen een duidelijke beschrijving:
<img src="team-overleg.jpg" alt="Drie marketeers bespreken contentplanning aan tafel">
Gebruik voor decoratieve beelden een lege waarde:
<img src="blauwe-vorm.svg" alt="">
Bij een klikbare afbeelding beschrijf je vooral de functie:
<a href="/contact"><img src="cta-audit.jpg" alt="Vraag een SEO-audit aan"></a>
WordPress: mediabibliotheek en plugins
In WordPress voeg je de beschrijving toe via de mediabibliotheek. Open de afbeelding en vul het veld voor alternatieve omschrijving in. Controleer daarna in de editor of de juiste tekst ook echt op de pagina terechtkomt.
Werk je met veel media, maak dan een vaste workflow: uploaden, beschrijven, controleren en publiceren. Plugins kunnen ontbrekende velden signaleren, maar automatische suggesties op basis van bestandsnamen zijn zelden goed genoeg.
Shopify, Drupal en headless CMS
In Shopify kun je per productafbeelding een beschrijving toevoegen in het productbeheer. Dat is vooral nuttig bij productvarianten, zoals kleur, materiaal of uitvoering.
In Drupal werkt dit meestal via afbeeldingsvelden binnen contenttypes. In headless omgevingen voeg je de omschrijving vaak toe als apart veld in je CMS-model. De beste aanpak is om dit verplicht te maken in je publicatieproces, zodat belangrijke afbeeldingen nooit zonder beschrijving live gaan.
Bulk-wijzigingen via CSV, scripts en plugins
Voor grotere websites is handmatig aanpassen vaak te traag. Gebruik dan bulk-processen, bijvoorbeeld via CSV-imports, CMS-plugins of scripts. Denk aan productfeeds waarin je per afbeelding een beschrijvingskolom toevoegt.
In WordPress kun je dit deels automatiseren met importplugins of via WP-CLI binnen een gecontroleerde workflow. In e-commerceplatforms kun je vaak exports verrijken en opnieuw importeren. Controleer na bulk-updates altijd steekproefsgewijs de output op de pagina zelf.
Voor teams met veel visuele content is het slim om een vast template te gebruiken. Bied bijvoorbeeld intern een veldstructuur aan met: type afbeelding, onderwerp, onderscheidend detail, functie en paginacontext.
Tools om alt tekst te testen en te verbeteren
Accessibility-audit tools
Gebruik tools zoals WAVE, axe en Google Lighthouse om ontbrekende of foutieve afbeeldingsbeschrijvingen op te sporen. Deze tools helpen vooral bij technische controles en toegankelijkheidsissues.
SEO-audit tools
Voor grotere sites is een crawler zoals Screaming Frog handig. Daarmee vind je snel afbeeldingen zonder omschrijving, dubbele patronen of zwakke beschrijvingen op schaal. Vul dit aan met data uit Google Search Console als je zichtbaarheid in Google Afbeeldingen wilt volgen.
Automatische suggesties en AI
AI-tools kunnen helpen om sneller een eerste voorstel te maken, vooral bij grote mediabibliotheken. Gebruik dat alleen als startpunt. Een mens moet altijd controleren of de tekst klopt, relevant is en past bij de inhoud van de pagina.
Voor internationale sites is extra controle nodig. Op meertalige websites hoort de beschrijving mee te vertalen met de paginataal. Dat voorkomt een rommelige ervaring en sluit beter aan op lokale zoekintentie.
Veelgemaakte fouten en hoe je ze voorkomt
- Ontbrekende beschrijving bij belangrijke afbeeldingen: voeg altijd een relevante omschrijving toe bij informatieve beelden.
- Bestandsnaam kopiëren: een naam als IMG_4830.jpg helpt niemand.
- Te vage woorden: termen als “foto” of “afbeelding” zeggen meestal te weinig.
- Zoekwoordspam: schrijf natuurlijk en vermijd geforceerde herhaling.
- Decoratieve beelden beschrijven: gebruik juist een lege waarde als het beeld niets toevoegt.
- Overal dezelfde tekst gebruiken: pas de omschrijving aan op de context en functie.
Een praktische vuistregel: zou iemand zonder zicht met deze omschrijving begrijpen wat belangrijk is aan de afbeelding? Zo niet, dan moet de tekst beter.
Meetbaarheid en KPI’s
Wat kun je meten?
Wie alt tekst structureel verbetert, kan de impact op meerdere niveaus volgen:
- percentage afbeeldingen met ingevulde beschrijving
- aantal informatieve afbeeldingen met ontbrekende omschrijving
- toegankelijkheidsscore in Lighthouse of axe
- vertoningen en klikken uit Google Afbeeldingen
- conversie op productpagina’s met verbeterde productbeschrijvingen
- afname van QA-fouten in contentpublicatie
Kort praktijkvoorbeeld
Bij een webshop met honderden productpagina’s kan het verbeteren van beeldbeschrijvingen leiden tot betere indexatie van productafbeeldingen, minder toegankelijkheidsfouten en een hogere gebruikskwaliteit voor bezoekers die hulpmiddelen gebruiken. In combinatie met betere productcontent en snellere pagina’s zie je vaak vooral effect in de totaalprestatie, niet alleen in één losse SEO-metric.
Praktische checklist voor alt tekst
Gebruik deze korte checklist bij elke afbeelding:
- Is de afbeelding informatief? Schrijf een korte, duidelijke beschrijving.
- Is de afbeelding decoratief? Gebruik
alt="". - Is de afbeelding klikbaar? Beschrijf de functie of bestemming.
- Bevat de afbeelding data of uitleg? Benoem de hoofdboodschap.
- Klinkt de tekst natuurlijk? Vermijd geforceerde SEO-formuleringen.
- Past de omschrijving bij de context van de pagina?
- Is de beschrijving uniek genoeg, vooral bij productfoto’s?
Vraag een SEO audit aan of gebruik deze checklist als basis voor je eigen contentworkflow. Wil je eerst breder aan de slag met beeld- en contentoptimalisatie, bekijk dan ook onze pagina over SEO-basics.
Veelgestelde vragen over alt tekst
Alt tekst is een korte omschrijving van een afbeelding in HTML. Die helpt screenreaders en geeft zoekmachines context over het beeld.
Alleen als dat logisch en natuurlijk past bij de afbeelding en de pagina. Schrijf eerst voor mensen, daarna voor SEO.
Bij decoratieve afbeeldingen die geen inhoudelijke waarde toevoegen. Gebruik dan alt="".
De omschrijving is de inhoud die je schrijft. Het HTML-veld is het attribuut waarin die tekst wordt geplaatst.
Bijvoorbeeld: “Zwarte leren laptoptas met verstelbare schouderband”. Dat is concreet, duidelijk en relevant.
Ja. Het helpt zoekmachines afbeeldingen en pagina-inhoud beter te begrijpen. Het is ondersteunend, maar wel waardevol.
Er is geen harde limiet, maar kort en helder werkt meestal het best. In veel gevallen is één zin genoeg.
Ja, als eerste voorstel. Controle door een mens blijft nodig, omdat context, nuance en functie vaak ontbreken.
Conclusie
Alt tekst is klein in formaat, maar groot in impact. Het maakt afbeeldingen begrijpelijker voor mensen met een visuele beperking, geeft zoekmachines extra context en verbetert de algehele gebruikservaring van je site.
De beste aanpak is eenvoudig: beschrijf alleen wat relevant is, houd het kort, laat decoratieve beelden leeg en controleer je website regelmatig. Wie dit goed inricht, werkt tegelijk aan toegankelijkheid, SEO en contentkwaliteit.
