Alt-text (alt-attribut) – bild-SEO, tillgänglighet och hur du skriver bra alternativtext
Definition
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.