Alt teksten zijn korte beschrijvingen die je toevoegt aan afbeeldingen op je website. Ze zijn niet altijd direct zichtbaar voor bezoekers, maar spelen achter de schermen een belangrijke rol. Zoekmachines gebruiken alt teksten om beter te begrijpen wat er op een afbeelding staat. Ook schermlezers gebruiken ze om afbeeldingen te beschrijven voor mensen die de afbeelding niet kunnen zien.
Toch worden alt teksten vaak vergeten. Afbeeldingen worden snel geüpload, op de pagina gezet en klaar. Maar zonder goede alt tekst mist je website context, toegankelijkheid en soms ook SEO-kansen. Zeker als afbeeldingen belangrijk zijn voor je pagina, is het slim om hier bewust mee om te gaan.
Wat zijn alt teksten?
Alt teksten zijn alternatieve teksten die aan een afbeelding worden gekoppeld. De officiële HTML-term is het alt attribuut. Dat attribuut staat in de code van een afbeelding en beschrijft wat er op de afbeelding te zien is.
Een simpel voorbeeld ziet er technisch zo uit:
<img src="kantoorruimte.jpg" alt="Moderne kantoorruimte met vergadertafel en grote ramen">Als de afbeelding niet geladen kan worden, kan de alt tekst worden getoond. Voor bezoekers met een schermlezer wordt de alt tekst voorgelezen. Daardoor is de afbeelding niet alleen visueel aanwezig, maar krijgt deze ook betekenis in tekstvorm.
Waarom zijn ze belangrijk?
Alt teksten zijn belangrijk omdat ze je website toegankelijker maken. Niet iedereen bekijkt je website op dezelfde manier. Mensen met een visuele beperking gebruiken vaak schermlezers. Als een afbeelding geen alt tekst heeft, mist die bezoeker mogelijk belangrijke informatie.
Daarnaast helpen alt teksten zoekmachines om afbeeldingen beter te begrijpen. Google kan afbeeldingen steeds beter herkennen, maar tekstuele context blijft belangrijk. Een goede alt tekst vertelt wat er op de afbeelding staat en hoe dit past bij de pagina. Daarmee ondersteun je de inhoud van je website.
Verband met SEO
Alt teksten kunnen bijdragen aan SEO, vooral wanneer afbeeldingen relevant zijn voor het onderwerp van de pagina. Ze helpen zoekmachines om je content beter te interpreteren en kunnen ook bijdragen aan vindbaarheid in Google Afbeeldingen.
Dat betekent niet dat je alt teksten moet volproppen met zoekwoorden. Een alt tekst moet in de eerste plaats beschrijvend en logisch zijn. Als het zoekwoord natuurlijk past, kun je het gebruiken. Maar een alt tekst zoals “website website maken website laten maken goedkoop website” helpt niemand. Ook Google niet. Gelukkig maar.
Goede en slechte alt teksten
Alt teksten werken het beste wanneer ze concreet zijn. Een slechte alt tekst is bijvoorbeeld: “foto” of “afbeelding1”. Daar heeft niemand iets aan. Een betere alt tekst beschrijft kort wat er daadwerkelijk op de afbeelding staat.
Voorbeeld bij een foto van een webdesigner achter een laptop:
Slecht: foto laptop
Beter: Webdesigner werkt aan een nieuwe WordPress website op laptop
Een goede alt tekst is meestal kort, duidelijk en relevant. Je hoeft geen heel verhaal te schrijven. Beschrijf wat belangrijk is voor de context van de pagina. Decoratieve afbeeldingen hoeven soms zelfs geen uitgebreide alt tekst te hebben.
Wanneer gebruik je een lege versie?
Alt teksten zijn niet altijd nodig in uitgebreide vorm. Sommige afbeeldingen zijn puur decoratief. Denk aan abstracte vormen, lijntjes, achtergrondpatronen of iconen die geen extra informatie toevoegen. In dat geval kan een lege alt tekst beter zijn.
Technisch ziet dat er zo uit:
<img src="decoratie.svg" alt="">Met een lege alt tekst weet een schermlezer dat de afbeelding genegeerd mag worden. Dat is beter dan een overbodige beschrijving laten voorlezen. Toegankelijkheid draait dus niet om zoveel mogelijk tekst toevoegen, maar om de juiste informatie op de juiste plek.
Hoe stel je alt teksten in WordPress in?
Alt teksten toevoegen in WordPress is meestal eenvoudig. Wanneer je een afbeelding uploadt naar de mediabibliotheek, zie je een veld voor “Alt-tekst”. Daar vul je de beschrijving van de afbeelding in. Gebruik je de afbeelding later op meerdere plekken, controleer dan of de alt tekst nog steeds past bij de context.
Je kunt alt teksten ook aanpassen wanneer je een afbeelding in een pagina of blog plaatst. Klik op de afbeelding en controleer de instellingen in het blok of de zijbalk. Wil je beter begrijpen hoe WordPress werkt? Lees dan ook hoe werkt WordPress.
Hoe stel je alt teksten in Shopify in?
Alt teksten toevoegen in Shopify kan op meerdere plekken. Bij productafbeeldingen kun je in de productomgeving vaak per afbeelding een alt tekst invullen. Dit is vooral belangrijk voor webshops, omdat productafbeeldingen een grote rol spelen in informatie, vertrouwen en vindbaarheid.
Ook bij afbeeldingen in pagina’s, blogs of thema-onderdelen kun je alt teksten toevoegen, afhankelijk van hoe je webshop is opgebouwd. Beschrijf bij productfoto’s duidelijk het product, eventueel met merk, type, kleur of materiaal als dat relevant is. Houd het natuurlijk en voorkom dat elke afbeelding exact dezelfde alt tekst krijgt.
Alt teksten bij productafbeeldingen
Ze zijn bij webshops extra belangrijk. Productafbeeldingen vertellen veel over wat iemand koopt. Als een afbeelding niet goed beschreven is, missen zowel zoekmachines als sommige bezoekers belangrijke informatie.
Een goede alt tekst voor een productafbeelding kan bijvoorbeeld zijn: Zwarte leren dameshandtas met gouden ritssluiting. Dat is veel duidelijker dan tas1 of productfoto. Bij meerdere afbeeldingen van hetzelfde product kun je variëren, bijvoorbeeld door details of aanzichten te beschrijven.
Alt teksten en website toegankelijkheid
Alt teksten zijn een belangrijk onderdeel van digitale toegankelijkheid. Een toegankelijke website houdt rekening met verschillende gebruikers, apparaten en beperkingen. Afbeeldingen zonder betekenisvolle alt tekst kunnen ervoor zorgen dat informatie verloren gaat.
Steeds meer bedrijven letten op toegankelijkheid, niet alleen omdat het netjes is, maar ook omdat het bij een professionele website hoort. Wil je breder kijken naar een veilige en betrouwbare websitebasis? Lees dan ook het artikel over website beveiligen.
Veelgemaakte fouten bij alt teksten
Ze gaan vaak mis doordat ze ontbreken, te algemeen zijn of vol zoekwoorden staan. Ook zie je regelmatig dat bestandsnamen worden hergebruikt als alt tekst, zoals IMG_4829 of banner-nieuw-definitief-3. Dat zegt weinig over de afbeelding.
Een andere fout is dat dezelfde alt tekst op elke afbeelding wordt geplakt. Zeker bij productgalerijen of portfolio’s is het beter om per afbeelding te beschrijven wat er te zien is. Zo maak je de pagina duidelijker en waardevoller.
Controleren op je website
Alt teksten kun je handmatig controleren in je CMS, maar bij grotere websites is dat veel werk. SEO-tools en crawlers kunnen helpen om afbeeldingen zonder alt tekst op te sporen. Daarmee zie je sneller waar verbeteringen nodig zijn.
In het artikel over website crawlen lees je hoe crawlers websites controleren en technische verbeterpunten zichtbaar maken. Dat kan handig zijn als je veel afbeeldingen hebt of je website structureel wilt verbeteren.
