Je uploadt een afbeelding op je website, geeft hem een nette bestandsnaam en denkt: klaar. Toch ontbreekt er dan vaak nog iets belangrijks. Bij Webtify zien we regelmatig dat websites mooie beelden gebruiken, maar dat de alt tekst leeg blijft of verkeerd wordt ingevuld.
Dat lijkt een klein detail, maar het heeft invloed op toegankelijkheid, SEO en soms zelfs op hoe goed een afbeelding begrepen wordt door zoekmachines. In deze blog leggen we uit wat alt tekst is, waar je het gebruikt en waarom het slim is om hier structureel aandacht aan te geven.
Wat is alt tekst?
Alt tekst is een korte beschrijving van een afbeelding in de HTML van een pagina. Die beschrijving staat in het alt-attribuut van een afbeelding en is bedoeld als alternatief wanneer de afbeelding niet zichtbaar is of niet goed gelezen kan worden.
Volgens Google Search Central is alt tekst belangrijk omdat het helpt om de inhoud van een afbeelding beter te begrijpen. Daarnaast is het een belangrijk onderdeel van toegankelijkheid, omdat schermlezers deze tekst kunnen voorlezen aan bezoekers die de afbeelding niet zien.
Waarom is alt tekst belangrijk?
1. Voor toegankelijkheid
De belangrijkste reden is toegankelijkheid. Bezoekers die een screenreader gebruiken, krijgen via alt tekst uitleg over wat er op een afbeelding staat of wat de functie ervan is. Zonder die beschrijving missen zij soms belangrijke context op de pagina.
Bij informatieve afbeeldingen is dat extra belangrijk. Denk aan een foto van een team, een productafbeelding of een icoon dat iets uitlegt. Voor puur decoratieve afbeeldingen geldt juist vaak het tegenovergestelde: die kun je beter als decoratief markeren, zodat hulpsoftware ze overslaat.
2. Voor SEO en vindbaarheid
Alt tekst helpt zoekmachines om afbeeldingen beter te plaatsen binnen de inhoud van een pagina. Google geeft aan dat het alt tekst gebruikt samen met de rest van de pagina en beeldherkenning om het onderwerp van een afbeelding te begrijpen.
Dat betekent niet dat je je zoekwoord geforceerd moet herhalen. Sterker nog: Google raadt juist af om alt tekst vol te stoppen met zoekwoorden. Een natuurlijke en duidelijke beschrijving werkt beter dan een rij losse termen. Wil je breder werken aan je vindbaarheid, kijk dan ook eens naar SEO verbeteren in WordPress of hoe je hoger in Google komt.
3. Voor afbeeldingen die niet laden
Soms laadt een afbeelding niet goed door een trage verbinding of een technisch probleem. In dat geval kan alt tekst alsnog duidelijk maken wat er had moeten staan. Ook dat maakt een pagina bruikbaarder.
Waar gebruik je alt tekst op je website?
Alt tekst gebruik je in de praktijk vooral bij afbeeldingen op je website. Denk aan foto’s op pagina’s, blogafbeeldingen, productafbeeldingen in een webshop, banners en afbeeldingen in landingspagina’s.
In WordPress kun je alt tekst invullen in de mediabibliotheek en bij losse afbeeldingsblokken. Volgens de WordPress documentatie over het afbeeldingsblok kun je daar ook aangeven of een afbeelding decoratief is. Dat is handig als een beeld geen inhoudelijke waarde toevoegt, maar alleen voor opmaak bedoeld is.
Voor webshops is dit extra relevant. Daar wil je niet alleen nette productfoto’s tonen, maar ook duidelijke context meegeven. Dat sluit goed aan op onderwerpen zoals producten toevoegen in WooCommerce en wat een professionele webshop sterker maakt.
Hoe schrijf je goede alt tekst?
Goede alt tekst is kort, duidelijk en relevant voor de context van de pagina. Beschrijf wat belangrijk is aan de afbeelding, niet elk minuscuul detail. Vraag jezelf af: wat moet iemand weten als die het beeld niet kan zien?
- beschrijf de inhoud of functie van de afbeelding
- houd het concreet en natuurlijk
- gebruik alleen een zoekwoord als dat logisch past
- laat decoratieve afbeeldingen leeg of markeer ze als decoratief
- schrijf niet: “afbeelding van” of “foto van”, tenzij dat relevant is
Een paar eenvoudige voorbeelden maken het verschil duidelijk. Bij een teamfoto is “Het team van Webtify aan tafel tijdens een strategiesessie” beter dan alleen “teamfoto”. En bij een productafbeelding is “zwarte leren laptoptas met verstelbare schouderband” duidelijker dan “tas”.
Veelgemaakte fouten bij alt tekst
Wat we bij Webtify vaak zien, is dat alt tekst óf helemaal ontbreekt, óf wordt gebruikt als plek om zoekwoorden te stapelen. Beide zijn onhandig. Een lege alt tekst bij een belangrijke afbeelding laat kansen liggen, terwijl keyword stuffing juist onnatuurlijk overkomt.
Een andere fout is dat de bestandsnaam wordt overgenomen als alt tekst. Iets als IMG_4821.jpg of banner-home-def.jpg zegt een bezoeker of zoekmachine vrijwel niets. Alt tekst moet een beschrijving zijn, geen technische naam.
Kleine aanpassing, groot verschil
Alt tekst is dus veel meer dan een technisch veldje in je website. Het helpt bij toegankelijkheid, ondersteunt SEO en maakt je content duidelijker voor zowel bezoekers als zoekmachines. Zeker als je veel met afbeeldingen werkt, is het slim om dit standaard mee te nemen bij elke nieuwe pagina of upload.
Wil je je website niet alleen mooier maken, maar ook slimmer en beter vindbaar? Dan zijn dit precies de details die op de lange termijn verschil maken. Bij Webtify adviseren we ondernemers daarom om alt tekst niet als bijzaak te zien, maar als vast onderdeel van goed websitebeheer.
Alt tekst is een korte beschrijving van een afbeelding in de HTML van je website. Die tekst helpt schermlezers, zoekmachines en bezoekers wanneer een afbeelding niet goed zichtbaar is.
Alt tekst helpt zoekmachines om beter te begrijpen wat er op een afbeelding staat en hoe die past binnen de inhoud van de pagina. Dat kan bijdragen aan betere vindbaarheid van je afbeeldingen en pagina’s.
In WordPress kun je alt tekst toevoegen in de mediabibliotheek en bij het afbeeldingsblok op een pagina of bericht. Zo kun je per afbeelding bepalen welke beschrijving het meest passend is.
In principe krijgt elke afbeelding een alt-attribuut. Informatieve afbeeldingen hebben een beschrijvende alt tekst nodig. Decoratieve afbeeldingen kun je leeg laten of als decoratief markeren, zodat schermlezers ze overslaan.
Goede alt tekst is meestal kort en duidelijk. Schrijf alleen wat relevant is voor de context van de pagina en vermijd onnodige details of een opsomming van zoekwoorden.