Alt text: uitleg, SEO-impact en technische checklist

Overview

Alt text (alternatieve tekst) is de tekst in het img-element die een afbeelding beschrijft of uitlegt welke functie de afbeelding heeft. Voor mensen die schermlezers gebruiken is dit vaak de enige manier om beeldinhoud te begrijpen; voor zoekmachines en beeldindexen levert het signalen over het onderwerp van de afbeelding. Omdat Google sinds juli 2024 sites met Googlebot Smartphone als primaire crawler bekijkt, is de alt text op de mobiele versie van een pagina de primaire bron voor die indexatie.

Belangrijk om te onthouden: alt text beïnvloedt crawl en indexatie (beeldbegrip), maar is slechts één van veel signalen die Google gebruikt bij rangschikking; alt text op zichzelf bepaalt niet de volgorde van resultaten.

Stapsgewijze handleiding

1) Bepaal doel en context — beschrijf of de afbeelding content draagt (informatief) of puur decoratief is (sier-element). Informative afbeeldingen hebben een beschrijvende alt; decoratieve afbeeldingen krijgen een lege alt-waarde: alt="".

2) Schrijf beknopt en specifiek — richt je op wat relevant is voor de pagina-context. Voor productafbeeldingen noem je merk, model en sleutelkenmerken; voor informatieve grafieken vat je de belangrijkste conclusie samen. Houd alt kort: meestal 5–15 woorden, tenzij extra context nodig is.

3) Vermijd keyword-stuffing en redundantie — herhaal geen tekst die direct naast de afbeelding staat en stop geen lange SEO-strings in alt. Schermlezers en zoekmachines waarderen natuurlijke, beschrijvende zinnen.

4) Gebruik functionele alt-teksten voor knoppen en links met afbeeldingen — beschrijf de actie: alt="Voeg product toe aan winkelwagen" of alt="Lees meer over retourbeleid".

5) Gebruik het juiste HTML-voorbeeld: een standaard afbeelding met alt ziet er zo uit: <img src="/images/voorbeeld.jpg" alt="rode katoenen trui, maat M">. Voor decoratieve afbeeldingen: <img src="/images/ornament.jpg" alt="">.

Alt text controleren: technische checklist

**Alt aanwezig** — waar te verifiëren: view-source of curl — passes when: het img-element bevat een alt-attribuut (kan leeg zijn voor decoratief).

**Gerenderd DOM** — waar te verifiëren: Chrome DevTools Elements — passes when: de alt-waarde zichtbaar is in de gerenderde DOM en niet dynamisch door JS wordt verwijderd.

**Mobiele parity** — waar te verifiëren: Chrome DevTools Device toolbar of URL Inspection (Search Console) voor eigen sites — passes when: de mobiele HTML bevat gelijkwaardige alt-waarden als de desktopversie.

**Schermlezer-test** — waar te verifiëren: NVDA (Windows), VoiceOver (macOS/iOS) of ChromeVox — passes when: schermlezer leest de alt-tekst logisch in de pagina-context.

**HTTP-fetch** — waar te verifiëren: curl — passes when: curl -L https://example.com/pagina | grep -i '<img' toont het img-element met alt in de HTML die de server terugstuurt.

Opmerkingen over tools: voor pagina's die je bezit is de URL Inspection-tool in Google Search Console de meest directe manier om te zien wat Googlebot Smartphone ziet. Voor externe pages gebruik je curl, view-source en DevTools. De site:-operator kan een indicatie geven of een pagina geïndexeerd is, maar is geen sluitend bewijs.

Veelvoorkomende problemen

1) Ontbrekende alt-atributen — vaak bij CMS-uitgevoerde uploads; controleer templates en beeldcomponenten zodat een alt-veld verplicht is.

2) Overmatig lange of keyword-rijke alt-teksten — schermlezers moeten snel nut halen uit de tekst; houd het functioneel en beknopt.

3) Alt alleen als decoratie gebruiken wanneer de afbeelding informatie draagt — verkeerde use van alt="" kan informatie weghalen voor mensen met een visuele beperking.

4) Dynamische afbeeldingslading zonder alt in de server-HTML — als een SPA alt door JS toevoegt maar Google of een schermlezer de afbeelding niet ziet, kan de alt ontbreken in de indexatie of voor gebruikers.

5) Afbeeldingen enkel in CSS (background-image) — die missen een alt-attribuut; voeg een beschrijvende HTML-afbeelding toe als de content belangrijk is.

Praktische tip voor ontwikkelteams: maak alt-velden verplicht in het CMS en voer periodieke audits uit met geautomatiseerde crawlers en accessibility-lints.

Lees de Technical SEO Guide

Veelgestelde vragen

Bouw autoriteit via kwalitatieve backlinks — BlogDrip's marktplaats helpt je relevante, indexeerbare placements te vinden. Technical SEO (zoals consistente alt text en goede mobile parity) is essentieel, maar topical authority groeit ook door links van relevante publishers; BlogDrip verbindt adverteerders met 225,000+ geverifieerde publishers om dat proces te ondersteunen.