Vad är ALT-text?
ALT-text, eller alternativ text, är en kort beskrivning av en bild på en webbsida. Den används för att förklara vad bilden visar för sökmotorer och för personer med synnedsättning, för att få innehållet uppläst. Den gör webben mer tillgänglig och hjälper både användare och SEO.
Varför är ALT-text viktig?
ALT-text är viktig av två huvudskäl: tillgänglighet och SEO.
För personer med synnedsättning gör ALT-text att bilder kan tolkas via skärmläsare. ALT-texten läses upp och på så sätt kan den synskadade personen ändå förstå vad bilden visar.
För sökmotorer hjälper ALT-texten Google att förstå vad en bild föreställer. Eftersom sökmotorer inte kan “se” bilder själva, blir texten en viktig signal för att kunna indexera sidan korrekt.
Hur skriver man bra ALT-text?
En bra ALT-text är enkel, tydlig och beskriver bilden så konkret som möjligt. Tänk på detta:
- Beskriv vad som faktiskt syns i bilden
- Håll texten kort, helst en mening
- Undvik onödiga ord som “bild av” eller “foto på”
- Anpassa texten efter sidans sammanhang
Exempel:
- Dålig ALT-text: “bild1.jpg”
- Bra ALT-text: “röd löparsko på vit bakgrund”
Det viktigaste är att tänka på syftet: texten ska kunna läsas upp för en person med synnedsättning som inte kan se bilden. Fråga dig själv, hur hade jag kort förklarat bilden om någon inte kunde se den?
Sökord kan vara bra att ha med ur SEO-syfte, men främst om de passar naturligt in i beskrivningen.
Hur lägger man till ALT-text?
När du ska lägga till ALT-text gör du det i bildens inställningar på din plattform, till exempel WordPress, Wix eller Shopify. Du skriver en kort beskrivning av bilden i fältet “ALT-text” eller “alternativ text” när du laddar upp bilden eller redigerar den.
Här är hur det brukar fungera i de vanligaste typerna av hemsidor:
Lägg till ALT-text i WordPress
- Ladda upp eller klicka på en bild i mediabiblioteket
- På höger sida ser du fältet “ALT-text (alternativ text)”
- Skriv din beskrivning där och spara
ALT-texten följer sedan bilden när du använder den i inlägg eller på sidor.
Lägg till ALT-text i Wix
- Klicka på bilden i editorn
- Välj Settings (Inställningar)
- Leta upp Alt text
- Skriv din beskrivning och spara
Lägg till ALT-text i Shopify
- Gå till Products (Produkter)
- Klicka på en produktbild
- Välj Add alt text
- Skriv beskrivningen och spara
Ett tips! Det bästa är att alltid ha som vana att lägga till en ALT-text när du lägger upp en ny bild på din webbplats. Det kan bli tidskrävande längre fram om du ska gå igenom alla dina bilder på hemsidan och lägga till ALT-text i en omgång.
Hur lång ska en ALT-text vara?
ALT-text ska vara så kort som möjligt men ändå tillräckligt tydlig för att beskriva vad bilden visar. Oftast räcker en kort mening, ungefär 5 till 15 ord eller upp till cirka 125 tecken. Fokus ska alltid vara på att förklara bilden enkelt och konkret, inte att skriva en lång beskrivning.
I praktiken betyder det att du ska:
- få med det viktiga i bilden undvika onödiga detaljer
- skriva som en snabb förklaring, inte en text
En bra tumregel är att om du behöver mer än en mening, då är ALT-texten troligen för lång eller för detaljerad.
Det finns ingen exakt regel för längd i HTML, men skärmläsare brukar klippa av längre ALT-texter eller göra dem svårare att följa. Därför fungerar korta och tydliga beskrivningar bäst både för tillgänglighet och SEO.
Exempel på bra längd på ALT-text: “röd löparsko på vit bakgrund”
Exempel på för lång ALT-text: “en röd löparsko från ett känt sportmärke som står på en vit bakgrund i ett studiofoto med mjuk belysning”
Vanliga frågor om ALT-text
Måste alla bilder ha ALT-text?
Nej, du ska egentligen bara sätta ALT-text på bilder som tillför innehåll. Dekorativa bilder kan ha tom ALT-text.
Påverkar ALT-text SEO?
Ja, den hjälper Google att förstå bilder och kan bidra till bättre synlighet i bildsök. Google lägger numera stor vikt vid tillgänglighetsanpassning, där ALT-text är viktigt för synskadade.
Vad händer om man inte har ALT-text?
Om en bild saknar ALT-text kan inte skärmläsare förklara bilden för personer med synnedsättning. Dessutom missar sökmotorer en viktig signal om vad bilden visar vilket kan påverka SEO negativt.
Vad är skillnaden mellan ALT-text och bildtext?
ALT-text läses av skärmläsare och används av sökmotorer. Bildtext syns däremot direkt på sidan under bilden för alla besökare.
Är ALT-text, ALT-tagg, ALT-attribut och ALT-beskrivning samma sak?
Ja, det är samma sak. Det är bara olika sätt att benämna det. Men ALT-text är det vanligaste begreppet och det som används i de flesta verktyg och plattformar.
