Alt-tekst

Wat is alt-tekst?

Alt-tekst (alternatieve tekst) is de beschrijving die u opneemt in het alt-attribuut van een <img>-tag, bijvoorbeeld <img src="boot.jpg" alt="Bruine leren laars van de zijkant gezien">. Screenreaders lezen deze tekst hardop voor aan gebruikers met een visuele beperking, en de tekst verschijnt als fallback als de afbeelding niet geladen kan worden. Tegelijkertijd gebruikt Google de alt-tekst als signaal om te begrijpen wat er op de afbeelding te zien is.

Waarom is alt-tekst belangrijk?

Voor een webshop lost alt-tekst twee dingen tegelijk op: toegankelijkheid en SEO. Beschrijvende alt-tekst maakt productafbeeldingen begrijpelijk voor klanten die met een screenreader navigeren, en een goede toegankelijkheid van afbeeldingen is voor veel winkels verplicht onder de European Accessibility Act. Het helpt Google ook om uw afbeeldingen te begrijpen en te indexeren, wat extra verkeer uit Google Afbeeldingen kan opleveren. Puur decoratieve afbeeldingen moeten een leeg alt-attribuut (alt="") gebruiken, zodat screenreaders ze overslaan in plaats van een bestandsnaam voor te lezen.

Veelvoorkomende toepassingen

• Productafbeeldingen: Beschrijf het product specifiek (“rode wollen trui met col”) in plaats van alleen “trui” of de SKU van het product.
• Decoratieve afbeeldingen: Gebruik alt="" voor achtergronden en versieringen zodat ondersteunende technologie ze negeert.
• Afbeeldingen die als link of knop worden gebruikt: De alt-tekst fungeert als de linktekst en moet beschrijven waar de link naartoe leidt.
• Infographics en tekst in afbeeldingen: Neem de belangrijke tekst over zodat de boodschap niet verloren gaat voor screenreaders en Google.

Shopify-perspectief

In Shopify bewerkt u de alt-tekst onder de media van elk product (klik op de afbeelding en kies “Alt-tekst bewerken”), en het thema rendert dit meestal met {{ image.alt }} in Liquid. Shopify vult niet automatisch betekenisvolle alt-tekst in; veel thema’s vallen terug op de producttitel, wat zelden een nauwkeurige beschrijving is. Houd de tekst beknopt (bij voorkeur minder dan ~125 tekens), beschrijf de afbeelding op een natuurlijke manier en vermijd het overmatig gebruik van zoekwoorden (keyword stuffing). Overweeg om afbeeldingen op te slaan als WebP voor extra snelheid — de alt-tekst blijft behouden, ongeacht het bestandsformaat.