SEO-guider
Beskriv billeder og reservér plads
Et billede kan være meningsbærende, dekorativt eller et link. Alternativ tekst skal afspejle funktionen i den konkrete sammenhæng. Et rent dekorativt billede kan korrekt have alt med tom værdi. Manglende alt-attribut er noget andet end en bevidst tom tekst og giver grund til gennemgang.
Sådan gør du
- Beskriv det vigtige motiv kort, når billedet giver information. Gentag ikke automatisk teksten fra en tilstødende billedtekst.
- Brug alt med tom værdi til rent dekorative billeder. Ved et billedlink skal alternativ tekst hjælpe med at forstå linkets destination.
- Reservér billedplads med passende width/height eller CSS-aspektforhold. Overvej lazy loading til billeder længere nede, men forsink ikke ukritisk sidens vigtigste synlige billede.
Eksempel
<img src="/vaerksted.jpg" alt="Mekaniker justerer en cykels bremser" width="960" height="640">
<img src="/dekoration.svg" alt="" width="40" height="40">Kontrollér selv
- Er der forskel på dekorative og meningsbærende billeder?
- Er der reserveret den rigtige plads i layoutet?
- Er loading-strategien afprøvet på en faktisk mobilside?