Alt-teksten schrijven die Google en AI je beelden laten begrijpen
Herschrijf je alt-teksten in vier stappen, gratis te controleren met Lighthouse en de Google Rich Results Test, zodat beelden vindbaar worden.
⚡ Key Takeaways voor KMO-Bestuurders
- ✓Van Zoekwoorden naar Vector Embeddings: ChatGPT & Perplexity zoeken niet naar geïsoleerde trefwoorden, maar ontleden bedrijfsentiteiten.
- ✓Citaat-Autoriteit: AI-engines adviseren bedrijven die gestructureerde JSON-LD kennisgrafieken en heldere antwoordblokken hanteren.
- ✓Direct Resultaat: Belgische KMO's die GEO toepassen behalen tot 3.4x meer offertes via AI Search assistants.
Open de broncode van je eigen homepage en zoek op "alt=". Bij veel websites staat daar niets tussen de aanhalingstekens, of een bestandsnaam zoals "IMG_2043.jpg". Google en AI-zoekmachines lezen geen pixels, ze lezen die tekst, en als die leeg of nietszeggend is, bestaat de afbeelding voor hen niet.
Key takeaways
- Een alt-tekst beschrijft wat er op de afbeelding staat en waarom die relevant is op die pagina, niet de bestandsnaam.
- Lighthouse in Chrome DevTools controleert gratis of elke afbeelding een alt-attribuut heeft.
- De Google Rich Results Test toont of je afbeeldingen correct gekoppeld zijn aan gestructureerde data.
- Decoratieve afbeeldingen krijgen een leeg alt-attribuut (alt=""), geen omschrijving.
- Een goede alt-tekst helpt ook mensen die een schermlezer gebruiken, niet alleen zoekmachines.
Stap 1: breng in kaart welke afbeeldingen zwakke alt-teksten hebben
Open je website in Chrome, klik met de rechtermuisknop op de pagina en kies Inspecteren. Ga naar het tabblad Lighthouse en draai een audit op de categorie Toegankelijkheid. Lighthouse meldt elke afbeelding zonder alt-attribuut onder het punt "Image elements do not have alt attributes". Herhaal dit voor je belangrijkste pagina's: homepage, productpagina's, blogartikelen. Je ziet dat deze stap gelukt is als het rapport geen ontbrekende alt-teksten meer toont op die pagina's.
Stap 2: herschrijf elke alt-tekst volgens een vaste opbouw
Beschrijf eerst wat er letterlijk op de afbeelding staat, en voeg daarna de context van de pagina toe. Voor een productfoto van een houten tafel op een meubelpagina schrijf je bijvoorbeeld "Ronde eiken eettafel met zwart onderstel voor zes personen", niet "tafel" en niet "afbeelding van een mooie tafel". Vermijd de woorden "afbeelding van" of "foto van": zoekmachines weten al dat het om een afbeelding gaat. Houd de tekst kort en feitelijk, en vermijd het volproppen met zoekwoorden die niet kloppen met wat er te zien is. Deze stap is gelukt als iemand die de alt-tekst hardop hoort voorlezen, zonder de afbeelding te zien, weet wat erop staat.
Stap 3: markeer decoratieve afbeeldingen apart
Niet elke afbeelding heeft een omschrijving nodig. Een decoratief lijntje, een achtergrondpatroon of een spacer-afbeelding zonder informatieve waarde krijgt een leeg alt-attribuut, dus alt="", zodat schermlezers en zoekmachines hem overslaan. Zet je hier per ongeluk een omschrijving neer, dan vult dat het rapport met ruis en verdringt het de afbeeldingen die er echt toe doen. Controleer dit door de Lighthouse-audit opnieuw te draaien: decoratieve afbeeldingen met een leeg alt-attribuut worden niet meer als fout gemeld.
Stap 4: controleer de koppeling met gestructureerde data
Heb je productafbeeldingen of artikelbeelden met schema.org-markup (bijvoorbeeld ImageObject of Product), test die dan met de Google Rich Results Test op search.google.com/test/rich-results. Vul de URL van je pagina in en kijk of Google de afbeelding herkent als onderdeel van een geldig resultaat. Krijg je een foutmelding over een ontbrekende of ongeldige afbeelding-URL, controleer dan of het pad in de markup exact overeenkomt met het echte bestandspad. Deze stap is gelukt zodra de test de pagina zonder fouten doorloopt en de afbeelding toont in de preview.
Aanbevolen platforms en tools
| Tool | Wat het doet | Kosten |
|---|---|---|
| Lighthouse (Chrome DevTools) | Controleert ontbrekende alt-attributen en andere toegankelijkheidsproblemen | Gratis, ingebouwd in Chrome |
| Google Rich Results Test | Test of afbeeldingen correct gekoppeld zijn aan gestructureerde data | Gratis, geen account nodig |
| WAVE (WebAIM) | Browserextensie die ontbrekende of verdachte alt-teksten visueel markeert op de pagina | Gratis |
| Google Search Console | Toont hoe je pagina's presteren in Google Images en welke afbeeldingen verkeer opleveren | Gratis |
| Screaming Frog SEO Spider | Doorzoekt je hele site en somt alle afbeeldingen zonder alt-tekst op in één lijst | Gratis tot een beperkt aantal pagina's per crawl, betaalplan voor grotere sites |
Tips en tricks
- Houd de alt-tekst onder de honderd tekens: langere teksten worden vaak afgekapt en lezen slecht voor.
- Gebruik geen alt-tekst als bijschrift dat de lezer al ziet staan onder de afbeelding, dat is overbodige herhaling.
- Vermijd het herhalen van exact dezelfde alt-tekst op meerdere afbeeldingen van dezelfde pagina, ook als het om varianten van hetzelfde product gaat.
- Bestandsnamen tellen ook mee: hernoem "IMG_2043.jpg" naar iets als "eiken-eettafel-zwart-onderstel.jpg" voordat je uploadt.
- Controleer alt-teksten opnieuw na een sitemigratie of theme-wissel: dat is een moment waarop ze vaak stil verdwijnen.
Doe de zelfscan
Heeft elke productafbeelding op je site een eigen, specifieke alt-tekst?
Draai de Lighthouse-audit op je productpagina's. Zie je meerdere afbeeldingen met dezelfde of een lege alt-tekst, werk ze dan één voor één bij volgens de opbouw uit stap 2.
Weet je welke afbeeldingen decoratief zijn en welke informatief?
Loop je pagina langs en vraag jezelf per afbeelding af: mist de lezer iets als deze wegvalt? Zo nee, zet alt="". Zo ja, schrijf een omschrijving.
Heb je ooit gecontroleerd hoeveel verkeer je via Google Images binnenkrijgt?
Open Google Search Console en bekijk het tabblad Prestaties, gefilterd op Afbeeldingen. Zie je nauwelijks verkeer, dan is dat een signaal dat je alt-teksten en bestandsnamen een opfrisbeurt nodig hebben.
Test je je pagina's na elke grote wijziging opnieuw met de Rich Results Test?
Zo niet, voeg deze test toe aan je vaste controlelijst bij elke sitewijziging, net als je dat met Lighthouse zou doen.
Begin vandaag met de Lighthouse-audit op je drie belangrijkste pagina's en herschrijf de alt-teksten die als fout worden gemarkeerd. Kom je er zelf niet uit of ontbreekt de tijd, dan kijkt HisarWeb met je mee.
Gerelateerde Artikelen
Klaar om te starten?
