Wat is image alt text?
Image alt text is een korte tekstbeschrijving van een afbeelding, ingesteld op het HTML-alt-attribuut (bijvoorbeeld alt="Zwarte leren Chelsea-boot, zijaanzicht"). Hij is onzichtbaar op de pagina, maar wordt voorgelezen door screenreaders, getoond als een afbeelding niet laadt, en geparset door AI-zoekmachines en zoekcrawlers. WCAG 2.1 Success Criterion 1.1.1 vereist een tekstalternatief voor alle niet-tekst-content — wat betekent dat elke betekenisvolle afbeelding alt text nodig heeft.
AI-zoekmachines als ChatGPT, Perplexity en Google AI Overviews citeren steeds vaker multi-modale content. De meeste draaien geen vision op elke afbeelding — ze lezen de alt text, bijschriften en omliggende HTML om te bepalen wat een afbeelding toont en of ze de pagina citeren. Pagina's waar tekst, afbeeldingen en structured data hetzelfde onderwerp versterken, worden veel vaker geciteerd. Deze metric maakt deel uit van de Technical Foundation-pijler in je GEO-Score.
Waarom alt text telt voor AI-zoekmachines
Alt text is een van de weinige signalen met drievoudig nut: het is een wettelijke toegankelijkheidsvereiste, een bevestigde rankingfactor voor afbeeldingen en de primaire tekstinput die AI-zoekmachines gebruiken om je visuals te interpreteren. Het overslaan kost je op alle drie de fronten tegelijk.
Toegankelijkheid is de basis (en de wet)
WCAG 2.1 Level A vereist een tekstalternatief voor alle niet-tekst-content. De WebAIM Million 2025-studie vond dat 18,5% van alle afbeeldingen op homepages nog steeds geen alt text heeft — en ontbrekende alt text is de meest geciteerde WCAG-overtreding in de 3.117 ADA Title III website-toegankelijkheidsrechtszaken die in 2025 zijn aangespannen.
AI-zoekmachines citeren multi-modale pagina's vaker
Wellows analyseerde 15.847 AI Overview-resultaten in 63 sectoren en vond dat pagina's die tekst, afbeeldingen, video en structured data combineren 156% hogere selectieratio's zien — met volledige multi-modale plus schema-integratie tot 317% meer vermeldingen. Alt text is wat een afbeelding tot een citeerbaar signaal maakt.
Image search en visuele vermeldingen vragen om tekst
Google Lens verwerkt meer dan 12 miljard visuele queries per maand en groeit 30% per jaar. Beschrijvende alt text is dé image-SEO-actie met de hoogste impact — maar een Backlinko-studie van 65.388 visuele zoekopdrachten vond dat slechts 11,4% van de rankende afbeeldingen alt text had die met de query matchte.
Wat het onderzoek zegt
Pages that combine text, images, video, and structured data see 156% higher selection rates in AI Overviews, with full multi-modal plus schema integration delivering up to 317% more citations. Multi-modal integration showed a 0.92 correlation coefficient — the biggest ranking shift of 2025.
— Wellows, Google AI Overviews Ranking Factors Study (15,847 results, 63 industries), 2026
18.5% of all home page images had missing alternative text — about 11 missing alt attributes per page on average. A further 11% of images with alt text used questionable values like "image", "graphic", a file name, or duplicates of adjacent text.
— WebAIM Million 2025, Accessibility Audit of 1,000,000 Home Pages
Only 11.4% of all Google Lens result images contain alt text terms that match the keyword someone just searched for. Contextually rich alt text can improve visual search discovery by up to 35%, particularly for e-commerce and product-focused sites.
— Backlinko, Google Lens Study of 65,388 Visual Searches, 2025
Echte voorbeelden: slecht vs. goed
Alt text-kwaliteit is in de praktijk binair — het is bruikbaar voor een screenreader en AI-parser, of het is ruis. Deze drie real-world scenario's laten zien hoe kleine woordwijzigingen een afbeelding van onzichtbaar naar citeerbaar tillen.
Voorbeeld 1: e-commerce productafbeelding (Chelsea-boot)
<img src="image1.jpg" alt="image1.jpg">
Waarom dit faalt: de bestandsnaam als alt text geeft geen informatie over het product. Screenreaders lezen "image one dot jay peg". Google Image Search heeft geen signaal om te matchen met de query "zwarte Chelsea-boot". AI-zoekmachines zien de afbeelding maar kunnen hem niet beschrijven of citeren.
<img src="chelsea-boot-black.jpg" alt="Zwarte leren Chelsea-boot, zijaanzicht, herenmaat 44, met elastische instap en lus om aan te trekken">
Waarom dit werkt: een blinde shopper hoort exact welk product. Google kan de alt text matchen op kleur-, stijl- en maat-queries. ChatGPT en Perplexity kunnen deze pagina citeren bij de vraag "beste zwarte Chelsea-boots voor heren". Dezelfde afbeelding — totaal andere uitkomst.
Voorbeeld 2: blog hero-afbeelding (artikel over thuiswerken)
<img src="hero-banner.png">
Waarom dit faalt: zonder alt-attribuut vallen veel screenreaders terug op het lezen van de bestandsnaam ("hero banner dot p n g"). Het overtreedt WCAG 1.1.1 Level A. AI-crawlers kunnen de afbeelding niet in context plaatsen, en de pagina mist de multi-modale citatieboost die Wellows mat.
<img src="remote-team-video-call.png" alt="Gedistribueerd engineeringteam in een video call, met een gedeeld scherm dat een Kanban-board toont">
Waarom dit werkt: de alt text beschrijft zowel onderwerp als context, wat het artikelonderwerp versterkt. AI-zoekmachines hebben nu uitgelijnde signalen (heading, body, image alt) — precies het multi-modale patroon dat 156% meer AI Overview-vermeldingen oplevert.
Voorbeeld 3: data-visualisatie (kwartaalomzetgrafiek)
<img src="q4.png" alt="chart">
Waarom dit faalt: WebAIM markeerde "chart" als een klassieke twijfelachtige alt-waarde (11% van alle alt text op het web is dit soort placeholder). Een screenreader-gebruiker leert niets. AI-zoekmachines kunnen de cijfers niet extraheren en zullen de pagina overslaan bij het samenvatten van omzettrends.
<img src="q4-revenue-bar-chart.png" alt="Staafgrafiek kwartaalomzet 2025: Q1 $4,2M, Q2 $4,8M, Q3 $5,1M, Q4 $6,7M — 60% groei year-over-year">
Waarom dit werkt: het grafiektype is benoemd, de vier datapunten zijn opgesomd en de kernconclusie staat erbij. WCAG-richtlijn voor complexe afbeeldingen wordt gehaald, en AI-zoekmachines kunnen de werkelijke cijfers in antwoorden over omzettrends citeren.
learnImageAltText.decisionTree.title
learnImageAltText.decisionTree.intro
learnImageAltText.decisionTree.items.decorative.question
learnImageAltText.decisionTree.items.decorative.answer
learnImageAltText.decisionTree.items.informative.question
learnImageAltText.decisionTree.items.informative.answer
learnImageAltText.decisionTree.items.functional.question
learnImageAltText.decisionTree.items.functional.answer
learnImageAltText.decisionTree.items.complex.question
learnImageAltText.decisionTree.items.complex.answer
learnImageAltText.decisionTree.items.text.question
learnImageAltText.decisionTree.items.text.answer
learnImageAltText.altTextFormulas.title
learnImageAltText.altTextFormulas.intro
| Image Type | Formula | Example |
|---|---|---|
| learnImageAltText.altTextFormulas.formulas.product.type | learnImageAltText.altTextFormulas.formulas.product.formula | learnImageAltText.altTextFormulas.formulas.product.example |
| learnImageAltText.altTextFormulas.formulas.screenshot.type | learnImageAltText.altTextFormulas.formulas.screenshot.formula | learnImageAltText.altTextFormulas.formulas.screenshot.example |
| learnImageAltText.altTextFormulas.formulas.dataViz.type | learnImageAltText.altTextFormulas.formulas.dataViz.formula | learnImageAltText.altTextFormulas.formulas.dataViz.example |
| learnImageAltText.altTextFormulas.formulas.hero.type | learnImageAltText.altTextFormulas.formulas.hero.formula | learnImageAltText.altTextFormulas.formulas.hero.example |
| learnImageAltText.altTextFormulas.formulas.diagram.type | learnImageAltText.altTextFormulas.formulas.diagram.formula | learnImageAltText.altTextFormulas.formulas.diagram.example |
Hoe verbeter je je image alt text
Doe dit NIET
- ✗Laat het alt-attribuut niet helemaal weg — veel screenreaders lezen dan de bestandsnaam voor, wat erger is dan niets
- ✗Gebruik geen ruwe bestandsnamen als IMG_1234.jpg, screenshot-final-v2.png of hero.webp als alt-waarde
- ✗Begin elke alt niet met "Afbeelding van" of "Foto van" — screenreaders kondigen het element al aan als afbeelding, dus dit verspilt karakters
- ✗Stop alt text niet vol met irrelevante keywords — Google noemt dit expliciet spam in zijn image-SEO-documentatie en kan de pagina lager waarderen
- ✗Laat decoratieve afbeeldingen (scheidingslijnen, achtergrondversiering) niet zonder alt="" — zonder lege alt proberen screenreaders betekenisloze visuals te beschrijven
Doe dit in plaats daarvan
- ✓Beschrijf wat de afbeelding toont ÉN waarom hij op de pagina staat — content + context, niet alleen labels
- ✓Begin bij grafieken, infographics en screenshots met het type ("Staafgrafiek...", "Screenshot van...", "Diagram dat... toont")
- ✓Houd alt text in het bereik van 80-125 tekens — lang genoeg om specifiek te zijn, kort genoeg dat screenreaders niet afkappen
- ✓Gebruik alt="" (zonder spatie tussen de quotes) voor decoratieve afbeeldingen, zodat screenreaders en AI ze netjes overslaan
- ✓Zorg dat bestandsnaam, alt text, bijschrift en omliggende paragraaf hetzelfde beschrijven — uitgelijnde signalen winnen in AI-zoekmachines
Snelle tips voor betere alt text
- •Voeg een alt-attribuut toe aan elke img-tag — beschrijvend voor contentafbeeldingen, alt="" voor decoratieve. Een derde optie is er niet.
- •Mik op 80-125 tekens. Lang genoeg om specifiek te zijn, kort genoeg dat JAWS en NVDA de beschrijving niet afkappen.
- •Sla "Afbeelding van", "Foto van", "Plaatje dat toont" over. Screenreaders kondigen de rol zelf aan — die woorden zijn pure ruis.
- •Schrijf voor grafieken, infographics en diagrammen een korte alt PLUS een langere beschrijving in de omliggende tekst of een gelinkte detailpagina.
- •Is een afbeelding ook een link, beschrijf dan de bestemming van de link, niet alleen het plaatje. WebAIM vond dat 44% van afbeeldingen zonder alt links zijn.
- •Doe een gratis GEO-Score Check om in seconden ontbrekende of zwakke alt text op je pagina op te sporen — dit fixen is een van de snelste winsten.
Veelgestelde vragen
Hoe lang moet alt text zijn?
Wat is het verschil tussen alt="" en een ontbrekend alt-attribuut?
Lezen AI-zoekmachines als ChatGPT alt text echt?
Helpt alt text mijn Google-ranking?
Hoe schrijf ik alt text voor grafieken, diagrammen en infographics?
Kan ik AI gewoon gebruiken om alt text voor mijn hele site automatisch te genereren?
Gerelateerde metrics om te verkennen
- AI-optimalisatie
Alt text is één technisch AI-signaal — bekijk het volledige pakket optimalisaties dat je pagina leesbaar maakt voor ChatGPT, Perplexity en AI Overviews.
- Contentstructuur
Uitgelijnde signalen winnen in AI-zoekmachines. Leer hoe heading-hiërarchie en plaatsing van afbeeldingen samen passages extraheerbaar maken.
- Schema-validator
Combineer alt text met ImageObject-schema om AI-zoekmachines gestructureerde metadata te geven. Schema plus multi-modale content is de 317% citatie-lift die Wellows mat.
- Volledigheid
Multi-modale pagina's met tekst, afbeeldingen en data dekken onderwerpen completer. Leer hoe volledigheid samenwerkt met alt text voor AI-zichtbaarheid.