Vad är Alt-text?
Alt text (alternativ text) - även känd som "alt description" eller "alt attribute" - är den skriftliga beskrivningen av bilder på HTML-sidor. Dess främsta syfte är att förbättra tillgängligheten för personer som inte kan se bilder.
Du kommer ofta att höra folk hänvisa till det som "alt-tagg", men det är tekniskt felaktigt. Alt-text är ett attribut som ingår i HTML-taggen.
Hur Alt-text implementeras
Alt-attributet börjar med alt= följt av alt-texten inom citationstecken. Det ser vanligtvis ut så här:
<img src="image.jpg" alt="Bild alt text" title="Bildtitel"/>Varför är Alt-text viktigt?
Tillgänglighet
Att lägga till alt-text till bilder handlar i första hand om att förbättra webbtillgängligheten. Miljontals synskadade användare förlitar sig på skärmläsare för att ta del av innehåll på nätet. För dem är det avgörande att ha en text som motsvarar den visuellt visade informationen. Utan alt-text kan skärmläsare inte förmedla innehållet i bilden, vilket skadar användarupplevelsen.
Fördelar med SEO
Alt-text spelar också en roll i SEO. Alt-attributen är inte synliga för användarna, men de kan läsas av sökmotorer och skärmläsare. Texten hjälper sökmotorerna att förstå bildens innehåll. Detta ger bilden en semantisk innebörd, vilket förbättrar sidans aktuella relevans i Googles ögon och potentiellt kan hjälpa den att rankas högre.
Dessutom kan alt-text förbättra dina chanser att rankas i Google Bilder, vilket ger en ytterligare trafikkälla för din webbplats. När bilder används som länkar fungerar alt-texten som ankartext och hjälper Google att förstå innehållet på den länkade sidan.
Bästa praxis för Alt-text
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 SEO-ansträngningar. Här är några bästa metoder att tänka på:
1. Granska din webbplats för att hitta saknade Alt-texter
Börja med att kontrollera om det saknas alt-texter. Använd ett onlineverktyg som kan genomsöka din webbplats för att hitta bilder med saknade eller tomma alt-texter. Verktyg som Google Search Console och olika SEO-granskningsverktyg kan hjälpa till med den här uppgiften.
Alla bilder behöver inte alt-text. Dekorativa bilder kan lämnas utan, eftersom de inte ger något meningsfullt innehåll och kan ignoreras av skärmläsare. Fokusera på dina mest besökta sidor som driver mycket organisk trafik.
2. Undvik fyllning av nyckelord
Alt-texten kan innehålla relevanta nyckelord för att förbättra SEO, men det är viktigt att använda informativ och värdefull text som stämmer överens med sidans innehåll. Undvik att fylla texten med nyckelord, eftersom Google avråder från detta och det kan ses som oetiskt och ineffektivt.
Använd nyckelord sparsamt och bara där de naturligt passar in i beskrivningen.
3. Håll det under 100 tecken
Alt-texten består vanligtvis av ett enda ord eller en kort fras. Functionality Accessibility Evaluator föreslår att alt-texter inte ska vara mer än 100 tecken långa. Detta ger dig tillräckligt med utrymme för att optimera din alt-text, men se till att du inte skriver långdragna beskrivningar som kan avbrytas av skärmläsningsverktyg.
Exempel
Här är ett exempel på en välskriven alt-text för en bild av en golden retriever som leker apport i en park:
<img src="golden-retriever.jpg" alt="Golden retriever som leker apport i en solig park" title="Golden retriever"/>Genom att följa dessa bästa metoder kan du göra din webbplats mer tillgänglig för alla användare och stödja din övergripande SEO-strategi.
Mer information om webbtillgänglighet och bästa praxis för SEO finns i auktoritativa källor som WCAG (Web Content Accessibility Guidelines) och Googles SEO Starter Guide.
