SEO-richtlijnen voor afbeeldingen
Het correct toepassen van de beeldoptimalisatie is cruciaal voor toegankelijkheid, vindbaarheid, en laadsnelheid.
Richtlijnen voor Afbeeldingen (SEO en Toegankelijkheid)
Het correct optimaliseren van uw afbeeldingen verbetert de vindbaarheid in Google Afbeeldingen en maakt uw content toegankelijk voor iedereen.
| Veld | Doel | Richtlijn | Belangrijkste Overweging |
|---|---|---|---|
| Bestandsnaam | Wordt gebruikt door servers en zoekmachines om de inhoud te identificeren. | Kort, trefwoordrijk en gebruik uitsluitend koppeltekens (-) in plaats van spaties. Altijd kleine letters. | Cruciaal voor SEO. Verbeterde laadsnelheid door korte namen. |
| Bestandstitel (title-attribuut) | Wordt getoond als 'tooltip' wanneer de gebruiker de muis over de afbeelding beweegt (afhankelijk van browser/CMS). | Kort en beschrijvend. Mag trefwoorden bevatten, maar focus op de gebruikservaring. | Niet essentieel voor SEO, maar verbetert de gebruikservaring. |
| Bestandsbeschrijving | Vaak voor intern beheer of als basis voor het onderschrift. | Gedetailleerde uitleg van de afbeelding en de context, vooral handig voor archivering. | Vooral intern beheer. Wordt meestal niet getoond aan de bezoeker. |
| Alt-tekst (alt-attribuut) | Beschrijft de afbeelding voor zoekmachines en schermlezers (toegankelijkheid). Wordt getoond als de afbeelding niet laadt. | Kort en informatief: Maximaal 150 tekens (ongeveer 15-20 woorden). Bevat de belangrijkste trefwoorden. Beschrijf wat de afbeelding betekent in de context, niet alleen wat u ziet. | Essentieel voor SEO en WCAG-toegankelijkheid (Web Content Accessibility Guidelines). |
Aanvullende Richtlijnen voor Webpagina's
1. Het Onderschrift (Caption)
- Doel: De tekst die direct onder of naast de afbeelding staat.
- Richtlijn: Gebruik deze om aanvullende informatie te geven. Zoekmachines hechten veel waarde aan onderschriften omdat ze direct verbonden zijn met de visuele content.
- Overweging: Gebruik het om de tekst op de pagina te versterken. Bijvoorbeeld: “Figuur 1: De illustratie toont hoe u met zonnepanelen bijdraagt aan het energieneutrale doel van Almere.”
2. ARIA-Labels
ARIA-labels zijn nodig om extra context te geven aan hulptechnologieën, maar zijn voor afbeeldingen zelden nodig als de alt-tekst goed is ingevuld.
| ARIA-Label | Wanneer te gebruiken | Reden |
|---|---|---|
| role="presentation" | Bij puur decoratieve afbeeldingen (bijv. kleine icoontjes of achtergrondtexturen). | Vertelt de schermlezer de afbeelding te negeren. Belangrijk: In dit geval moet de alt-tekst leeg zijn (alt=""). |
| aria-labelledby / aria-describedby | Bij complexe diagrammen of grafieken waar de volledige beschrijving erg lang is. | Koppelt de afbeelding aan een lange beschrijving elders op de pagina (bijvoorbeeld een bijschrift). |
Conclusie voor Standaardafbeeldingen:
Voor de standaard illustratie op een website (zoals de groene stad met zonnepanelen) heeft u geen extra ARIA-labels nodig. De combinatie van een goede alt-tekst en een eventueel onderschrift (caption) volstaat.