Alt-taggar gör stor skillnad för tillgänglighet och kan bidra till bättre SEO. Här är en enkel guide som visar varför de är viktiga och hur du använder dem rätt.
När du publicerar en bild på webben är det lätt att fokusera på hur den ser ut på webbsidan. Men, det som inte syns är minst lika viktigt. Alt-taggar är ett av de där små momenten som ofta glöms bort. Inte för att någon aktivt väljer bort dem, utan för att de kanske känns lite överflödiga. Tills de faktiskt inte är det. För den som använder skärmläsare. För sökmotorer. För tillfällen då bilden av någon oförklarlig anledning inte laddas.
Vad är en alt-tag?
En alt-tag (det vill säga alternativ text) är en kort textbeskrivning som kopplas till en bild i koden. Den används när bilden inte kan visas, men framför allt av skärmläsare som läser upp innehållet för personer med synnedsättning.
Alt-taggen är alltså inte till för designen, utan för göra sidan mer tillgänglig och lättförståelig.
Därför är alt-taggar viktiga för tillgänglighet
För användare som navigerar med skärmläsare är bilder utan alternativ text helt osynliga. En bra alt-tag gör att bilden blir en del av innehållet och inte ett onödigt tomrum.
Exempel:
I stället för att bara säga ”bild” kan skärmläsaren läsa:
”Person som arbetar vid dator i ett ljust kontor”
Det gör innehållet mer inkluderande eftersom det följer tillgänglighetskrav och riktlinjer.
Alt-taggar och SEO – hur hänger det ihop?
Sökmotorer kan inte “se” bilder på samma sätt som vi. Alt-taggar hjälper Google att förstå vad bilden föreställer och hur den hänger ihop med sidans innehåll.
Det betyder inte att varje alt-tag automatiskt ger bättre ranking. Men rätt använda alt-taggar bidrar till en tydligare helhet och kan stärka sidans relevans.
Särskilt viktigt är alt-taggar för bildsök, innehållstunga sidor samt produktsidorna i en e-handel.
Så skriver du en alt-tag
En bra alt-tag är:
- beskrivande – vad visar bilden?
- kort och tydlig – oftast räcker en mening.
- naturlig – skriv som en människa för en människa och skriv inte för Google.
Exempel:
- ❌ “bild1”, “headerbild”, “foto”
- ✅ “Två personer som diskuterar innehåll framför en laptop”
Tänk helt enkelt så här: ”Vad skulle du säga till någon som inte kan se bilden?”
Ska alla bilder ha alt-taggar?
Ja, nästan alltid.
Alt-tagg behövs när:
- bilden tillför information
- bilden förstärker eller förklarar innehållet
- bilden är en del av berättelsen
Alt-tagg kan utelämnas (lämnas tom) när:
- bilden är rent dekorativ
- bilden inte tillför någon betydelse
I de fall som alt-taggen kan utelämnas ska den vara helt tom – alltså inte fylld med irrelevant text, blanksteg eller tom radbrytning.
Alt-taggar är redan inbyggt i ditt CMS
Alt-taggar är inte något tekniskt krångligt som kräver kod eller hjälp från en utvecklare. I dag har i princip alla moderna CMS – som WordPress, WooCommerce, Umbraco och liknande – inbyggt stöd för alt-texter direkt i redaktörsgränssnittet. När du laddar upp en bild eller lägger till den på en sida finns ett tydligt fält där du skriver alt-texten. Klart.
Att arbeta med alt-taggar blir därmed en naturlig del av innehållsarbetet – på samma sätt som att skriva rubriker, brödtext eller bildtexter. En liten insats som ger stor effekt för både tillgänglighet och sökbarhet.
Gör alt-taggen till en vana
Att skriva bra alt-taggar tar sällan mer än några sekunder. Effekten är dock tydlig genom bättre tillgänglighet och tydligare innehåll – alltså en webbplats som är snällare mot både användare och sökmotorer.
Tänk så här: Om bilden är värd att publicera, ja då är den värd att förklara.
FAQ – Vanliga frågor om alt-taggar
-
Vad är en alt-tagg?
-
Varför är alt-taggar viktiga för tillgänglighet?
-
Påverkar alt-taggar SEO?
-
Hur skriver man en bra alt-tagg?
-
Ska alla bilder ha en alt-tagg?
-
Ska man upprepa text som redan finns runt bilden?
