Weet je wat alt-tekst is? Het is het eerste concept van webtoegankelijkheid dat alt-tekst voor afbeeldingen bevat. Het is ook een van de moeilijkste om correct in de praktijk te brengen. Er zijn verschillende afbeeldingen op internet met een onvolledige, verkeerde of slechte alternatieve tekst. Het bepalen van een geschikte, gelijkwaardige titeltag voor afbeeldingen, zoals zoveel andere aspecten van webtoegankelijkheid, is vaak een kwestie van persoonlijke interpretatie. Dit artikel geeft ons ervaren begrip van het acceptabele gebruik van afbeelding-alt-tekst en alt-tekstvoorbeelden.
De onderwerpen waarover veel bedrijven en uitgevers content maken, vereisen steeds vaker afbeeldingen bij hun woorden. Als je over fotografie schrijft, zijn fotografische voorbeelden van je perspectief essentieel voor het plezier van je lezer in je werk. Screenshots van software zijn vaak de beste manier om te illustreren hoe het te gebruiken en om te demonstreren hoe het te gebruiken.
Wat is alt-tekst en hoe werkt het?
Dus wat is alt-tekst? Ze staan ook bekend als "image alt-tags", "alt-tags" is een type HTML-code die het uiterlijk en het doel van een afbeelding op een webpagina beschrijft.
Als een afbeelding op een website niet kan worden geladen op de computer van een gebruiker, is alt-tekst de geschreven kopie die in de plaats verschijnt. Deze alt-tekst afbeeldingen helpen schermleessoftware bij het beschrijven van afbeeldingen aan slechtziende lezers, en stellen zoekmachines in staat om je website effectiever te crawlen en te beoordelen.
Of je nu SEO voor je bedrijf uitvoert, het optimaliseren van de afbeelding en alt-tekst van je website is de sleutel om je bezoekers een betere gebruikerservaring te bieden, ongeacht hoe ze je hebben gevonden.
Alt-tags worden gebruikt voor
- Het toevoegen van alt-tags aan afbeeldingen is in de eerste plaats een concept voor webtoegankelijkheid. Een alt-tekst van een afbeelding wordt voorgelezen aan visueel gehandicapte gebruikers die schermlezers gebruiken om hen te helpen een afbeelding op de pagina te begrijpen.
- Als een afbeeldingsbestand niet kan worden geladen, wordt in plaats daarvan alternatieve tekst weergegeven.
- Alt-tags bieden crawlers van zoekmachines betere afbeelding context/beschrijvingen en helpen hen bij het correct indexeren van een afbeelding.
3 voorbeelden van alt-tekst (goed en slecht)
1. Wat is het verschil tussen een trefwoord en een detail?
Slechte Alt-tekst: "Strikingly homepage maak een website in enkele minuten, ga aan de slag, het is gratis"
Hoe zit het met die regel alt-tekst daarboven? Er zijn te veel verwijzingen naar Strikingly. Het gebruik van alt-tekst om trefwoorden in gebroken zinnen te proppen, voegt te veel pluis en te weinig betekenis toe aan de afbeelding. De uitgever zal die zoekwoorden waarderen, maar Google niet.
In werkelijkheid maakt de bovenstaande tekst het voor Google moeilijk om te begrijpen hoe de afbeelding zich verhoudt tot de rest van de website of het artikel waarop het staat, waardoor het onmogelijk wordt voor de afbeelding om te ranken voor vergelijkbare longtail-zoekwoorden met een hogere mate van interesse.
Goede Alt-tekst: "Strikingly website builder inlogpagina"
2. Specificiteit versus detail
Slechte Alt-tekst: "hond in parijs"
Hoewel de regel met alt-tekst hierboven logisch de eerste regel van alt-tekst volgt, namelijk om beschrijvend te zijn, doet het dit onjuist. Ja, de foto hierboven toont Parijs, Frankrijk en een hond. Maar dit is ook een gezicht van de Eiffeltoren en een Chihuahua-hond. Als de foto bijvoorbeeld op een blogbericht staat over reizen naar Frankrijk, heeft Google deze gegevens nodig om deze correct te indexeren.
Goede Alt-tekst: "Chihuahua-hond zittend op een rode stoel bij de Eiffeltoren, Parijs Frankrijk"
3. Context versus specificiteit
De betekenis in beide bovenstaande afbeeldingen is eenvoudig, wat ons kan helpen goede alt-tekst te schrijven: de ene is van de Strikingly Website en de andere komt uit Parijs, Frankrijk. Maar wat als je afbeelding geen officiële context heeft (zoals een locatienaam) om het uit te leggen?
Dit is waar het onderwerp van het artikel of de website waarop je de foto uploadt van pas kan komen.
Voorbeelden van slechte en goede alt-tekst, afhankelijk van waarom je het publiceert
1. Voor een artikel over het gebruik van boekhoudsoftware.
Slechte Alt-tekst: "Man wijst naar iemands computerscherm"
Waarom is bovenstaande regel met alt-tekst niet voldoende voor een webpagina over boekhoudsoftware? Het is bijna net zo beschrijvend en precies als de goede alt-tekst uit het vorige voorbeeld. Dit voorbeeld gaat veel verder in op het onderwerp business school en stelt dat de doelgroep voor deze pagina studenten zijn. Daarom moet de alt-tekst voor afbeeldingen dit vertegenwoordigen.
Goede Alt-tekst: "Zakenman die boekhoudsoftware gebruikt om een boekhoudteam te instrueren"
2. Voor een artikel over school.
Slechte alt-tekst: "Man wijst naar iemands computerscherm"
De alt-tekst hierboven zou meestal voldoende zijn, maar omdat het ons doel is om deze afbeelding naast een artikel over business school te publiceren, lopen we een aantal zoekwoordopties mis die Google kunnen helpen de afbeelding te verbinden met specifieke delen van het artikel.
Goede Alt-tekst: "Afgestudeerde schoolprofessor wijst naar het computerscherm van een student"
Belang van alternatieve tekst
1. Toegankelijkheid
Een basisprincipe van open webdesign is alt-tekst. De belangrijkste (en nog steeds primaire) functie is om foto's uit te leggen aan bezoekers die blind zijn. Dit omvat schermlezers en browsers die afbeeldingen blokkeren, evenals gebruikers die zijn uitgeschakeld of anderszins niet in staat zijn om een afbeelding visueel te herkennen. Door alt-tekst bij je foto's te gebruiken, zullen alle gebruikers, ongeacht hun visuele capaciteit, de inhoud van je site waarderen.
2. Zoekmachineoptimalisatie voor afbeeldingen
Het opnemen van alt-tags op je foto's heeft niet alleen voordelen voor klanten, maar het kan je ook helpen SEO-voordelen te behalen, zowel expliciet als impliciet. Naast het volgen van toepassingen voor afbeeldingstitel en bestandsnaamgeving, kan het opnemen van afbeelding-alt-tags helpen bij afbeelding-SEO.
Hoewel de beeldherkenningstechnologie in de loop van de tijd enorm is verbeterd, kunnen zoekcrawlers de afbeeldingen op een webpagina nog steeds niet "zien" zoals wij dat kunnen; dus het is geen goed idee om er alleen op te vertrouwen voor begrip. De kans is groot dat als ze het niet begrijpen of het verkeerd hebben, je ofwel rankt voor onbedoelde zoekwoorden of helemaal misloopt.
Je kan alt-tekst voor afbeeldingen gebruiken om je doelzoekwoord op te nemen. Aangezien het gebruik van trefwoorden op de pagina nog steeds een rangschikkingsfactor is voor zoekmachines, is het in je eigen belang om alternatieve tekst te maken die de afbeelding uitlegt, terwijl u, indien mogelijk, ook een trefwoord of zinsdeel van een trefwoord gebruikt.
Hoe alt-tekst te optimaliseren: toepassingen en hoe goede alt-teksten te schrijven
- Alt-tekst voor afbeeldingen moet beschrijvend zijn en toch symbolisch zijn voor de webpagina die wordt ondersteund. Heb je de essentie tot nu toe begrepen? Hier zijn een paar belangrijke punten om te onthouden bij het schrijven van een succesvolle titeltag voor afbeeldingen voor SEO.
- Geef een gedetailleerde beschrijving van de afbeelding. Gebruik het onderwerp en de betekenis van de afbeelding om je te leiden. Wees zo beschrijvend mogelijk bij het beschrijven van de afbeelding. Alt-tekst is in de eerste plaats bedoeld om tekstbeschrijvingen van afbeeldingen te geven voor gebruikers die blind of slechtziend zijn. Als een afbeelding geen betekenis of betekenis heeft en er alleen is voor ontwerpdoeleinden, moet deze in de CSS worden geplaatst in plaats van in de HTML.
- Houd je alt-tags maximaal 125 tekens of minder. Bij het verwoorden van deze uitleg voor slechtzienden, stoppen schermleestools meestal met het lezen van alt-tekst in dit stadium, en knippen ze langdradige alt-tekst af op ongemakkelijke momenten.
- Begin je alt-tags niet met "afbeelding van..." of "afbeelding van..." in plaats van "afbeelding van..." of "Afbeelding van..." Bekijk de definitie van de afbeelding meteen. Schermleessoftware (en trouwens Google) zou het herkennen als een afbeelding in de HTML-broncode van het bericht.
- Maak gebruik van trefwoorden, maar doe dit met mate. Gebruik gewoon het doelzoekwoord van je artikel in je alt-tekst, als dit eenvoudig kan. Als dat niet het geval is, kan je overwegen semantische zoekwoorden te gebruiken. Dit zijn gewoon de meest relevante termen binnen een longtail-zoekwoord. Als het hoofdzoekwoord van je artikel bijvoorbeeld 'hoe schappenplannen te gebruiken' is, kan je 'gebruik van schappenplannen' in je alt-tekst gebruiken in plaats van 'hoe', omdat 'hoe' moeilijk kan zijn om op te nemen in de alternatieve tekst van een afbeelding van nature.
Stop je trefwoord niet in de alt-tekst van elke afbeelding. Neem je trefwoord op in ten minste één van je lichaam foto's als je blogbericht een reeks hiervan bevat. Kies de afbeelding die volgens je het beste bij je onderwerp past en maak er je trefwoord van. Houd je in de omringende media aan meer esthetische details.
Afbeeldingen mogen niet als tekst worden gebruikt. Dit is meer een algemeen SEO-vriendelijk webontwikkelingsprincipe dan een alt-tekst specifieke toepassing. Je moet stoppen met het gebruik van afbeeldingen in plaats van woorden, aangezien zoekmachines geen tekst in afbeeldingen kunnen lezen. Gebruik indien nodig je alt-tekst om te verduidelijken wat je afbeelding betekent.
Alt-tekst toevoegen aan je websiteafbeelding
Nu je het belang van alternatieve tekst als SEO-tool hebt begrepen en hoe je goede alt-tekst kan schrijven, gaan we verder met het toevoegen van alternatieve tekst aan je webafbeeldingen.
Alt-tekst toevoegen aan afzonderlijke afbeeldingen
- Navigeer in je webeditor naar de afbeelding die je wilt bewerken.
- Beweeg je muis over de afbeelding en selecteer 'bewerken'.
- Om je alternatieve tekst toe te voegen, klikt je op 'Alt-tekst toevoegen'.
- "Opslaan" moet worden geselecteerd.
Alt-tekst toevoegen aan afbeeldingen in galerijen
- Ga in je site-editor naar het gedeelte galerij.
- Beweeg je cursor over de afbeelding en selecteer 'bewerken'.
- Om een titel aan je afbeelding toe te voegen, klik je op "titel toevoegen" (alt-tekst).
- Om een beschrijving aan je foto toe te voegen, klik je op 'beschrijving toevoegen'.
- "Opslaan" moet worden geselecteerd.
Het gebruik van afbeeldingen in je artikelen inspireert mensen om ze te lezen, en goed gekozen afbeeldingen helpen je ook om goed te ranken in de zoekresultaten van afbeeldingen door je bericht te ondersteunen. Vergeet echter niet om je foto's sterke alt-attributen aan te bieden: alt-tekst verbetert de boodschap van je artikelen met spiders van zoekmachines en verhoogt de bruikbaarheid van je website
Maak je website!
Een alt-tekst werkt het beste als deze goed is geschreven. Maar waar publiceer je die afbeeldingen, artikelen en blogs die je zojuist hebt gemaakt? Het antwoord is simpel. Maak een website!
Strikingly heeft gratis websitesjablonen om uit te kiezen. Er zijn e-commerce websitesjablonen, muziekwebsite sjablonen, fotografie sjablonen en nog veel meer om uit te kiezen.
Het enige dat je nu hoeft te doen, is degene kiezen die het beste past bij de behoeften, het uiterlijk en het geluid van je bedrijf. Meld je dan binnen enkele minuten gratis aan. Personaliseer tot slot je pagina's door je eigen inhoud en stijl op te nemen.
Je Alt-tekst laten tellen.
Dus, hoe ga je om met het maken van alt-tekst voor je blogposts en webpagina's? Overweeg een eenvoudige controle van je huidige inhoud uit te voeren om te bepalen waar alt-tekst kan worden toegevoegd aan eerder niet-getagde afbeeldingen. Houd in de gaten hoe je organische verkeer verschuift wanneer je nieuwe alt-tags aan de pagina's toevoegt. Hoe meer foto's je verfijnt, hoe effectiever je SEO-strategie wordt. Neem voor meer informatie vandaag nog contact op met onze chatondersteuning!
