Kijk vandaag naar vrijwel elke website op het internet en je zult zien dat een van de dingen die ze gemeen hebben, afbeeldingen zijn. Afbeeldingen kunnen op websites worden gebruikt om visuele flair toe te voegen, ideeën te helpen illustreren en toe te voegen aan de algehele inhoud van de pagina. Naast het kiezen van de juiste afbeeldingen en het op de juiste manier voorbereiden voor weblevering, moet je ervoor zorgen dat alle afbeeldingen van je site de Alt-tekst goed gebruiken. Dit is een heel belangrijk onderdeel van het correct gebruiken van deze afbeeldingen voor het web.
Wat is Alt-tekst
Alt-tekst is de alternatieve tekst die wordt gebruikt door tekstbrowsers en andere webgebruikersagenten die geen afbeeldingen kunnen bekijken. Het is ook een van de enige kenmerken die vereist zijn voor de afbeeldingstag. Door effectieve alt-tekst te schrijven, zorgt u ervoor dat uw webpagina's toegankelijk zijn voor mensen die mogelijk een schermlezer of een ander ondersteund apparaat gebruiken om toegang te krijgen tot uw site. U zorgt er ook voor dat er iets wordt weergegeven in plaats van een afbeelding als het niet wordt geladen, om welke reden dan ook (verkeerd pad, transmissiefout, enz.). Dit is het echte doel van de Alt-tekst, maar deze inhoud kan je ook meer plaatsen geven om SEO-vriendelijke tekst toe te voegen waar zoekmachines je niet voor zullen straffen (meer hierover binnenkort).
Alt-tekst moet tekst in de afbeelding herhalen
Elke afbeelding die tekst bevat, moet die tekst als alternatieve tekst hebben. Je kunt andere woorden in de alternatieve tekst plaatsen, maar op zijn minst zou het hetzelfde moeten zijn als de afbeelding. Als u bijvoorbeeld een logo voor uw afbeeldingen hebt, moet de Alt-tekst de bedrijfsnaam herhalen die is uitgeschreven door uw grafische logo.
Onthoud ook dat afbeeldingen zoals logo's ook tekst kunnen bevatten. Als u bijvoorbeeld het rode bolletje op de Dotdash-website ziet, betekent dit 'Dotdash.com'. Dus de alternatieve tekst voor dat pictogram zou kunnen zeggen "Dotdash.com" en niet alleen "bedrijfslogo."
Houd de tekst kort
Hoe langer uw alternatieve tekst, hoe moeilijker het is om tekstbrowsers te lezen. Het kan verleidelijk zijn om lange zinnen van alternatieve tekst te schrijven (normaal gesproken wordt dit gedaan omdat iemand de tag probeert te vullen met zoekwoorden), maar als je je Alt-tags kort houdt, blijven je pagina's kleiner en kleiner, waardoor je pagina's sneller worden gedownload.
Een goede vuistregel voor alternatieve tekst is om het totaal tussen 5 en 15 woorden te houden.
Uw SEO-trefwoorden gebruiken in Alt-tags
Mensen denken vaak ten onrechte dat het doel van alternatieve tekst is om sleutelwoorden voor zoekmachines te plaatsen. Ja, dat is een voordeel dat u kunt gebruiken, maar alleen als de tekst die u toevoegt logisch is voor het echte doel van de alt-tag - om intelligente tekst weer te geven die uitlegt wat de afbeelding is als iemand deze niet kan zien!
Dat gezegd hebbende, Alt-tekst is niet bedoeld als een SEO-tool betekent niet dat u uw zoekwoorden niet kunt gebruiken in deze tekst. Aangezien alternatieve tekst belangrijk is en vereist voor afbeeldingen, is het onwaarschijnlijk dat zoekmachines u straffen voor het plaatsen van zoekwoorden daar als de inhoud die u toevoegt logisch is. Onthoud dat uw eerste prioriteit uw lezers is. Keyword spamming in alternatieve tekst kan worden gedetecteerd en zoekmachines veranderen hun regels de hele tijd om spammers te voorkomen.
Een goede vuistregel is om uw zoekwoorden te gebruiken waar ze passen bij de beschrijving van de afbeelding en gebruik niet meer dan één trefwoord in uw alternatieve tekst.
Houd je tekst betekenisvol
Vergeet niet dat het punt van alt-tekst is om de afbeeldingen voor uw lezers te definiëren. Veel webontwikkelaars gebruiken de alternatieve tekst voor zichzelf, inclusief zaken als afbeeldingsgrootte, afbeeldingsbestandsnamen, enzovoort. Hoewel dit nuttig voor u kan zijn, doet het niets voor uw lezers en moet daarom worden weggelaten uit deze tags.
Gebruik alleen lege Alt-tekst voor pictogrammen en opsommingstekens
Van tijd tot tijd zult u afbeeldingen gebruiken die geen bruikbare beschrijvende tekst bevatten, zoals kogels of eenvoudige pictogrammen. De beste manier om deze afbeeldingen te gebruiken, is in CSS waar u geen alternatieve tekst nodig heeft. Maar als u ze absoluut in uw HTML moet hebben, gebruik dan een leeg alt-attribuut in plaats van het helemaal weg te laten.
Het kan verleidelijk zijn om een teken als een asterisk (*) als een kogel te representeren, maar dit kan verwarrend zijn dan het simpelweg leeg te laten. En het plaatsen van de tekst "kogel" zal nog vreemder worden in een tekstbrowser.
Bewerkt door Jeremy Girard op 03-03-17
