Wat is een alt-tekst en waarom doet hij ertoe?
Een alt-tekst, voluit alternatieve tekst of alt text, is de korte beschrijving die bij een afbeelding in de code van je webshop staat. Bezoekers zien hem normaal niet, maar een schermlezer leest hem voor aan iemand die slecht of niet ziet. Laadt een afbeelding niet, dan verschijnt de alt-tekst op de plek van het beeld.
Daarnaast gebruiken zoekmachines de alt-tekst om te begrijpen wat er op een foto staat. Google noemt de alt-tekst, samen met de tekst rond de afbeelding en de bestandsnaam, als belangrijke bron voor Google Afbeeldingen. Voor mode, waar veel mensen op beeld zoeken, is dat een vindbaarheidskanaal dat vaak blijft liggen.
In de praktijk staat er bij veel webshops niets, de bestandsnaam of een artikelnummer als 4073AS252-BLK-M. Dat zegt een klant met een schermlezer niets en Google weinig. Een beschrijvende zin per beeld lost allebei op.
Zo ziet een goede alt-tekst voor een productfoto eruit
Beschrijf wat iemand ziet die de foto niet kan zien, en wat hij moet weten om te kiezen. Bij een productfoto zijn dat het merk, het type product, de kleur en eventueel het materiaal of een opvallend detail. Bij meerdere beelden van hetzelfde product maak je het verschil met het aanzicht: voorkant, achterkant, detail of op model.
Houd het kort. Schermlezers lezen de hele tekst voor, en de gangbare richtlijn is maximaal ongeveer 125 tekens. Begin niet met afbeelding van of foto van, want een schermlezer meldt al dat het een afbeelding is. Vermijd zoekwoordenrijtjes: Google ziet dat als spam en een schermlezergebruiker haakt erop af.
Puur decoratieve beelden, zoals een sierlijn of een achtergrondpatroon, krijgen een lege alt-tekst, zodat een schermlezer ze overslaat. Productfoto's zijn nooit decoratief: daar hoort altijd een beschrijving bij.
- Merk en productnaam, zoals de klant ze in de webshop ziet
- Type product en doelgroep, zoals dames jas of heren chino
- Kleur in gewone woorden, niet de kleurcode van de leverancier
- Het aanzicht: voorkant, achterkant, zijkant, detail of op model
- Eventueel één opvallend detail, zoals ankerknopen of een ceintuur
Voorbeelden voor mode: goed en fout
Het verschil zit vaak in een paar woorden. Hieronder staan veelvoorkomende fouten naast een betere versie, voor dezelfde soort productbeelden als op deze pagina. Merk dat de goede versies geen zoekwoorden herhalen en toch alles bevatten waar iemand op zoekt.
| Beeld | Fout | Beter |
|---|---|---|
| Packshot van een jas | IMG_4021.jpg | Donkerblauwe double-breasted wollen peacoat met goudkleurige knopen, voorkant |
| Modelfoto | Mooie vrouw in jas | Lange crème wollen jas met ceintuur op model, gedragen met bruine pantalon |
| Achterkant | Jas crème jas wollen jas dames jas winterjas sale | Lange crème wollen jas met ceintuur, achterkant op model |
| Detail | Afbeelding van een detail | Close-up van de goudkleurige ankerknopen op een donkerblauwe peacoat |
| Leveranciersbeeld | 4073AS252-NVY-M | Merknaam peacoat dames in navy, voorkant |
| Sfeerbeeld | Leeg | Vrouw in camelkleurige jas fietst langs een gracht |
SEO: alt-tekst, bestandsnaam en structured data
De alt-tekst werkt het best samen met een duidelijke bestandsnaam. Google raadt aan om beschrijvende bestandsnamen te gebruiken in plaats van camera-namen als IMG_4021.jpg. Een naam als peacoat-dames-navy-voorkant.jpg, of jouw vaste opbouw met artikelnummer, kleur en volgnummer, helpt zoekmachines en je eigen team. Gebruik koppeltekens en kleine letters, en geen spaties.
Daarnaast is er structured data, ook wel schema.org-markup genoemd. Met het type Product geef je zoekmachines in een vaste vorm door wat de productnaam, prijs, beschikbaarheid en de productafbeeldingen zijn. De meeste webshopplatformen en thema's maken die markup automatisch aan op basis van de productbeelden en -gegevens. Controleer met de test voor rich results van Google of je beelden daarin meekomen.
Tot slot telt de context. Een alt-tekst die past bij de producttitel, de omschrijving en de kopjes op de pagina versterkt het geheel. Een alt-tekst die iets anders zegt dan de titel, bijvoorbeeld een andere kleurnaam, zorgt juist voor verwarring bij klant en zoekmachine.
Toegankelijkheid en de European Accessibility Act
Sinds 28 juni 2025 geldt in de EU de European Accessibility Act. In Nederland houdt de ACM sindsdien toezicht op de digitale toegankelijkheid van webshops: websites en apps waar je producten of diensten koopt. Volgens de ACM gelden de regels voor bedrijven met 10 of meer medewerkers en/of een jaaromzet van meer dan 2 miljoen euro.
Als technische maatstaf wordt in de praktijk de Europese norm EN 301 549 gebruikt, die aansluit op de internationale richtlijnen WCAG 2.1 op niveau AA. Een van de eerste eisen daarin is dat elke informatieve afbeelding een tekstalternatief heeft. Productfoto's zonder alt-tekst zijn dus geen detail, maar een van de meest gevonden knelpunten.
Alt-teksten zijn maar één onderdeel. Ook een bestelproces dat met het toetsenbord werkt, voldoende kleurcontrast en duidelijke formulieren horen erbij. Twijfel je of de wet op jouw webshop van toepassing is of wat je precies moet doen, kijk dan op de site van de ACM of vraag een toegankelijkheidsspecialist; dit artikel is geen juridisch advies.
Ook als de wet niet voor jou geldt: een webshop die met een schermlezer te gebruiken is, verkoopt aan meer klanten.
Wanneer automatische alt-teksten niet genoeg zijn
Alt-teksten uit artikeldata zijn betrouwbaar en consistent, maar ze beschrijven wat er in de data staat, niet de sfeer van een campagnebeeld. Voor een handvol hero-beelden op je homepage of een lookbook is een handgeschreven beschrijving vaak beter. Daar wil je vertellen wat er gebeurt, niet alleen welk product het is.
Ook geldt: rommel erin is rommel eruit. Staat de kleur in je kassasysteem als BLK of 999, of is de productnaam een interne code, dan wordt de alt-tekst daar niet beter van. Heb je maar twintig producten, dan schrijf je de alt-teksten sneller zelf in het beheer van je webshop dan dat je er een systeem voor inricht.
Hoe Photopilot alt-teksten schrijft
Photopilot zet bij het publiceren naar Shopify, WooCommerce en BigCommerce een beschrijvende alt-tekst bij elk beeld, op basis van de productnaam, het merk en de kleur. Staan merk of kleur al in de productnaam, dan worden ze niet herhaald. Pas als er geen productnaam bekend is, valt Photopilot terug op het artikelnummer, zodat een beeld nooit zonder tekst staat.
In de Webshop-Excel en bij exports naar bestanden krijgt elk beeld een eigen alt-tekst die daar het aanzicht aan toevoegt, zoals voorkant, achterkant of op model, met de doelgroep en het type product, in de vorm merk en naam, dames jas in navy, voorkant op model. De tekst blijft onder de 125 tekens en hoofdletters uit leverancierslijsten worden netjes gemaakt.
Die teksten komen rechtstreeks uit je artikeldata en niet uit een taalmodel, dus dezelfde gegevens geven altijd dezelfde tekst en er wordt niets verzonnen. Bij een FTP- of SFTP-export krijgen de bestanden de namen die jullie webshop verwacht, bijvoorbeeld met artikelnummer, kleur en volgnummer. Dat hoort bij het publiceren, dat in het maandplan vanaf €500 per maand zit.
