Wat is alt-tekst en hoe schrijf ik die voor producten?

Alt-tekst beschrijft een afbeelding voor schermlezergebruikers en zoekmachines. Beschrijf voor productbeelden precies wat de klant moet weten: materiaal, kleur, stijl, hoek en relevante zichtbare details. Generieke alt-tekst als “productafbeelding” biedt niemand waarde.

Wat alt-tekst eigenlijk doet

Alt-tekst dient drie doelen:

1. Toegang voor schermlezers: wanneer een slechtziende gebruiker je productpagina met een schermlezer bekijkt, wordt de afbeelding aangekondigd door de alt-tekst voor te lezen. “Afbeelding” of “foto” zegt niets. Een beschrijving van hoe het product eruitziet. De informatie die zienden automatisch krijgen, geeft hen dezelfde winkelervaring.

2. Fallback bij gebroken afbeeldingen: laadt een afbeelding niet (trage verbinding, CDN-storing, foute URL), dan wordt de alt-tekst in plaats daarvan getoond. Beschrijvende alt-tekst betekent dat gebruikers nog steeds begrijpen hoe het product eruitziet, ook als het beeld niet rendert.

3. Indexering door zoekmachines: Google kan je beelden niet zien. Het leest je alt-tekst om te begrijpen wat er staat, wat meetelt voor de positie in afbeeldingenzoekresultaten, de relevantie van de productpagina en de contentsignalen van de pagina.

Hoe je goede product-alt-tekst schrijft

De formule: [kleur/materiaal] [producttype] [onderscheidende kenmerken] [hoek of context]

Voorbeelden:

• Slecht: alt="img001.jpg"
• Slecht: alt="productafbeelding"
• Slecht: alt="blauwe jurk"
• Goed: alt="Middernachtblauwe linnen wikkeljurk met striktaille, V-hals, midi-lengte, vooraanzicht"
• Goed: alt="Handgemaakte keramische koffiemok in saliegroen met oor, 350ml, vaatwasserbestendig"
• Goed: alt="Witte leren Oxford-schoenen met brogue-detail, heren, zoolaanzicht"

De test: als het beeld zou verdwijnen en iemand alleen de alt-tekst las, zou diegene dan een accuraat beeld van het product hebben? Goed genoeg om een koopbeslissing te nemen?

Meerdere beelden per product

De meeste productpagina’s hebben 4-10 beelden met verschillende hoeken, contextshots en detailclose-ups. Schrijf voor elk een aparte alt-tekst:

• Hoofdshot: volledige productbeschrijving
• Andere hoeken: “Achteraanzicht van [product]” of “Zijaanzicht van [product]”
• Detailshots: “Close-up van [specifiek kenmerk] op [product]”
• Lifestyle-/contextshots: “[Product] gedragen met [stylingcontext], lifestyle-shot”
• Schaalshots: “[Product] naast [referentieobject] om schaal te tonen”

Herhaal niet dezelfde alt-tekst voor elk beeld. Dat maakt schermlezernavigatie repetitief en communiceert het doel van elke beeldvariant niet.

Wat te doen met decoratieve beelden

Puur decoratieve beelden. Achtergrondtexturen, scheidingsafbeeldingen, iconen als decoratie, horen lege alt-tekst te hebben: alt="". Dat vertelt schermlezers het beeld volledig over te slaan, wat correct gedrag is. Laat het alt-attribuut niet volledig weg (dan leest de schermlezer de bestandsnaam voor), en zet er geen “decoratieve afbeelding” als alt-tekst in (onnodige ruis).

Het onderscheid: zou het verwijderen van het beeld ervoor zorgen dat een gebruiker productinformatie mist, dan heeft het beschrijvende alt-tekst nodig. Is het visuele decoratie die geen productinformatie communiceert, gebruik dan alt="".

Alt-tekst opschalen voor grote catalogi

Handmatig alt-tekst schrijven voor duizenden producten is een flinke klus. Praktische aanpakken voor schaal:

Template-gebaseerde generatie: bouw een formule uit je productattributen (kleur, materiaal, stijl, categorie) en genereer alt-tekst programmatisch. [kleur] [materiaal] [producttype], [kenmerk]. En verfijn daarna voor je best verkopende en drukst bezochte producten.

Prioriteer op verkeer en omzet: begin met je top 20% producten qua verkeer. Die leveren 80% van de SEO- en toegankelijkheidsimpact. Werk de catalogus van daaruit af.

Workflow voor nieuwe producten: voeg alt-tekst toe aan je checklist voor het aanmaken van producten, zodat het bij nieuwe items nooit achterloopt.

Bestaande assets nalopen: veel PIM-systemen en Shopify-metafields ondersteunen alt-tekstvelden. Bulk-bewerkingstools helpen bestaande voorraad bij te werken.

Ontbrekende alt-tekst is een van de meest voorkomende ecommerce-toegankelijkheidsfouten en een van de makkelijkst op te lossen. Voor shops met beeldrijke productpagina’s verhoogt betere alt-tekst doorgaans tegelijk het organische verkeer uit afbeeldingenzoekresultaten én de toegankelijkheidsscore van productpagina’s. Een UX-audit brengt in kaart hoe je huidige alt-tekstgebruik zich verhoudt tot de best practice in je catalogus.