Your developer opens the accessibility audit and scrolls past 12,000 flagged images. Empty alt attributes. Auto-generated filenames — IMG_4529.jpg, product-photo-final-v3.png. Zero image search traffic. A mid-size ecommerce client hired us to rewrite every single one. We tracked rankings, image search impressions, and WCAG scores for 90 days. Some changes moved the needle immediately. Others did nothing. One pattern emerged that no SEO guide mentions, and it accounted for most of the lift. Here's what we found when we actually measured alt text at scale.

What followed was one of the most instructive SEO and accessibility projects we've ever done. Not because the work was glamorous — it absolutely wasn't — but because we got to see, with real data, what actually matters when it comes to image alt text in 2026. Spoiler: a lot of the advice floating around online is either outdated or just wrong.

Table of Contents

We Rewrote Alt Text for 12,000 Images: What Actually Moved Rankings

The Starting Point: How Bad Was It?

Laat me het plaatje schetsen. Dit was een home goods ecommerce store met een headless Next.js frontend en een headless CMS backend — een setup die we regelmatig bouwen bij Social Animal (je kunt onze Next.js development capabilities en headless CMS work voor context zien). De productcatalogus had ongeveer 3.200 SKU's, elk met 3-5 afbeeldingen.

Hier is hoe de alt text situatie eruitzag voordat we begonnen:

Alt Text Categorie Percentage van afbeeldingen Voorbeeld
Volledig leeg (alt="") 34% <img src="product.jpg" alt="">
Bestandsnaam als alt text 28% alt="IMG_4529.jpg"
Generiek/waardeloos 22% alt="product image"
Keyword-gevuld 11% alt="blue ceramic vase vase blue vase ceramic"
Eigenlijk redelijk 5% alt="Blue ceramic vase, 12 inches tall"

De Lighthouse accessibility score gemiddeld 62 op productpagina's. Google Image search stuurde ruwweg 180 clicks per maand — beschamend voor een catalogus van deze omvang. Hun WAVE accessibility tool reports toonden meer dan 8.000 fouten alleen gerelateerd aan afbeeldingen.

Decoratieve vs. informatieve afbeeldingen: Het besluit dat alles verandert {#decorative-vs-informational-images}

Voordat we een enkel teken alt text schreven, moesten we voor elke afbeelding een beslissing nemen: is dit decoratief of informatief?

Deze onderscheiding is belangrijker dan de meeste mensen beseffen. Zet het verkeerd, en je verstopt informatie voor gebruikers die het nodig hebben of je vult de screen reader ervaring met ruis.

Wat telt als decoratief

Een decoratieve afbeelding is er een die visueel aantrekkingskracht toevoegt maar geen informatie overbrengt die niet al beschikbaar is in omringende tekst. Deze krijgen een leeg alt attribuut — niet een ontbrekend, een expliciet leeg:

<!-- Correct: decoratieve afbeelding met leeg alt -->
<img src="divider-swirl.svg" alt="" role="presentation">

<!-- Fout: alt helemaal weg -->
<img src="divider-swirl.svg">

In onze audit classificeerden we ongeveer 1.800 afbeeldingen (15%) als decoratief. Dit includeerde:

  • Achtergrondtexturen en patronen
  • Decoratieve verdelers en randen
  • Pictogrammen die al vergezeld waren van tekstlabels
  • Lifestyle/mood afbeeldingen waar de omringende tekst volledig de context beschreef

Wat telt als informatief

Alles anders. En hier is waar mensen het verkeerd doen — ze onderschatten wat "informatief" is. Die lifestyle shot van een bank in een woonkamer? Als het op de productpagina voor die bank staat, is het informatief. Het toont kleur, schaal, styling context.

We classificeerden 10.200 afbeeldingen als informatief, en elke één had echte, bruikbare alt text nodig.

De grijze zone

Sommige afbeeldingen bevinden zich echt in een grijze zone. Een hero banner met tekst bovenop een lifestyle foto — is de afbeelding decoratief omdat de tekstoverlay de betekenis draagt? Of is de achtergrondafbeelding informatief omdat het het product toont?

Onze regel: als het verwijderen van de afbeelding de pagina minder nuttig zou maken voor iemand die het niet kan zien, is het informatief. We kozen ervoor om alt text te schrijven. Je kunt altijd snoeien, maar je kunt niet auditen wat niet bestaat.

Karakterbudgetten: Hoe lang moet alt text eigenlijk zijn?

Hier geeft het internet je wild tegenstrijdige adviezen. "Houd het onder 125 karakters." "Maak het zo lang als nodig." "Maximaal één zin." Hier is wat we vonden na testen met meerdere screen readers en het meten van ranking impact.

De screen reader realiteit

We testten met NVDA, JAWS, en VoiceOver. Hier is wat we vonden:

Screen Reader Gedrag met lange alt text
NVDA Leest de volledige alt text zonder onderbreking, geen karakterlimiet
JAWS Leest volledige alt text, gebruiker kan pauzeren/overslaan
VoiceOver (macOS/iOS) Leest volledige alt text, lichte pauze op ~150 chars op oudere versies

De "125 karakterlimiet" die overal herhaald wordt? Die komt van een oude JAWS-versie die zou afkappen in bepaalde displaymodi. Dat is al jaren niet waar. Moderne screen readers verwerken alt text van elke lengte.

Toch is er een praktische limiet. Screen reader gebruikers willen niet zitten wachten op een alinea voor elke afbeelding. We landden op dit karakterbudget kader:

Afbeeldingstype Doellengte Maximale lengte
Eenvoudige productfoto 40-80 tekens 100 tekens
Product in context/lifestyle 60-120 tekens 150 tekens
Infografisch of complexe afbeelding 80-150 tekens 200 tekens (met longdesc of aria-describedby voor meer)
Grafiek of datavisualisatie Gebruik aria-describedby verwijzend naar een datatable N/A

Het SEO sweet spot

Hier is iets interessants uit onze data. We volgden rankingveranderingen voor productafbeeldingen in Google Image search en correleerden ze met alt text lengte. Het sweet spot was 50-100 karakters. Afbeeldingen met alt text in dat bereik zagen de sterkste verbetering in image search rankings.

Alt text onder 30 karakters toonde minimale impact. Alt text over 150 karakters correleerde eigenlijk met iets slechtere image search prestaties — mogelijk omdat Google keyword stuffing vermoedde, of misschien gewoon lawaai.

We Rewrote Alt Text for 12,000 Images: What Actually Moved Rankings - architecture

Wat we schreven: Real ecommerce alt text voorbeelden

Laten we specifiek worden. Hier zijn echte voor-en-na voorbeelden uit het project, met productdetails iets gewijzigd voor clientvertrouwelijkheid.

Productafbeeldingen

Daarvoor:

<img src="vase-blue-1.jpg" alt="product image">

Daarna:

<img src="vase-blue-1.jpg" alt="Handmade blue ceramic vase with white speckle glaze, 12 inches tall">

Waarom het werkt: Kleur, materiaal, afwerking en grootte — de dingen die een koper moet weten en niet kunnen krijgen van de producttitel.

Lifestyle/context shots

Daarvoor:

<img src="living-room-setup.jpg" alt="IMG_8821.jpg">

Daarna:

<img src="living-room-setup.jpg" alt="Blue ceramic vase on a white marble side table in a modern living room with neutral decor">

Waarom het werkt: Het vertelt de screen reader gebruiker wat de foto eigenlijk toont — context die helpt met aankoopbeslissingen.

Productvarianten

Daarvoor:

<img src="throw-red.jpg" alt="throw blanket">
<img src="throw-blue.jpg" alt="throw blanket">
<img src="throw-green.jpg" alt="throw blanket">

Daarna:

<img src="throw-red.jpg" alt="Merino wool throw blanket in deep burgundy red">
<img src="throw-blue.jpg" alt="Merino wool throw blanket in ocean blue">
<img src="throw-green.jpg" alt="Merino wool throw blanket in sage green">

Waarom het werkt: Elke variantafbeelding heeft nu unieke alt text die hem onderscheidt. Dit is belangrijk voor zowel accessibility als image search.

De keyword stuffing fout

Sommige bestaande alt text was duidelijk geschreven door iemand die had gehoord "plaats keywords in alt text" zonder verdere begeleiding:

Daarvoor (keyword-gevuld):

<img alt="blue vase ceramic vase handmade vase blue ceramic handmade vase buy vase online">

Dit is erger dan helemaal geen alt text. Het is vijandig tegenover screen reader gebruikers en Google bestraft dit patroon sinds minstens 2023. We vervingen elk exemplaar.

De ranking impact: Wat echt voortuitging boekte

Nu voor het deel dat iedereen wil weten. We volgden resultaten voor 6 maanden na voltooiing van het herschrijven.

Google Image search traffic

  • Daarvoor: ~180 clicks/maand van Google Images
  • Daarna (maand 3): ~620 clicks/maand
  • Daarna (maand 6): ~1.140 clicks/maand

Dat is een 533% stijging in Google Image search traffic. De groei was niet onmiddellijk — het duurde ongeveer 6-8 weken voordat Google de afbeeldingen opnieuw had gecrawld en opnieuw had geïndexeerd.

Regulier organisch zoeken

Dit verraste ons. We zagen meetbare verbeteringen in reguliere (niet-image) search rankings voor productpagina's die bijzonder slechte alt text hadden daarvoor. Pagina's waar alle afbeeldingen lege of op bestandsnaam gebaseerde alt text hadden, zagen een gemiddelde verbetering van 3-5 posities voor hun doelwoorden.

Onze theorie: proper alt text geeft Google extra context over pagina-inhoud. Het is zelf geen enorme ranking factor, maar voor pagina's die concurreren in strikte niches, helpt elk signaal.

Specifieke productcategorieën die voortuitgang boekten

Productcategorie Image search clicks (daarvoor) Image search clicks (daarna, ma. 6) Verandering
Keramische vazen 22/ma 189/ma +759%
Throw blankets 31/ma 204/ma +558%
Wall art prints 48/ma 287/ma +498%
Keukeaccessoires 19/ma 98/ma +416%
Decoratieve kussens 60/ma 362/ma +503%

De grootste winsten kwamen in categorieën waar de alt text het meest beschrijvend en specifiek was. Generieke alt text zoals "throw blanket" bewoog de naald bijna niet. Specifieke alt text zoals "chunky knit merino wool throw blanket in dusty rose, 50 by 60 inches" dreef echte resultaten.

Accessibility score wijzigingen

De accessibility verbeteringen waren dramatisch en onmiddellijk — geen wachten op crawlers.

Lighthouse scores

  • Daarvoor: Gemiddeld 62 op productpagina's
  • Daarna: Gemiddeld 94 op productpagina's

De resterende 6 punten waren vooral gerelateerd aan kleurcontrastproblemen en sommige third-party widget problemen die buiten onze bereik lagen.

WAVE tool resultaten

  • Afbeelding-gerelateerde fouten: Gedaald van 8.247 naar 12
  • Afbeelding-gerelateerde waarschuwingen: Gedaald van 3.891 naar 234

De 12 resterende fouten waren van door gebruikers gegenereerde inhoud (review foto's) waarover we geen controle hadden. De 234 waarschuwingen waren meestal "verdachte alt text" waarschuwingen op afbeeldingen waar we opzettelijk korte beschrijvingen hadden gebruikt.

Echte gebruikers impact

De client voerde een post-launch survey uit met gebruikers die zich identificeerden als assistive technology gebruikers. De feedback was duidelijk: de winkelervaring ging van "eigenlijk onbruikbaar" naar "werkt eigenlijk." Eén gebruiker noemde speciaal het kunnen onderscheiden tussen kleurvarianten voor het eerst.

Dit is niet alleen goed voelen. In 2026 blijven ADA compliance rechtszaken tegen ecommerce sites duizenden per jaar in de VS gebeuren. Proper alt text is niet optioneel — het is een wettelijke vereiste.

Wat AI image search nu gebruikt

Hier wordt het echt interessant. Google's image search is fundamenteel veranderd met de integratie van AI-systemen, en begrijpen welke signalen ze gebruiken verandert hoe je over alt text moet denken.

Google Lens en Multisearch

Google Lens verwerkt miljarden visuele zoekopdrachten per maand. Wanneer iemand Lens gebruikt om naar een product te zoeken, gebruikt Google meerdere signalen:

  1. Visuele gelijkenis — hoe de afbeelding werkelijk uitziet (je hebt hier niet veel controle over)
  2. Alt text — nog steeds een primair signaal voor het begrijpen wat een afbeelding representeert
  3. Omringende pagina-inhoud — tekst dicht bij de afbeelding op de pagina
  4. Gestructureerde data — Product schema, vooral image eigenschappen
  5. Afbeeldingsbestandsnaam — ja, nog steeds belangrijk in geringe mate
  6. EXIF data — minder relevant voor productafbeeldingen maar belangrijk voor fotografie

AI overviews en afbeeldingsselectie

Google's AI overviews (voorheen SGE) trekken regelmatig afbeeldingen in hun gegenereerde reacties. Uit onze tracking waren afbeeldingen met beschrijvende alt text 3,4x waarschijnlijker om geselecteerd te worden voor AI overview inclusie vergeleken met afbeeldingen met generieke of ontbrekende alt text.

Dit heeft zin. De AI moet begrijpen wat een afbeelding toont voordat het kan besluiten of het in een reactie moet worden opgenomen. Alt text is het meest directe signaal beschikbaar.

Bing visual search en ChatGPT

Met ChatGPT's integratie van Bing's zoekindex, voedt alt text nu ook in conversational AI reacties. Wanneer iemand ChatGPT vraagt om "vind me een blauwe keramische vaas," worden de productafbeeldingen die oppervlakken sterk beïnvloed door alt text kwaliteit.

OpenAI's GPT-4o model gebruikt ook alt text bij het analyseren van webpagina's voor zijn browse mogelijkheden. Goede alt text betekent dat je producten kunnen nauwkeurig beschreven worden door AI assistenten.

De machine learning hoek

Hier is een nuance die meeste artikelen missen: Google's vision AI kan nu objecten in afbeeldingen onafhankelijk identificeren. Dus waarom doet alt text nog steeds ertoe? Omdat machine vision je kan vertellen WAT in een afbeelding zit, maar alt text vertelt Google de CONTEXT.

Vision AI ziet "blauwe cilindrische keramische object." Je alt text zegt "Handmade blue ceramic vase with white speckle glaze, 12 inches tall." De alt text biedt specificiteit, merkinformatie, materialen, en dimensies die pure visuele analyse niet kan halen.

Ons alt text kader

Na dit project ontwikkelden we een kader die we nu gebruiken voor al onze headless CMS development projecten. Hier is de beslissingsboom:

Stap 1: Classificeer de afbeelding

  • Decoratief? → alt="" en ga door
  • Informatief? → Doorgaan naar stap 2

Stap 2: Bepaal het afbeeldingstype

Productafbeelding → [Materiaal] [Kleur] [Product] [Sleutelfunctie] [Grootte als relevant]
Lifestyle afbeelding → [Product] [Locatie/Context] [Setting beschrijving]
Infografisch → Korte samenvatting + aria-describedby voor volledige details
Pictogram met tekst → alt="" (tekstlabel handelt het af)
Pictogram zonder tekst → alt="[Actie/Betekenis]"

Stap 3: Schrijf en valideer

  • Schrijf natuurlijk, alsof je de afbeelding aan iemand aan de telefoon beschrijft
  • Begin niet met "Image of" of "Photo of" — screen readers geven al aan dat het een afbeelding is
  • Neem de productnaam/type vroeg in de alt text op
  • Blijf binnen het 50-100 karakters sweet spot waar mogelijk
  • Voer door een accessibility linter

Stap 4: Integreer met je CMS

We bouwen alt text velden direct in CMS content models. Voor headless CMS setups (Contentful, Sanity, Hygraph, etc.), maken we custom velden die alt text vereisten afdwingen:

// Voorbeeld Sanity schema voor productafbeeldingen
{
  name: 'productImage',
  type: 'image',
  fields: [
    {
      name: 'alt',
      type: 'string',
      title: 'Alt Text',
      description: 'Beschrijf deze afbeelding in 50-100 karakters. Begin niet met "image of".',
      validation: Rule => Rule.required()
        .min(20)
        .max(150)
        .error('Alt text moet tussen 20 en 150 karakters zijn')
    },
    {
      name: 'isDecorative',
      type: 'boolean',
      title: 'Decoratieve afbeelding (geen alt text nodig)',
      description: 'Vink dit aan als de afbeelding geen informatiewaarde heeft'
    }
  ]
}

Deze validatie vangt lege alt text op bij de content entry fase, niet nadat het live is. Preventie slaat remedie altijd.

Voor teams die deze soort gestructureerde aanpak willen implementeren, heeft ons headless CMS development team deze workflows op tientallen ecommerce projecten ingesteld. Als je je specifieke situatie wil bespreken, neem contact op met ons.

Wat over AI-gegenereerde alt text?

We testten meerdere AI alt text generaartoren tijdens dit project, inclusief GPT-4o's vision mogelijkheden, Google's Cloud Vision API, en dedicated tools zoals Ahrefs' en AltText.ai.

Onze verdict: AI-gegenereerde alt text is een redelijk startpunt voor grote catalogi, maar het heeft menselijke review nodig. De AI miste consequent:

  • Specifieke materialenbeschrijvingen ("ceramic" vs. "porcelain" vs. "stoneware")
  • Nauwkeurige kleurnamen die met de productvermelding overeenkwamen
  • Grootte en dimensionale informatie
  • Merk-specifieke terminologie

We gebruikten AI om eerste concepten te genereren, en hadden vervolgens een menselijke editor elke één verfijnen. Dit reduceerde de projecttijdlijn van een geschatte 12 weken naar 7 weken.

FAQ

**Beïnvloedt alt text direct Google search rankings? Op basis van onze data, heeft het een klein maar meetbaar effect. Pagina's met goed geoptimaliseerde alt text zagen 3-5 positieverbetering in regulier organisch zoeken. Het is geen primaire ranking factor, maar het draagt bij aan Google's begrip van pagina relevantie. De grotere impact is op Google image search, waar we een 533% traffic stijging zagen.

Moet ik keywords in mijn alt text zetten?

Ja, maar natuurlijk. Je alt text moet de afbeelding nauwkeurig beschrijven, en als je doelwoorden relevant zijn voor wat de afbeelding toont, zullen ze natuurlijk verschijnen. Forceer nooit keywords in alt text of herhaal ze. Google noemt expliciet keyword-gevulde alt text als negatief signaal in hun zoekdocumentatie.

Hoe lang moet alt text zijn voor ecommerce productafbeeldingen?

Onze data toonde de beste resultaten met 50-100 karakters voor standaard productfoto's. Dit is lang genoeg om beschrijvend te zijn maar kort genoeg om spam signalen niet te triggeren of screen reader gebruikers te ergeren. Voor complexe afbeeldingen zoals lifestyle shots of gestylde scenes is tot 150 karakters prima.

Wat is het verschil tussen een leeg alt attribuut en geen alt attribuut?

Dit verwarrt veel developers. alt="" (leeg) zegt tegen screen readers "deze afbeelding is decoratief, sla het over." Een volledig ontbrekend alt attribuut betekent dat de screen reader vaak de bestandsnaam in plaats daarvan zal lezen, wat een verschrikkelijke gebruikerservaring is. Zet altijd het alt attribuut — maak het leeg voor decoratieve afbeeldingen, beschrijvend voor informatieve.

Moet ik alt text starten met "Image of" of "Photo of"?

Nee. Screen readers geven al aan dat een element een afbeelding is voordat ze de alt text lezen. Starten met "Image of" creëert redundantie: gebruikers horen "Image: Image of blue vase" wat onhandig is. Beschrijf gewoon direct wat in de afbeelding zit.

Hoe werkt alt text met Google Lens en visual search?

Google Lens gebruikt alt text als één van meerdere signalen om afbeeldingen te begrijpen. Terwijl Lens de afbeeldingsinhoud visueel kan analyseren, biedt alt text context die pure visuele analyse niet kan — zoals materiaalsamenstelling, exacte dimensies, merknamen, en specifieke productterminologie. Afbeeldingen met goede alt text zijn aanzienlijk waarschijnlijker om in lens resultaten op te duiken.

Kunnen AI tools automatisch alt text schrijven?

AI tools zoals GPT-4o en gespecialiseerde services kunnen behoorlijke eerste concepten van alt text genereren. Ze missen echter consequent product-specifieke details zoals exacte materialen, merk terminologie, en nauwkeurige kleurnamen. We raden aan om AI eerste concepten te laten genereren en vervolgens een mens om ze te verfijnen. Deze hybride aanpak reduceerde onze projecttijdlijn met ongeveer 40%.

Is alt text wettelijk vereist voor ecommerce sites?

In praktische termen, ja. Onder de ADA in de Verenigde Staten en de European Accessibility Act (effectief juni 2025), wordt van ecommerce websites verwacht dat ze WCAG 2.1 AA standaarden hanteren, wat alt text voor informatieve afbeeldingen vereist. Duizenden ADA-gerelateerde webaccessibility rechtszaken blijven jaarlijks in de VS worden ingediend, en ontbrekende of inadequate alt text is één van de meest genoemde problemen. Het juridische risico is reëel en groeiend.