Wat zijn alt-tags?
Een alt-tag, kort voor alternatieve tekst, is een tekstbeschrijving in de HTML-code van een webpagina die de inhoud van een afbeelding beschrijft. Deze tags zijn belangrijk voor zoekmachine optimalisatie (SEO), omdat zoekmachines ze gebruiken om afbeeldingen te indexeren en de relevantie van een webpagina te bepalen. Daarnaast spelen alt-tags een onmisbare rol in de toegankelijkheid. Ze worden door screenreaders voorgelezen aan mensen met een visuele beperking, waardoor de inhoud van een afbeelding begrijpelijk wordt.
Het belang van Alt-tags voor zoekmachines
Zoekmachines zoals Google hebben geavanceerde algoritmen om content te crawlen en te indexeren, maar ze kunnen afbeeldingen niet ‘zien’ op dezelfde manier als mensen. In plaats daarvan vertrouwen ze op de informatie die wordt verstrekt door alt-tags om te begrijpen wat een afbeelding weergeeft. Een relevante en beschrijvende alt-tag kan:
- Afbeelding zoekopdrachten verbeteren: een duidelijke alt-tekst kan ervoor zorgen dat je afbeelding verschijnt in relevante zoekopdrachten.
- Paginaranking verbeteren: goed geoptimaliseerde alt-tags kunnen bijdragen aan de algehele SEO strategie van een website.
Het belang van Alt-tags voor de toegankelijkheid
Voor gebruikers met een visuele beperking die gebruik maken van screenreaders is de alt-tag onmisbaar. De screenreader leest de alt-tekst voor, wat de gebruiker helpt om de context en inhoud van de afbeelding te begrijpen.
Het is zelfs zo dat vanaf 5 oktober 2023, WCAG 2.2 A en AA aanbevolen worden als de standaard voor webtoegankelijkheid. Voor overheidsinstanties is het al sinds 2008 verplicht om hun websites toegankelijk te maken. Deze verplichting werd per 1 juli 2018 zelfs wettelijk vastgelegd, wat het belang van toegankelijke webpraktijken, inclusief het correct gebruik van alt-tags, benadrukt.
Hoe een alt-tag eruitziet in HTML-code
van hoe de HTML-code met Alt-tag er uit ziet:
<img src=”bloem.jpg” alt=”Gele tulp in volle bloei“>
Geavanceerde tips voor optimalisatie
- Relevante zoekwoorden: zorg ervoor dat je alt-tags relevante zoekwoorden bevatten die overeenkomen met de content van je pagina. Maar overdrijf het niet; keyword stuffing kan negatieve gevolgen hebben.
- Beschrijvende bestandsnamen: naast alt-tags kijken zoekmachines ook naar de bestandsnaam van de afbeelding. Een beschrijvende bestandsnaam zoals “rode-mountainbike.jpg” is beter dan een generieke zoals “IMG1234.jpg”.
- Afbeeldingsformaat en -grootte: snellere laadtijden kunnen de gebruikerservaring en SEO verbeteren. Comprimeer je afbeeldingen zonder de kwaliteit te verliezen.
- Responsive afbeeldingen: met de opkomst van mobiel zoeken, is het belangrijk dat je afbeeldingen correct worden weergegeven op alle apparaten. Gebruik code als “srcset” in HTML om dit toe te passen.
- Structured data: door structured data toe te voegen aan je afbeeldingen, kun je ze markeren als productafbeeldingen, receptfoto’s, enz., wat kan leiden tot verbeterde resultaten in zoekmachines.
- Afbeelding sitemaps: als je website veel afbeeldingen bevat, overweeg dan om een afbeelding sitemap te maken. Dit kan zoekmachines helpen om al je afbeeldingen te vinden en te indexeren.
Technische implementatie Alt-tag in WordPress
In WordPress kun je eenvoudig een alt-tag toevoegen, dat gaat als volgt:
- Ga naar de media bibliotheek.
- Klik op de afbeelding die je wilt bewerken.
- Voer in het veld “alternatieve tekst” je gewenste alt-tekst in.
Best practices voor het schrijven van Alt-tags
Om de effectiviteit van alt-tags te maximaliseren en zowel zoekmachines als gebruikers te bedienen, is het belangrijk om bepaalde richtlijnen te volgen bij het schrijven ervan. Hier zijn enkele best practices om in gedachten te houden:
- Wees beschrijvend: ‘man op fiets’ is beter dan ‘man’, maar ‘man op rode mountainbike in bos’ is nog beter, omdat het specifieker de afbeelding omschrijft.
- Vermijd overbodige termen: zeg bijvoorbeeld niet ‘afbeelding van…’ of ‘foto van…’.
- Wees beknopt: idealiter zou een alt-tekst niet meer dan ongeveer 125 tekens moeten bevatten, zodat hij volledig kan worden voorgelezen door screenreaders.
Veelvoorkomende misvattingen
- Elke afbeelding heeft een alt-tekst nodig: decoratieve afbeeldingen die geen informatie toevoegen kunnen een lege alt-tag hebben (bijv.
alt=""). - Alt-tags zijn alleen voor SEO: hoewel ze belangrijk zijn voor SEO, is hun primaire functie toegankelijkheid.
