Is het ALT-attribuut belangrijk voor afbeeldingen?

Wat is het ALT-attribuut?

Een ALT-attribuut of alternatieve tekst is een beschrijving die wordt gegeven voor een afbeelding die, in het geval dat de afbeelding kapot is of niet kan worden gelezen (bijvoorbeeld door bots of slechtziende gebruikers), wordt gegeven ter ondersteuning van onze content.

Waar dient het ALT-attribuut voor in een afbeelding?

Het belangrijkste doel van het ALT-attribuut is het bevorderen van webtoegankelijkheid voor gebruikers die afbeeldingen niet goed kunnen zien. Een voorbeeld hiervan zijn gebruikers die afhankelijk zijn van schermlezers, die, zoals de naam al aangeeft, softwareprogramma's zijn die de inhoud van het scherm hardop voorlezen.

Wanneer een van deze lezers een afbeelding bereikt, kan hij de afbeelding zelf niet beschrijven, dus gebruikt hij de alternatieve tekst om de gebruiker context te geven over wat er op de foto te zien zou kunnen zijn. Op deze manier kan de gebruiker correct door een website navigeren zonder informatie van de afbeeldingen te hoeven "verliezen".

Waarom is de ALT-tag belangrijk voor SEO?

Onze rol als SEO-consultants is om Google zoveel mogelijk informatie te geven zodat het onze content kan begrijpen en daarom aan de juiste gebruikers kan tonen.

Hoewel het waar is dat Google zijn beeldverwerker enorm heeft verbeterd en zonder twijfel de inhoud van een afbeelding op een algemene manier kan begrijpen, is het altijd een goed idee dat onze afbeeldingen het ALT-attribuut bevatten. Op deze manier zorgen we ervoor dat Google alle informatie over de foto heeft en de betekenis ervan binnen onze content kan begrijpen.

Zoals we al zeiden, is het het beste om ze op de juiste manier te gebruiken en niet te proberen Google op een slechte manier "te misleiden". Met andere woorden, het slaat nergens op om een foto van een auto in je content te plaatsen en vervolgens "goedkope sneakers" als alternatieve tekst te schrijven. Ze zijn niet aan elkaar gerelateerd en kunnen alarmbellen doen rinkelen (vooral als de alternatieve tekst wordt gebruikt voor keyword stuffing).

Gebruik foto's en alternatieve teksten die gerelateerd zijn aan je content. Het is het beste om deze regel altijd te volgen en je belangrijkste zoekwoord, een secundair zoekwoord, een semantische term, etc. in de alternatieve tekst op te nemen. Normaal gesproken zul je hier geen probleem mee hebben, omdat je het op een natuurlijke manier kunt opnemen.

Hoe voeg je de ALT-tag toe aan een afbeelding

Op dit punt vraag je je waarschijnlijk af: hoe kan ik deze alternatieve tekst aan mijn website toevoegen?

Geen zorgen, want we zijn hier om je te helpen. Let goed op terwijl we doornemen hoe je dit doet op de twee meest populaire CMS'en:

Hoe voeg je het ALT-attribuut toe aan een afbeelding in WordPress

In dit geval is het vrij eenvoudig. Het enige wat we hoeven te doen is naar onze mediabibliotheek gaan, de foto kiezen en het veld voor de alternatieve tekst invullen:

Om wat meer context te bieden, kunnen we zelfs het bijschrift en de beschrijving invullen, zoals weergegeven in de afbeelding. Bovendien kunnen we dit direct in de artikeleditor doen op het moment dat we de afbeelding toevoegen.

Hoe voeg je het ALT-attribuut toe aan een afbeelding in PrestaShop

In PrestaShop hebben we geen mediabibliotheek of een specifiek veld hiervoor.

Hoe voegen we het dan toe?!

Geen zorgen, we leggen de truc uit. Wat je moet doen is het bijschriftveld invullen binnen de productafbeeldingen:

In de meeste thema's wordt wat je in het veld Caption zet, ingesteld als het ALT-attribuut van de afbeelding die je bewerkt.

Het probleem is dat het in dit CMS erg vervelend kan zijn om ALT-attributen toe te voegen, omdat je het één voor één moet doen. Daarom noemden we in onze gids over SEO in PrestaShop een module waarmee je snel ALT aan alle afbeeldingen kunt toevoegen.

Hoe bekijk je het ALT-attribuut van afbeeldingen

Nu leggen we uit hoe je kunt controleren of een website ALT-attributen op zijn afbeeldingen heeft of niet. Er zijn twee opties:

Via de inspector

Als je Chrome gebruikt, kun je door met de rechtermuisknop binnen een willekeurige website te klikken, toegang krijgen tot de inspector. Eenmaal daar, hoef je alleen maar de afbeelding te selecteren en het ALT te bekijken:

Een beetje verwarrend? Misschien, maar geen zorgen, we hebben een andere, eenvoudigere optie meegebracht:

Via een Chrome-extensie

In dit geval raden we aan om de SEO-extensie voor Chrome te installeren genaamd Web Developer. Zodra je hem hebt, hoef je alleen maar naar het tandwielicoon te gaan en images > Display Alt Attributes te selecteren:

Zodra je deze optie hebt geactiveerd, zie je dat er naast elke afbeelding een kleine tooltip staat met het ALT-attribuut van elke afbeelding:

Conclusie

Zoals we hebben gezien, zijn ALT-attributen een SEO-factor die vaak over het hoofd wordt gezien, maar je een extra zetje kan geven binnen je SEO-strategie.

Vergeet niet om altijd een foto te kiezen die bij de tekst past, zodat de gebruiker niet in de war is wanneer hij hem ziet, en schrijf een alternatieve tekst die zowel voor de gebruiker als voor onze beste vriend Google beschrijvend en relevant is.

Zoals altijd staan we klaar in de comments voor eventuele vragen die je hebt :)