Wat is alt-tekst bij een afbeelding?
Elke afbeelding op je website kan een korte beschrijving in de code krijgen: de alt-tekst. Bezoekers zien hem meestal niet. Mensen die een voorleesprogramma gebruiken horen hem, en zoekmachines lezen hem. Hier lees je waar hij voor is en hoe je hem goed schrijft.
Zo staat het in de codeDe alt-tekst beschrijft wat er op de foto te zien is
De tekst achter het plaatje
Alt is kort voor alternatief: de tekst die de plaats van de afbeelding inneemt als die niet getoond of gezien kan worden. Een voorleesprogramma leest hem voor. Een browser toont hem als het plaatje niet laadt. Een zoekmachine gebruikt hem om te begrijpen wat er op de foto staat.
Alt-tekst is iets anders dan het bijschrift onder een foto. Het bijschrift ziet iedereen; de alt-tekst zit in de code.
Drie lezers van je alt-tekst
In deze volgorde van belang.
- 1Mensen die niet (goed) zienWie een voorleesprogramma gebruikt, hoort de alt-tekst in plaats van de foto. Zonder alt-tekst hoort hij alleen de bestandsnaam, of niets. Dit is de reden dat alt-tekst bestaat, en in steeds meer landen een wettelijke eis voor bedrijfswebsites.
- 2ZoekmachinesGoogle kan foto’s steeds beter zelf bekijken, maar leest de alt-tekst nog altijd mee. Voor Google Afbeeldingen is hij een van de belangrijkste signalen.
- 3Iedereen bij een trage verbindingLaadt de foto niet, dan staat de alt-tekst op de plek van het plaatje. De bezoeker weet dan tenminste wat hij mist.
Wat elke lezer nodig heeft
Zo schrijf je hem
Beschrijf wat er op de foto staat, zoals je het door de telefoon aan iemand zou vertellen. Kort, concreet, en passend bij waar de foto voor dient. Dezelfde foto van een dakgoot krijgt op een dienstenpagina "Nieuwe zinken dakgoot aan een jaren-dertig woning" en in een artikel over lekkage "Dakgoot met een roestplek bij de naad".
Begin niet met "afbeelding van" of "foto van"; de voorlezer zegt al dat het een afbeelding is. Houd het onder ongeveer 125 tekens; langer wordt afgekapt door sommige programma’s.
Vier voorbeelden naast elkaar
Dezelfde foto, verschillend beschreven.
Alt-teksten vergeleken
- Nieuwe zinken dakgoot aan de voorzijde van een jaren-dertig woning
- Monteur meet de lengte van een dakgoot op
- Kapsalon aan de Dorpsstraat met open deur
- Leeg alt-veld bij een sierlijn
- IMG_4821.jpg
- Dakgoot dakgoten dakdekker Ridderkerk goedkoop
- Afbeelding van een foto van een dakgoot
- Klik hier voor meer informatie
Eén zoekwoord mag
Als het natuurlijk in de beschrijving past. "Dakgoot vervangen in Ridderkerk, oplevering" is prima. Drie keer "dakgoot" niet.
Tekst in de afbeelding
Staat er tekst op de foto, zoals op een bord of een certificaat? Zet die tekst in de alt-tekst, anders is hij voor een voorlezer onzichtbaar.
Logo’s
Bij een logo is de alt-tekst de naam: "Beter Online Gevonden". Niet "logo" en niet de slogan.
Zo controleer je je site
Drie manieren, van simpel naar grondig.
- 1Kijk in Search ConsoleOnder Verbeteringen of bij de paginatest zie je soms meldingen over ontbrekende alt-tekst. Niet volledig, wel een begin.
- 2Gebruik een gratis toegankelijkheidstestBrowsers hebben er een ingebouwd (in Chrome onder Lighthouse). Die noemt elke afbeelding zonder alt-tekst.
- 3Lees je pagina voorZet de voorleesfunctie van je telefoon aan en laat je eigen dienstenpagina voorlezen. Je hoort meteen welke foto’s niets zeggen.
Alt-teksten horen bij het onderhoud van je site. Bij een nieuwe website schrijven we ze meteen; bij een bestaande site lopen we ze na in de SEO-scan.
Bekijk de SEO-scan →Vragen over alt-tekst
Wat ondernemers vragen als ze hun foto’s gaan nalopen.
?Moet elke afbeelding een alt-tekst hebben?
Elke afbeelding die iets betekent wel. Puur decoratieve afbeeldingen krijgen een leeg alt-veld, zodat een voorlezer ze overslaat. Helemaal weglaten is fout: dan leest het programma de bestandsnaam voor.
?Helpt alt-tekst mijn positie in Google?
Een beetje, vooral in Google Afbeeldingen. Verwacht er geen wonderen van. Het is in de eerste plaats een kwestie van toegankelijkheid, en dat wordt steeds vaker verplicht.
?Kan ik alt-teksten automatisch laten maken?
AI kan een eerste beschrijving geven en dat scheelt werk bij veel foto’s. Loop ze wel na: een automatische beschrijving mist vaak waar de foto op jouw pagina voor dient.
?Waar vul ik de alt-tekst in?
In het systeem achter je site, bij de afbeelding zelf. In WordPress is het een veld in de mediabibliotheek. Bij een handgebouwde site staat hij in de code en doet je bouwer het.
Lees verder over techniek
De pagina’s die het dichtst bij dit onderwerp liggen.
Wil je weten waar je nu staat?
Voordat je ergens tijd of geld in steekt, is het goed om te weten hoe de basis ervoor staat. Dat zoekt de gratis SEO-scan uit.
Waar het aan ligt
De techniek en bereikbaarheid van je site, en de inhoud en opbouw van je pagina’s.
Wie er boven je staat
Je lokale zichtbaarheid en een aantal concurrenten: waarin zij verder zijn dan jij.
Wat je eerst doet
Een prioriteitenlijst op volgorde van wat het meeste oplevert.