Begrippenlijst · Alt-attribuut · Live optimizer

Wat is een alt-attribuut?

Alt-attribuut uitleg: live alt-text optimizer met accessibility-score, keyword-check, 4 image-context-templates en de SEO + a11y-impact.

Door Ralf van VeenUpdate: 11 januari 2024Leestijd: 7 min

01 — optimizerAlt-attribuut — live optimizer

Het alt-attribuut (afkorting van "alternative text") is een HTML-attribuut dat een tekstuele beschrijving geeft van een afbeelding. Het wordt gebruikt door screen-readers (voor bezoekers met visuele beperking), door zoekmachines (Google leest alt-text voor image-rankings), en als fallback wanneer een afbeelding niet kan laden. Type hieronder je alt-tekst voor live-feedback op accessibility + SEO. Voor breder context op meta-elementen zie meta-data.

Live · type alt + zie scoretry it

Focus-keyword (optioneel) geen

Hoofdkeyword waar deze image-pagina voor ranken moet. Check of dit natuurlijk in alt-text past.

Image-context

Type bepaalt approach. Product = beschrijvend. Info = data-beschrijving. Decoratief = leeg of weglaten.

Alt-tekst 0 char

Ideaal 50-125 karakters. Beschrijf wat er ZICHTBAAR is in de image, niet wat je hoopt te zeggen.

Probeer een template:

Alt-text Score

87/100

✦ Uitstekend

Image + alt rendering

PLACEHOLDER IMAGE

Screen-reader simulatie

"Rode Nike Pegasus loopschoenen op witte achtergrond met rubberen zool"

Belangrijke nuance: voor decoratieve images (background, splitsing, design-elementen) gebruik LEGE alt-text: alt="". Screen-readers slaan deze dan over. Geen alt-attribuut HELEMAAL is fout — screen-readers lezen dan de filename voor, vaak iets als "IMG_5847.jpg".

02 — do-dontGoed vs slecht voorbeeld

Concrete voorbeelden van wat WEL en NIET werkt.

Vergelijking · alt-text patronendo vs don't

✓ DOE DIT

✓

alt="Rode Nike Pegasus
loopschoenen op gras"

✓

alt="Bar chart toont 45%
groei in Q3 2025"

✓

alt="Team van 5 mensen
vergadert rond witte tafel"

✓

alt="" (voor decoratieve
background-image)

✗ VERMIJD DIT

✗

alt="IMG_5847.jpg"
filename als alt

✗

alt="image"
generiek + niets-zeggend

✗

alt="loopschoenen loopschoenen
schoenen running shoes"
keyword-stuffing

✗

[geen alt-attribuut]
accessibility-violation

Eenvoudige test: zou een blinde gebruiker de pagina-context begrijpen door alleen jouw alt-text te horen? Zo ja → goed. Zo nee → herschrijven.

03 — bp5 best-practices voor alt-tekst

5 best-practices · alt-attribuuttactisch

Beschrijf wat er ZICHTBAAR is, niet wat je wenst

"Rode loopschoen" → wel. "Beste loopschoenen voor marathon" → niet. Alt-text is een visuele beschrijving, geen marketing-copy.

Houd het 50-125 karakters

Onder 50: te beperkt. Boven 125: te verbose. Screen-readers raken vermoeid bij lange alt-text. Sweet-spot voor balans.

Vermijd "image of" of "picture of"

Screen-readers melden zelf al "image". "Image of Nike shoes" wordt "image, image of Nike shoes". Redundant. Begin direct met content.

Empty alt voor decoratieve images

alt="" (LEGE quotes, niet alt geheel weg). Vertelt screen-reader: deze image heeft geen informatieve waarde — sla over.

Plaats keyword natuurlijk, niet forced

Eén keyword in alt = OK. Twee keer = stuffing. Als je keyword niet natuurlijk past in beschrijving → niet forceren. Google straft over-optimalisatie.

04 — faqVeelgestelde vragen

FAQ · 3 vragenklik om te openen

Wat is verschil tussen alt-attribuut en title-attribuut?›

Twee verschillende doelen. Vijf nuances. (1) Alt-attribuut: verplicht voor accessibility. Verschijnt als fallback-tekst + screen-readers lezen het voor. Voor zoekmachines + a11y. (2) Title-attribuut: optioneel. Verschijnt als tooltip bij hover. Voor extra context voor sighted users met cursor. Geen SEO-impact direct. (3) Mobiel + touch: title-attribuut werkt niet op touch-devices (geen hover). Alt blijft universeel werken. (4) Best-practice: gebruik ALTIJD alt. Title alleen als je echt extra context wilt voor desktop-users. Vaak overbodig. (5) Voor afbeeldingen met linked anchor: zowel alt als title kunnen samen — maar make sure ze ander info geven. Vermijd duplicate content. Voor breder context zie meta-data.

Helpen alt-tekst echt voor Image Search rankings?›

Ja, één van de sterkste factoren voor Google Images. Vijf reasons. (1) Google Images-algoritme: alt-text is een van de PRIMAIRE relevance-signalen. Combineren met filename + surrounding text. (2) Vision AI back-up: sinds 2018 gebruikt Google ook computer vision om image-content te begrijpen. ALS alt-text accurate is → versterking. ALS alt-text mismatcht met visual → spam-signal. (3) Verkeer-bron: Google Images is grote traffic-bron voor e-commerce (10-25% van organisch traffic kan via images komen). Onderzoek toont aan dat optimaliseren goed loont. (4) Featured snippet uitwerking: image-pakketten in Google SERP gebruiken vaak alt-text voor caption. Goede alt = grotere kans op feature. (5) AI-overviews citeren ook visual sources. Alt-text wordt door Gemini gebruikt voor source-attribution. Voor breder context zie snippet.

Moet ik alt-text in meerdere talen?›

Hangt af van site-structuur. Vijf scenarios. (1) Multilingual site met aparte URL's per taal (/nl/, /en/): JA — alt-text per taal. Match alt-text taal met page-language. (2) Single-language site: alt-text in de taal van content. Niet "mixing" Nederlands en Engels. (3) Hreflang-tagging: alt-text taal moet matchen met hreflang-declaratie. Google checkt consistency. (4) International e-commerce: variant met dezelfde image-pad maar verschillende alt-text per taal. Vereist CMS-flexibiliteit. (5) AI-translation valkuilen: machine-vertaalde alt-text vaak letterlijk + awkward. Native speaker review voor key pages. Voor breder context zie internationale SEO.

Alt-attribute + image-SEO audit?

Volledig image-SEO-traject: complete site-audit voor missing/duplicate alt-text, accessibility-compliance check (WCAG 2.2), keyword-distributie per image, Google Images-ranking-optimalisatie, plus monthly rapportage.

Plan een gesprek met Ralf →