Afbeeldingen en alt-teksten
Afbeeldingen hebben een alternatieve beschrijving, een modern formaat en compressie nodig.
Wat het is
Het alt-attribuut is een tekstbeschrijving van een afbeelding. Het wordt gelezen door zoekmachines (die de afbeelding niet kunnen zien) en door schermlezers, en wordt weergegeven wanneer de afbeelding niet kan worden geladen.
Waarom het belangrijk is
Alt-teksten helpen bij het rangschikken bij het zoeken naar afbeeldingen en maken de site toegankelijk. Niet-geoptimaliseerde afbeeldingen (grote JPEG/PNG zonder compressie) zijn de meest voorkomende oorzaak van langzaam laden en een slechtere snelheidsscore.
Hoe je het doet
- 1Voeg een beschrijvende alt toe aan elke inhoudsafbeelding (decoratieve afbeeldingen kunnen alt = "") hebben.
- 2Beschrijf op natuurlijke wijze wat er in de afbeelding staat en, indien van toepassing, met een trefwoord (niet 'image1.jpg').
- 3Gebruik moderne formaten WebP/AVIF in plaats van JPEG/PNG (25-50% kleiner).
- 4Comprimeren en vergroten/verkleinen tot de werkelijk benodigde afmetingen; voeg lazyloading toe voor afbeeldingen buiten het zichtbare gebied.
Voorbeeld
<img src="DSC_0042.jpg"><img src="kids-winter-jacket-blue.webp" alt="Kids' winter jacket in blue with a hood" loading="lazy" width="600" height="800">Conclusie
Behandel afbeeldingen op twee niveaus: alt-teksten (SEO + toegankelijkheid) en gewichtsoptimalisatie (snelheid). Beide zijn gemakkelijk en bieden een dubbel voordeel. Een modern formaat + compressie + lazyloading verhogen de snelheidsscore op zichzelf vaak aanzienlijk.
Gerelateerde onderwerpen