Vad är alt-text?
Alt-text (alternativ text) – även känd som ”alt-beskrivning” eller ”alt-attribut” – är den skrivna beskrivningen av bilder på HTML-sidor. Dess huvudsyfte är att förbättra tillgängligheten för personer som inte kan se bilder.
Du kommer att höra människor hänvisa till det som ”alt-tag”, men det är tekniskt sett fel. Alt-texten är attributet som finns inom HTML-taggen.
Alt-attributet börjar med ”alt=” följt av alt-texten inom citationstecken. Det ser vanligtvis ut så här:
Varför är alt-text viktig?
Att lägga till alt-text till bilder handlar först och främst om att förbättra webbtillgängligheten. Miljontals synskadade användare använder skärmläsare när de konsumerar online-innehåll – och för dem är det avgörande att ha den textbaserade motsvarigheten till den visuellt visas informationen.
Annars finns det ingen möjlighet för en skärmläsare att förmedla bildens innehåll, vilket kan skada användarupplevelsen.
Alt-text har också en roll i SEO.
För att förstå hur det bidrar till SEO bör du veta att alt-attribut inte är synligt för användarna, men kan ses av sökmotorer eller skärmläsare. Texten hjälper sökmotorn att förstå bildens innehåll.
Så, förutom att ge en ren beskrivning av en bild, lägger alt-texten även till semantisk mening – vilket kan förbättra sidans ämnesrelevans i Googles ögon och hjälpa den att ranka högre.
SEO-fördelarna med alt-text blir också tydliga när det gäller ranking i Google Bilder – vilket kan vara en ytterligare källa till trafik för din webbplats.
Slutligen kan alt-texten vara en viktig del av länkar i/din innehåll. Om du beslutar att använda bilder som länkar kommer alt-texten att fungera som ankartext för den länken och hjälpa Google att förstå vad den länkade sidan handlar om.
Bästa praxis för alt-texter
Att lägga till alt-text till bilder är ett enkelt sätt att göra dina sidor mer tillgängliga och stödja dina andra SEO-ansträngningar. Att optimera dina bilder och skriva effektiva alt-texter är inte svårt, särskilt om du använder ett modernt CMS som WordPress.
Här är vad du bör tänka på:
- Granska din webbplats för saknade ankartexter: Du bör först kontrollera efter saknade alt-texter, och det bästa sättet att gå tillväga är att använda ett onlineverktyg som kan crawla din webbplats och hitta bilder som saknar eller har tomma alt-texter. Du behöver dock inte lägga till alt-text till varje bild på din webbplats. Stressa inte över varje enskild bild som saknar ett alt-attribut. Fokusera istället på dina mest besökta sidor som redan genererar mycket organisk trafik.
- Fyll inte alt-texter med nyckelord: Alt-texten kan – och bör faktiskt – inkludera relevanta nyckelord som skulle förbättra din webbplats SEO. Med det sagt bör du ändå se till att använda information som är rik på information, värdefull text som är i linje med och relevant för sidans innehåll. Med andra ord, undvik att överfylla med nyckelord. Lägg inte in så många nyckelord som möjligt och hoppas att det kommer att hjälpa dig att ranka bättre. Denna praxis är starkt avrådd och enligt Google är det oetiskt och ineffektivt.
- Håll det under 100 tecken: Oftast består alt-texter av ett enda ord – eller kanske en fras. Men det är värt att notera att Functionality Accessibility Evaluator föreslår att alt-texter inte bör vara längre än 100 tecken – och 100 tecken kan ibland motsvara en eller två meningar. Du har mer än tillräckligt med ”utrymme” för att optimera din alt-text. Medan du kan – och bör – utnyttja det till din fördel, se till att du inte skriver långdragna beskrivningar som kan bli avskurna av skärmläsarverktyg.
Det är några bästa praxis för att använda alt-texter på ditt webbinnehåll.