alt-tags

Alt-tags zijn beschrijvingen van de plaatjes op je blog. Ze worden ook wel alt-text genoemd.

Wat is een alt-tag?

Alt-tags betekenen ‘alternative text’. Op je blog zie je ze niet. Maar ze zijn belangrijk om gevonden te worden met Google en andere zoekmachines. En ze worden gebruikt voor blinde mensen. Zij maken gebruik van een ‘screen reader’. Zo’n screen reader vertelt de blinde gebruiker wat er op de pagina staat. Maar een ‘screen reader’ kan plaatjes niet zien. Net zo min als zoekmachines.

Zoekmachines kunnen plaatjes niet zien

Dus is het belangrijk dat jij als blogger vertelt wat er staat! En dat doe je met alt-tags. Stel iemand is op zoek naar leuke blog achtergronden. Ze besluit te zoeken met Google images. Want dan kan ze meteen de achtergrond zien. Dan is het handig als makers van blog achtergronden alt-text aan hun plaatjes hebben toegevoegd.

Of stel, iemand is op zoek naar leuke kringloopvondsten. Hoe kan jouw kringloopvondst ooit in de zoekresultaten komen, als jij een zoekmachine niet vertelt dat een plaatje een kringloopvondst is?

Alt-tags voor SEO

Alt-tags zijn dus een essentieel onderdeel van zoekmachine optimalisatie oftewel om bovenaan in Google te komen. Je ziet dit ook terug in de aanbevelingen van de gratis Yoast plugin! Als je een blogpost optimaliseert voor een bepaald keyword/onderwerp, dan adviseert Yoast om dit keyword te gebruiken als alt-text.

Maar let op: als je bijvoorbeeld 8 afbeeldingen in je blogpost hebt staan, gebruik dan niet 8 keer het keyword als alt-tag! Yoast waarschuwt dan dat het teveel is.

Misschien denk je nu wel: ‘Ja maar, hoe zit dat dan?! Ik moet toch de alt-tag gebruiken om te beschrijven wat de afbeelding is? Wat als de afbeelding niet hetzelfde is als het keyword waarop ik wil scoren?’

Keyword als alt-tag – hoe zit dat?

Ik kies in dit soort gevallen voor het keyword, in plaats van voor een exacte omschrijving van de afbeelding.

Je moet namelijk ook naar het grotere geheel kijken, en het doel van je bezoeker.

Waarom zoekt iemand op een bepaald onderwerp? Wat hoopt hij of te vinden?

Door je alt-tag als seo te gebruiken, help je mensen je blogpost te vinden. Op die manier beschrijft de alt-text misschien niet exact het plaatje, maar wel het grote geheel van de blogpost.

Neem nou deze blogpost over alt-tags. Hieronder zie je een afbeelding van een groene theepot van emaille. Een geschikte alt-text zou dan zijn: ‘groene theepot van emaille’. Maar omdat deze post geoptimaliseerd is voor alt-tags, geef ik dat als alt-text.

Hoe kun je zien of jouw afbeeldingen alt-tags hebben?

Er zijn verschillende gratis tools die je kunt gebruiken om te kijken of de afbeeldingen op je blog alt-text hebben, en welke niet. Bijvoorbeeld de alt-tag checker van Digital Sales. Ze werken allemaal hetzelfde: je typt de url van je blog of de blogpost in, en vervolgens krijg je te zien welke afbeeldingen alt-text hebben en welke niet.

Hieronder een voorbeeld:

alt-tag
Zonder alt-text
Zonder alt-text
Met alt-text

Als je gewoon direct wilt zien of de afbeeldingen in een blogpost alt-text hebben, kun je ook ‘right click’ op de betreffende afbeelding doen, en kies ‘Inspect’:

alt-tag

Deze afbeelding op mijn kringloop blog heeft géén alt-tag:

geen alt-text

Nu gaan we deze afbeelding van een alt-tag voorzien! En dan zie je vervolgens dit:

blogspot screenshot

Wat is een goede alt-tag?

Hieronder de 6 beste tips van toonaangevende website Moz over alt text:

  • De meest gebruikte screen readers voor mensen die blind zijn of slechtziend, kappen een alt-tag af rond 125 letters. Gebruik dus maximaal 125 letters.
  • Gebruik je keyword in je alt-text. Doe dat minimaal één keer in je blogpost. Maar Yoast zal vaker dan 1 x adviseren. Het is dus zoeken naar een evenwicht tussen een beschrijving van de afbeelding geven, en alt-tags gebruiken voor zoekmachine optimalisatie.
  • Ga niet een hele reeks keywords in je alt-text proppen!
  • Gebruik liever geen afbeeldingen van tekst. Als je toch een afbeelding van tekst gebruikt, zoals ik hierboven met de voorbeelden van afbeeldingen met en zonder alt-tags, leg dan in je alt-text uit wat het is.
  • Schrijf niet iets heel algemeens als alt-text zoals ‘Afbeelding’. Duh. Dat is wel duidelijk.
  • Vergeet je buttons en knoppen niet! Vaak worden buttons en knoppen, bijvoorbeeld voor een nieuwsbrief abonnementen vergeten als het om alt-text gaat.

Alt-tag toevoegen bij Blogger: hoe doe je dat?

  1. Je gaat naar de betreffende post van je Blogspot blog. In dit geval een post met een plaatje over een emaille theepot.
  2. Klik op ‘compose’
  3. Klik op het plaatje waaraan je een alt-tag wilt toevoegen
  4. Nu verschijnen een aantal opties, waaronder een soort wieltje. Klik op dat wieltje:alt-tag maken
  5. Er verschijnt een venstertje: vul de titel en alt tag in!alt text

En dan zie je in html-mode dit: <img alt=”Kringloopvondst”

Alt-tags toevoegen bij je WordPress blog

  1. Ga naar de betreffende post
  2. Kies voor ‘compose’ of ‘visueel’
  3. Klik op het ‘potloodje’ dat nu verschijnt
  4. In het venster dat opent vul je de titel en alt tag in!afbeeldingsdetails

Video voor WordPress met Gutenberg interface

In onderstaand filmpje laat een medewerker van Elegant Themes zien hoe je een alt-text toevoegt aan een afbeelding inWordpress als je Gutenberg gebruikt.

Ook geeft hij wat algemene tips.

Gebruik alt-text ook voor plaatjes in je sidebar

Of een plaatje nou in een post staat, of onderdeel is van je blog design, voeg altijd een alt-text toe.

Titels voor je plaatjes: belangrijk voor Pinterest

Bij zowel WordPress als Blogger kun je ook een titel voor je plaatje invullen. Voor zoekmachines is de titel niet zo belangrijk. Het is vooral handig voor je bezoekers. Maar, als je graag wilt dat je plaatjes op Pinterest worden gedeeld is de titel van belang. Want als iemand een plaatje van je blog ‘pint’, dan gebruikt Pinterest de titel van het plaatje als beschrijving. En dan wil je natuurlijk wel dat het een goede titel is.

Samenvattend

Gebruik jij afbeeldingen in je blogpost? En dat hoop ik wel, want dat is veel fijner voor je bezoekers, denk er dan aan dat je zo’n plaatje van een zogenoemde alt-text voorziet. Dat is een beschrijving van de afbeelding. Computers en slechtziende mensen kunnen een afbeelding op je blog namelijk niet ‘zien’. Vandaar dat het belangrijk is om te vertellen wat er op staat.

Alt-tags zijn bovendien essentieel voor SEO, oftewel zoekmachine optimalisatie.

Dus ook al doe je vandaag verder niks, het is slim om de plaatjes op je blog van alt-text te voorzien.

Heb je vragen over deze post? Of wil je graag een onderwerp besproken hebben op Bloggen en loggen? Laat het me weten!

Gebruikte bronnen o.a. Moz.com, ProBlogger, Neil Patel

Deze post verscheen voor het eerst in 2013 en is compleet vernieuwd en ge-update!

Similar Posts

15 Comments

  1. Gelukt!! Eindelijk iets dat vlot lukt. Mijn Favicon heb ik ook al aan jou te danken.
    Dikke virtuele knuffel XXX

    Ik heb mijn blog laten beoordelen, gratis, door http://www.woorank.com. Tip via
    Er is werk aan de winkel o.a. 21 van mijn 24 afbeeldingen hebben geen ALT-attributen. Dankzij jou weet ik nu waarover ze het hebben.

    1. Ja dat mag! De alt tag is vooral belangrijk voor zoekmachines.
      En de titel is bijvoorbeeld belangrijk als iemand een plaatje van je blog pint. Dan is het natuurlijk handig als de titel klopt met de afbeelding.

  2. Hoi Bloggelientje,
    Ik heb een klein vraagje,
    Waar kan ik in blogger ‘compose’ vinden waar ik op kan klikken ?
    Ik ging net naar mijn blogger en als ik dan van een oude post een plaatje of foto pak en daar op klik dan zie ik nergens het woord ‘compose’ staan. Wel links rechts verwijderen, enz
    Zou je me daar even mee willen helpen.
    Super bedankt alvast .

    1. De alt-tag tekst is voor zoekmachines. De titel van een plaatje is voor menselijke bezoekers. Als bezoekers met hun muis over het plaatje gaan wordt de titel van het plaatje zichtbaar. Je kunt de titel van het plaatje dus gebruiken om je bezoeker informatie te geven of op te roepen om iets te doen. De titel van je blogbericht is een optie, maar heeft je bezoeker waarschijnlijk al wel gezien.

  3. Zelf gebruik ik “title=”. Die heeft als voordeel dat je die kunt lezen als je je muis boven een foto of link houdt. Doet voor de rest niet veel anders dan “alt=” die niets toont als je je muis er boven houdt. Screenreaders en Google gaan er hetzelfde mee om. Mijn indruk is dat een goede bestandsnaam voor google belangerijker is. groene-fiets.jpg doet het beter dan g1243mred.jpg.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *