Alt text (alternatieve tekst), ook bekend als “alt attributen”, “alt descriptions”, of technisch onjuist als “alt tags,” worden gebruikt in een HTML-code om het uiterlijk en de functie van een afbeelding op een pagina te beschrijven.
Alt tekst gebruikt:
1. Het toevoegen van alternatieve tekst aan foto ‘ s is in de eerste plaats een principe van webtoegankelijkheid. Visueel gehandicapte gebruikers die schermlezers gebruiken, krijgen een alt-attribuut om een afbeelding op de pagina beter te begrijpen.
2., Alt-tekst wordt weergegeven in plaats van een afbeelding als een afbeeldingsbestand niet kan worden geladen.
3. Alt tekst bieden betere beeld context / beschrijvingen om zoekmachine crawlers, hen te helpen om een afbeelding goed te indexeren.
de gemarkeerde tekst toont de alt-tekst (alt-attribuut) van de afbeelding links.
het beste formaat voor alt text is voldoende beschrijvend, maar bevat geen spammy pogingen om trefwoord te vullen., Als je je ogen kunt sluiten, iemand de alt-tekst aan je kunt laten voorlezen en je een redelijk accurate versie van het beeld kunt voorstellen, ben je op het juiste spoor.
laten we eens kijken naar een paar voorbeelden van alt-tekst voor deze afbeelding van een heerlijk uitziende stapel bosbessenpannenkoeken:
deze alt-tekst is alleen “ok” omdat het niet erg beschrijvend is. Ja, Dit is een afbeelding van een stapel pannenkoeken. Maar, er is meer te zeggen over dit beeld.,
goed:
<img src="https://moz.com/learn/seo/pancakes.png" alt="Stack of blueberry pancakes with powdered sugar">
deze alt-tekst is een beter alternatief omdat het veel beter beschrijft wat er in de afbeelding staat. Dit is niet alleen een stapel “pannenkoeken” (zoals het eerste alt-tekstvoorbeeld aantoonde); het is een stapel bosbessenpannenkoeken met een afstoffen van poedersuiker!
<img src="https://moz.com/learn/seo/pancakes.png" alt="pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe">
geen van deze voorbeelden wordt aanbevolen., De eerste regel code bevat eigenlijk helemaal geen alt-tekst (merk op dat de aanhalingstekens leeg zijn), terwijl het tweede voorbeeld keyword vulling in alt-tekst demonstreert.
Waarom is Alt-tekst belangrijk?
toegankelijkheid
Alt-tekst is een principe van toegankelijk webdesign. Het oorspronkelijke (en nog steeds primaire) doel is om beelden te beschrijven aan bezoekers die ze niet kunnen zien. Dit geldt ook voor schermlezers en browsers die afbeeldingen blokkeren, maar het omvat ook gebruikers die slechtzienden zijn of anderszins niet in staat zijn om een afbeelding visueel te identificeren., Het opnemen van alt-tekst met uw afbeeldingen zorgt ervoor dat alle gebruikers, ongeacht het visuele vermogen, de inhoud op uw site kunnen waarderen.
Image SEO
het gebruik van alt-tekst op uw afbeeldingen kan zorgen voor een betere gebruikerservaring, maar het kan ook helpen om zowel expliciete als impliciete SEO-voordelen te verdienen. Samen met de uitvoering van afbeelding titel en bestandsnamen best practices, met inbegrip van alt-tekst kan ook bijdragen aan image SEO.,
hoewel de beeldherkenningstechnologie van de zoekmachine in de loop der jaren sterk is verbeterd, kunnen zoekkrawlers de afbeeldingen op een website nog steeds niet “zien” zoals wij dat kunnen, dus is het niet verstandig om de interpretatie alleen in hun handen te laten. Als ze niet begrijpen, of krijgen het verkeerd, is het mogelijk dat je ofwel rang voor onbedoelde zoekwoorden of missen op ranking helemaal.
Hier is een voorbeeld: Google zou de volgende afbeelding kunnen zien en in staat zijn om te ontcijferen dat het een man is met een stropdas en een bril, zittend aan een bureau.,
Jim Halpert van The Office (US version)
Als u probeert te rangschikken voor” Jim Halpert ’s imitatie van Dwight Schrute”, moet u de zoekmachine echter een handje helpen.
in die zin biedt alt text u een andere mogelijkheid om uw trefwoord doel toe te voegen., Met on-page keyword gebruik nog steeds trekken gewicht als een zoekmachine ranking factor, is het in uw beste belang om alt-tekst die zowel beschrijft de afbeelding en, indien mogelijk, bevat een trefwoord of trefwoord zin die u targeting.
Hoe schrijf ik goede alt-tekst?
Beschrijf de afbeelding zo specifiek mogelijk. Alt tekst is, in de eerste plaats, ontworpen om tekst uitleg van beelden voor gebruikers die niet in staat zijn om ze te zien. als een afbeelding echt geen betekenis/waarde heeft en er alleen voor ontwerpdoeleinden is, moet het binnen de CSS leven, niet HTML.,
houd het (relatief) kort. De meest populaire schermlezers afgesneden alt-tekst op ongeveer 125 tekens, dus het is raadzaam om het te houden aan dat aantal tekens of minder.
Gebruik uw zoekwoorden Alt text biedt u een andere mogelijkheid om uw doel zoekwoord op een pagina op te nemen, en dus een andere mogelijkheid om zoekmachines aan te geven dat uw pagina zeer relevant is voor een bepaalde zoekopdracht., Terwijl uw eerste prioriteit zou moeten zijn het beschrijven en het verstrekken van context aan de afbeelding, als het zinvol is om dit te doen, voeg uw trefwoord in de alt-tekst van ten minste één afbeelding op de pagina.
vermijd het vullen van trefwoorden. Google zal niet dock je punten voor slecht geschreven alt-tekst,maar je zult in de problemen als u uw alt-tekst te gebruiken als een kans om zo veel relevante zoekwoorden als je kunt bedenken in het. Focus op het schrijven van beschrijvende alt-tekst die context biedt aan de afbeelding en indien mogelijk, omvat uw doel zoekwoord, en laat het op dat.
gebruik geen afbeeldingen als tekst., Dit is minder van een alt tekst-specifieke best practice en meer van een algemene SEO-vriendelijke web development principe. Omdat zoekmachines geen tekst in uw afbeeldingen kunnen lezen, moet u voorkomen dat u afbeeldingen in plaats van woorden gebruikt. Als u dit moet doen, leg dan uit wat uw foto zegt in uw alt-tekst.
geen “image of,” “picture of,” etc. in je alt tekst. Het is al aangenomen dat je alt tekst verwijst naar een afbeelding, dus er is geen noodzaak om het te specificeren.
vergeet longdesc= “” niet. Verken het gebruik van de longdesc = “” tag voor meer complexe afbeeldingen die een langere beschrijving vereisen.,
verwaarloos formulierknoppen niet. Als een formulier op uw website gebruik maakt van een afbeelding als het “submit” knop, geef het een alt attribuut. Afbeeldingsknoppen moeten een alt-attribuut hebben dat de functie van de knop beschrijft, zoals “zoeken”, “nu toepassen”, “aanmelden”, enz.
Beter alt-tekst: <img src="https://moz.com/learn/seo/kwe.png" alt="keyword research in Keyword Explorer">
Beste alt-tekst: <img src="https://moz.com/learn/seo/kwe.png" alt="Moz Keyword Explorer tool for SEO keyword research">
Blijven leren
Google-Afbeelding Publiceren van Richtlijnen
Op Pagina Ranking Factoren
Meta Beschrijving
uw vaardigheden om te werken
De Pagina Optimalisatie afdeling van Moz Pro hoogtepunten pagina ‘ s die niet van het leven tot aan de volledige zichtbaarheid in zoekmachines potentiële (en omvat zaken als de vraag of een pagina ontbreekt alt-tekst)., Probeer het >>
