Asterisk - Unusually Webflow Template
Kunskapsbanken —
Kunskapsbanken —
Kunskapsbanken —
Kunskapsbanken —
Kunskapsbanken —
Kunskapsbanken —
Publiceringsdatum:
29/5/2026
Senast ändrad:
30/5/2026

Alt-text (alt-attribut) – bild-SEO, tillgänglighet och hur du skriver bra alternativtext

Definition

Alt-text (alternativtext) är textbeskrivningen som läggs till en bild i HTML via alt-attributet. Den läses upp av skärmläsare, visas om bilden inte laddas och hjälper sökmotorer att förstå bildens innehåll – viktig för både tillgänglighet och SEO.

Vad är alt-text?

Alt-text, eller alternativtext, är den beskrivande text som anges i en bilds alt-attribut i HTML-koden. Den fyller tre funktioner: skärmläsare läser upp den för personer med synnedsättning, den visas som reservtext om bilden inte kan laddas, och den hjälper sökmotorer att tolka vad bilden föreställer. Alt-text är därför både ett tillgänglighets- och ett SEO-verktyg.

Varför är alt-text viktig för tillgänglighet?

För den som använder skärmläsare är alt-texten ofta enda sättet att uppfatta en bilds innehåll. Därför är den ett uttryckligt krav i WCAG: framgångskriterium 1.1.1 (Icke-textuellt innehåll, nivå A) kräver att meningsbärande bilder har ett textalternativ. Enligt W3C WAI ska texten förmedla bildens syfte i sitt sammanhang. För svenska företag är detta dessutom en lagfråga sedan tillgänglighetsdirektivet trädde i kraft – läs mer i Tillgänglighetsdirektivet – så påverkas din webbplats av lagen.

Hur påverkar alt-text SEO?

Alt-text ger sökmotorer kontext om bilder, vilket är avgörande för ranking i Google Bilder och bidrar till förståelsen av sidan som helhet. Enligt Google Search Central bör alt-texten vara beskrivande och relevant snarare än fylld med sökord. Välskriven alt-text stärker även on-page-seo genom att förtydliga sidans ämne.

Vidare ger det ett indirekt SEO-värde. Ju bättre tillgänglighetsanpassad din sida är, desto bättre förtroende för Google. Och, bättre användarupplevelse för användare (i detta fall de som använder skärmläsare) leder till bättre engagemangssignaler till Google -> indirekt bättre SEO.

Hur skriver man bra alt-text?

En bra alt-text beskriver bildens innehåll och funktion kort och konkret, anpassat till sammanhanget på sidan.

  • Var specifik – "Stapeldiagram över försäljningen 2025. Q4 visar en rekordökning på 40 % efter lanseringen av den nya appen." säger mer än "Diagram över försäljningen".
  • Hoppa över "bild på" och "foto av" – skärmläsaren meddelar redan att det är en bild.
  • Väv in sökord naturligt – bara när det är relevant, aldrig keyword stuffing.
  • Håll det kort och koncist – långa beskrivningar läses upp i sin helhet av skärmläsare.
  • Anpassa till kontexten – samma bild kan behöva olika alt-text på olika sidor.

När ska en bild ha tom alt-text?

Rent dekorativa bilder – mönster, utfyllnad eller bilder vars innehåll redan beskrivs i den omgivande texten – ska ha ett tomt alt-attribut (alt=""). Då hoppar skärmläsaren förbi bilden istället för att läsa upp ett distraherande filnamn. Men utelämna aldrig attributet helt: vissa skärmläsare läser då upp bildens URL istället. Tomt värde är ett medvetet val, saknat attribut är ett fel.

Innehållet i detta inlägg

Redo att ta nästa steg?

Nu när du lärt dig mer om Alt-text kanske du känner dig nyfiken på vad ditt nästa steg borde vara.

Vi står alltid till tjänst och svarar gärna på frågor och funderingar!

Boka ett intro möte

utforska mer termer inom webbdesign & SEO

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.