Alt tekst

De alt tekst. Je ziet hem niet, maar hij is oh zo belangrijk voor zowel de vindbaarheid van je website, als van je afbeeldingen.

Wat een alt tekst precies is en waarom dit zo belangrijk is voor de vindbaarheid van je website ga ik je in dit artikel uitleggen;

Wat is een alt tekst?

Een alt tekst (ook wel bekend als ‘alt tag’ of ‘alt attribuut’) is een alternatieve omschrijving van een afbeelding die je toevoegt in de broncode.

De alt tekst is oorspronkelijk in het leven geroepen voor twee doeleinden.

  • Deze alternatieve omschrijving wordt weergegeven zodra een afbeelding niet kan geladen kan worden.
  • Mensen met een visuele beperking maken gebruik van zogenaamde schermlezers. Dit is software dat de content van een website kan voorlezen. Deze schermlezers lezen op de plaats van de afbeelding in dit geval de alt tekst voor.

Waarom is de alt tekst zo belangrijk voor SEO?

Zoekmachines zijn de laatste jaren steeds beter geworden in het begrijpen van een afbeelding. Toch kunnen ze dat nog lang niet zo goed als wij (mensen). Door een alt tekst toe te voegen geef je extra context aan de afbeeldingen.

Neem bijvoorbeeld de volgende afbeelding;

Voorbeeld tv alt tekst

Een zoekmachine zou waarschijnlijk kunnen zien dat het het hier gaat om een televisie, maar daar blijft het ook bij.

Dit is echter niet zomaar een televisie, dit is een ‘Samsung UE40NU7110’. Waarschijnlijk is Coolblue ook van plan hierop te scoren in Google.

Voorbeeld van een alt tekst

Als we kijken in de bron, dan zien we inderdaad dat Coolblue een alternatieve omschrijving aan de afbeelding heeft meegegeven.

Op deze manier laat het de zoekmachine weten wat er precies op de afbeelding te zien is.

Als we kijken richtlijnen over afbeeldingen van Google erbij pakken, dan had de omschrijving in het bovenstaande voorbeeld zelfs nog wel duidelijker gemogen.

Richtlijnen voor alt teksten van Google

Hoe voeg je alt teksten toe aan je afbeeldingen?

Je kunt op verschillende manieren alt teksten toevoegen aan je afbeeldingen. Dit hangt ook af van het CMS waar je gebruik van maakt.

Je kunt ook altijd gebruik maken van HTML.

HTML code

<img src="afbeelding.jpg" alt="Voer hier je alt tekst in" />

WordPress

Maak je gebruik van WordPress, dan kun je de alt teksten al toevoegen vanaf de mediabibliotheek.

Zodra je een afbeelding wilt toevoegen krijg je de volgende invoervelden te zien;

In het bovenste veld kun je de alt tekst invoeren.

Alt teksten optimaliseren

Maar hoe schrijf je dan een goede alt tekst? En wat moet je juist niet doen?

  • Maak de tekst niet te lang. Gebruik niet meer dan 125 karakters.
  • Over-optimaliseer niet! Dus niet zoals we dat vroeger deden met meta keywords.
  • Geef een duidelijke, korte omschrijving van de afbeelding.
  • Begin niet met ‘Afbeelding van…’. Dus niet ‘Afbeelding van een kip’. We weten namelijk al wel dat een alt tekst refereert naar een afbeelding.

Veelgestelde vragen

Wat is het verschil tussen alt tekst en een alt tag?

Vaak wordt in plaats van ‘Alt tekst’ de term ‘Alt tag’ gebruikt. Technisch gezien klopt dit echter niet. In de HTML is er namelijk een duidelijk verschil tussen tags (elementen) en attributen.

Een tag is een opdracht die je de webbrowser laat uitvoeren.

Een attribuut is specificatie van een tag.

Een alt tekst vertelt iets over de afbeelding. Het is dus een attribuut.

Het verschil tussen een tag en een attribuut

Wat is het verschil tussen een alt tekst en een title attribuut?

Een title attribuut geeft extra informatie over de afbeelding. Je kunt hier bijvoorbeeld de copyright aangeven. Daarnaast wordt het title attribuut gebruikt voor het vullen van de tooltip.

Het title attribuut voor afbeeldingen is geen rankingsfactor volgens Google. Het alt attribuut (alt tekst) is dat wel!

Geef een reactie

Share on facebook
Share on twitter
Share on linkedin