SevirantaSkriva alt-texter som fungerar — för skärmläsare och för SEO
5 juni 2026
Kort svar. En bra alt-text beskriver med några få ord vad en bild visar och
varför den finns där. Det gör dina produktbilder läsbara för personer som
använder skärmläsare — och det hjälper Google och AI att förstå dina bilder. En
liten mening, dubbel vinst. Dekorativa bilder får en tom alt (alt="");
informativa bilder får en kort, konkret beskrivning.
Vad är en alt-text egentligen?
Alt-texten (alt-attributet) är den textbeskrivning av en bild som ligger i din
HTML. En skärmläsare läser upp den när en blind eller synskadad besökare kommer
till bilden. Saknas alt-texten hör besökaren bara "bild" — eller värre, ett
oläsligt filnamn som IMG_48392_final.jpg. Vid en produktbild hoppar en sådan
kund av direkt, ofta precis i kassan.
Hur skriver du en bra alt-text?
Tre enkla regler, så sitter det:
- Beskriv produkten, inte stämningen. Börja med den sakliga beskrivningen och hoppa över "foto av…" eller "bild på…" — skärmläsaren annonserar redan att det är en bild.
- Skilj informativt från dekorativt. En produktbild, ett diagram eller en
banner får en kort beskrivning. En dekorlinje eller bakgrundsform får en
tom alt (
alt=""), så att skärmläsaren hoppar över den — lugnare för användaren. - Stoppa inte in sökord. Skriv för människan; sökmotorer anno 2026 känner igen fullproppade alt-texter som spam och straffar dem. Naturligt språk vinner, både för besökaren och för algoritmen.
Från svagt till starkt, med en damväska i läder som exempel:
- Dåligt:
alt="fin väska"— subjektivt och vagt. - Halvbra:
alt="bild på en väska"— onödigt "bild på", ingen detalj. - Bra:
alt="Brun damväska i läder med justerbar axelrem"— konkret och användbart.
Ett exempel från verkligheten: en säck hundfoder
| Alt-text | Vad kunden och Google upplever |
|---|---|
| Ingen alt | Skärmläsaren läser upp filnamnet; Google missar sammanhanget. |
alt="produkt" | För vagt — kunden vet fortfarande inte vad det är. |
alt="Säck torrfoder för vuxna hundar, 12 kg, med kyckling" | Den blinda kunden vet exakt vad hen köper; Google indexerar sidan korrekt. |
Var lägger du in alt-texter i din nätbutik?
I de flesta plattformar behöver du inte gräva i koden; det finns ett inbyggt fält:
- Shopify: produkt → media → "redigera alt-text".
- WooCommerce / WordPress: Media → klicka på bilden → fältet "Alternativ text".
Prioriteringstips: börja inte med alla dina tusentals produktsidor. Ta först dina startsidesbanners, dina navigationsikoner och dina 10 bäst säljande produkter — där är effekten på din konvertering störst. Detta är för övrigt ett av de 10 vanligaste tillgänglighetsfelen, så chansen är stor att du har något att hämta här.
Dyker dina produkter då också upp i AI-sökresultat?
Ja — och det är bonusen. Eftersom Google och AI-motorer (som ChatGPT och Perplexity) inte kan "se" bilder, lutar de sig helt mot texten runtomkring. Frågar en konsument en AI-motor "vilket är det bästa torrfodret med kyckling för min hund?", letar den efter källor som beskriver produkten sakligt. Bra alt-texter ökar alltså dina chanser att synas i bildsökresultat och i AI-svar. Det är samma princip som i tillgänglighet = SEO: samma fix, dubbel vinst.
Se var alt-texter saknas
Vill du veta vilka bilder på din webbplats som fortfarande saknar alt-text? Skanna en sida gratis. Du ser per fynd vilka bilder som saknar text och hur du löser det — på under 60 sekunder, utan konto.