Alt text: så skriver du bra alt-texter till bilder

Alt text skrivs i koden och ser ut så här: <img src="regnjacka-svart.jpg" alt="Svart regnjacka med huva för herr">. Alt-texten visas inte på sidan, men den läses upp av skärmläsare för blinda och synsvaga, och den visas om bilden inte kan hämtas. I vardagligt tal kallas den ofta alt-tag, men tekniskt är det ett attribut på bilden. Därför används även benämningen alt attribut. Alla tre orden betyder samma sak.

Varför är alt text viktig för SEO?

Google har blivit bättre på att förstå bilder, men alt-texten är fortfarande en av de tydligaste signalerna om vad en bild visar. Det har betydelse för synligheten i Google Bilder och i de bildblock som ofta står i de vanliga sökresultaten. För en webbutik kan det skicka trafik direkt till produktsidor. Textbaserade AI-crawlers läser också alt-texten när de går igenom en sida. När en bild är en länk fungerar alt-texten dessutom som ankartext för länken.

Lika viktig är tillgängligheten. Offentliga sajter i Sverige omfattas av krav på digital tillgänglighet, och med EU:s tillgänglighetsdirektiv gäller krav från juni 2025 även många webbutiker och digitala tjänster. Alt text är en av de enklaste delarna av det arbetet. Skriv den så att en användare med skärmläsare får samma information som den som kan se bilden. Det är det enklaste testet av om texten är tillräckligt bra.

Så skriver du en bra alt text

Beskriv det bilden faktiskt visar, som om du förklarade det i telefon.
Var konkret: "Ekbord med sex stolar i ett ljust vardagsrum" säger mer än "matbord".
Använd sökordet när det passar naturligt, och bara en gång.
Håll den kort. En mening räcker oftast.
Hoppa över "bild av" och "foto av". Skärmläsaren berättar redan att det är en bild.

För produktbilder kan du med fördel ta med produktnamn, färg, material och vinkel. För bilder i artiklar beskriver du det som är viktigt för poängen i texten, till exempel vad ett diagram visar eller vilket steg i en guide bilden illustrerar.

När ska alt-texten vara tom?

Rent dekorativa bilder, till exempel bakgrundsmönster, avdelare och ikoner bredvid en text som säger samma sak, ska ha ett tomt attribut: alt="". Då hoppar skärmläsaren över dem. Attributet ska ändå finnas. Saknas det helt läser vissa skärmläsare upp filnamnet i stället.

Vanliga fel

Det vanligaste felet är att fylla alt-texten med sökord, till exempel "billiga skor herrskor skor online". Det hjälper varken användare eller placeringar och gränsar till keyword stuffing. Ett annat fel är att alla produktbilder får samma alt text som produktnamnet, trots att de visar olika vinklar och färger. Skriv hellre "Svart regnjacka sedd bakifrån" på bild nummer två. Alt text är en liten men fast del av bra on-page SEO, och vår guide till Shopify SEO visar var du redigerar den i en Shopify-butik.

Frågor om Alt text

Vad är alt text?

Alt text är en kort beskrivning av en bild som skrivs i bildens alt-attribut i koden. Den visas inte på sidan, men läses upp av skärmläsare och visas om bilden inte kan laddas. Sökmotorer använder den för att förstå vad bilden visar. Den kallas också alt-tag eller alt attribut.

Hjälper alt text för SEO?

Ja. Alt-texten är en av de tydligaste signalerna om vad en bild visar, och den har betydelse för synligheten i Google Bilder. Den stärker också sidans samlade relevans för ämnet. Effekten är störst på webbutiker och sidor med många bilder, där bildsök kan skicka kunder direkt till produktsidorna.

Hur lång får en alt text vara?

Google har ingen fast gräns, men kort och exakt fungerar bäst. En enda mening räcker oftast för att beskriva bilden. Långa texter blir tunga att lyssna på för användare med skärmläsare. Behöver bilden en längre förklaring, till exempel ett diagram, skriv den i brödtexten bredvid.

Vad är skillnaden mellan alt text och bildtext?

Bildtexten står synligt under bilden och läses av alla besökare. Alt-texten ligger i koden och är avsedd för skärmläsare och sökmotorer. De två kan gärna komplettera varandra: bildtexten ger sammanhang eller en poäng, medan alt-texten beskriver vad bilden konkret visar.

Alt text (alt-tag)