Alt-teksten, wat zijn ze en hoe gebruik je ze?

door | 14 okt2024, 2024 | SEO | 0 Reacties

In dit artikel duiken we dieper in alt-teksten, wat zijn het? Waarom zijn ze zo belangrijk? En hoe moet je ze schrijven en implementeren?

Wat zijn alt-teksten?

Alt-teksten, of alternatieve teksten, zijn beschrijvingen die je aan afbeeldingen toevoegt in de HTML-code. Je ziet ze normaal gesproken niet, maar ze spelen een belangrijke rol voor zoekmachines en toegankelijkheid.

Ze worden gedefinieerd met het ‘alt’-attribuut binnen een image-tag. Bijvoorbeeld:

< img src=”rode-appel.jpg” alt=”Een glanzende rode appel op een witte achtergrond” >

Voorbeeld van een alt-tekst in code.

Deze tekst is normaal gesproken niet zichtbaar voor de gemiddelde websitebezoeker. Ze verschijnen alleen wanneer:

  • De afbeelding niet kan worden geladen, bijvoorbeeld door een trage internetverbinding
  • De webpagina wordt gelezen door een screenreader, bijvoorbeeld bij mensen met een visuele beperking.

Waarom zijn alt-teksten belangrijk?

Toegankelijkheid

Voor blinde of slechtziende gebruikers van screenreaders zijn alt-teksten een essentiële beschrijving van afbeeldingen, waardoor ze de context van een webpagina of blog beter begrijpen.

SEO en alt-teksten

Tegelijkertijd worden alt-teksten uitgelezen door zoekmachines. Die kunnen de afbeeldingen niet ‘zien’ zoals wij dat kunnen. Door duidelijke alt-teksten te gebruiken help je zoekmachines de inhoud van afbeeldingen te begrijpen, wat leidt tot betere rankings, ook in Google’s afbeeldingen.

Hoe schrijf je een goede alt-tekst?

Een goede alt-tekst is vooral beknopt en beschrijvend. Check even mijn richtlijnen, zo kun je ook makkelijk je eigen alt-teksten schrijven:

  1. Wees beschrijvend, maar houd het kort en bondig. Probeer de essentie van de afbeelding in maximaal 125 karakters samen te vatten.
  2. Gebruik relevante keywords, maar prop ze er niet zomaar in.
  3. Skip de “afbeelding van” intro. Screenreaders geven al aan dat het om een afbeelding gaat.
  4. Bedenk waarom de afbeelding er staat en wat de bezoeker eraan heeft.
Goede alt v.s. slechte alt teksten. Goede teksten zijn beschrijvend, voorzien van relevante keywords en hebben geen onnodige introductie. Slechte hebben keyword stuffing, zijn te uitgebreid en staal vol irrelevante info.

Veelgemaakte fouten in alt-teksten

Bij het schrijven van alt-teksten is het belangrijk om de volgende valkuilen te vermijden. Deze fouten kom ik regelmatig tegen tijdens seo-scans:

  • Keyword stuffing: “SEO expert Amsterdam – beste SEO diensten goedkoop” is geen sterke alt-tekst. Gebruik keywords natuurlijk en met mate.
  • Te lange beschrijvingen: Probeer onder de 125 karakters te blijven. Vooral als het om simpele afbeeldingen gaat.
  • Irrelevante info: Als je product afbeelding alt-tekst gaat over iets totaal anders, mis je de kans om waarde toe te voegen voor zowel bezoekers als zoekmachines.

Alt-teksten voor verschillende soorten afbeeldingen

Verschillende soorten afbeeldingen vereisen verschillende soorten alt-teksten. Check deze voorbeelden maar even:

  • Productafbeeldingen: Beschrijf belangrijke kenmerken, de naam van het product en eventueel de kleur of het model. Bijvoorbeeld: “Nike Air Max 270 sneakers, wit met rode accenten”.
  • Infographics: Geef een korte samenvatting van de belangrijkste info. Bijvoorbeeld: “Infographic: 5 stappen voor effectieve email marketing, inclusief segmentatie en personalisatie”.
  • Decoratieve afbeeldingen: Als de afbeelding puur decoratief is en geen informatie toevoegt, gebruik dan een lege alt-tekst. Dit voorkomt onnodige afleiding voor screenreader-gebruikers.

Hoe voeg je alt-teksten toe aan je afbeeldingen?

Het toevoegen van alt-teksten aan je afbeeldingen is een belangrijke stap in het optimaliseren van je website voor zowel zoekmachines als toegankelijkheid. Zo pak je dat aan:

WordPress websites

Via WordPress is het super makkelijk om alt-teksten toe te voegen. Dat kan zelfs op 2 manieren:

  • Via de mediabibliotheek: Wanneer je een afbeelding uploadt naar de mediabibliotheek, kun je aan de rechterkant een veld invullen voor alt-tekst. Deze tekst wordt automatisch toegevoegd wanneer je de afbeelding op een pagina of bericht gebruikt. Als je eerder afbeeldingen zonder alt-tekst hebt geüpload, kun je deze eenvoudig bijwerken via de mediabibliotheek.
  • Via de Gutenberg Editor: Als je de afbeelding al hebt toegevoegd aan een pagina, kun je deze selecteren en in het rechterpaneel onder ‘Blokinstellingen’ de alt-tekst aanpassen.

HTML-code

Als je rechtstreeks in de HTML-code werkt, voeg je de alt-tekst toe binnen de tag. Dit ziet er bijvoorbeeld zo uit:

xml
< img src=”voorbeeld.jpg” alt=”Beschrijving van de afbeelding” >

Ander CMS

Is jouw website met een ander CMS gemaakt? Dan kun je waarschijnlijk ook bij het uploaden of toevoegen van een afbeelding ergens de alt-tekst opgeven. Kom je er niet uit? Stuur me vooral een berichtje, dan kijk ik even met je mee.

Aan de slag met SEO?

Heb je vragen of hulp nodig bij het implementeren van effectieve alt-teksten? Neem dan contact met mij op! Wil jij graag meer bezoekers naar je website trekken? Als SEO specialist help ik je consistent meer bezoekers uit Google te genereren.

foto van Stef Schreurs in Nijmegen

Hoi! Ik ben Stef.

Zoek jij nog tips & tricks om je online marketing een boost te geven? Dan ben je hier aan het juiste adres. Deze blog is bedoeld voor ZZP’ers of MKB-ondernemers die meer uit hun online kanalen willen halen. 

Ik help je graag.

In mijn blogs probeer ik je praktische tips mee te geven, zonder al te veel lastige begrippen. Zo blijft het voor jou lekker behapbaar en voor mij makkelijk typen. Kom je er zelf niet uit? Stuur me gerust een mailtje en vraag vrijblijvend advies.