Alt-text: SEO-guiden som de flesta bloggar gör fel

Alt-text (kort för ”alternativ text”) är en kort textbeskrivning av en bild. Den har två viktiga uppgifter: den hjälper sökmotorer att förstå och indexera bilder, och den gör det möjligt för synskadade användare att förstå vad bilden visar. Ändå gör de flesta webbplatser fel med alt-text. Antingen hoppar de över den helt eller skriver meningslösa beskrivningar som ”image1.jpg” eller ”skärmbild”. Det skapar hinder för tillgängligheten och missar SEO-möjligheter.

År 2026 spelar alt-text större roll än någonsin, eftersom bildsökning växer och Google allt oftare använder bilder och visuellt innehåll som rankingsignaler. Dessutom blir tillgänglighet ett juridiskt och etiskt krav. Till sist använder AI-system bildbeskrivningar för att förstå sammanhang och relevans. Bra alt-text tjänar alla dessa mottagare: sökmotorer, synskadade användare och AI-system. Den här guiden visar hur du skriver alt-text på rätt sätt.

Vad alt-text är och varför den spelar roll

Web.dev förklarar att alt-text tjänar flera mottagare: sökmotorer, skärmläsare för tillgänglighet och webbläsare när bilder inte laddas. När en bild inte laddas på grund av dålig uppkoppling eller en trasig länk visar webbläsaren alt-texten i stället för bilden. Skärmläsare läser upp alt-text för synskadade användare. Google använder alt-text för att förstå bilder och matcha dem mot sökfrågor.

Ur SEO-perspektiv hjälper alt-text Google att förstå bilderna i ditt innehåll och förbättrar sidans relevans och heltäckning. En sida om ”recept på chokladkaka” med relevanta bilder som beskrivs på rätt sätt hjälper Google att förstå att sidan är auktoritativ inom ämnet. Googles riktlinjer för bilder i sökning förklarar hur alt-text påverkar indexeringen och visningen av bilder i Google Bilder.

Skillnaden mellan alt-text och bildtitlar

Alt-text är ett HTML-attribut som beskriver bilden. Bildtitel är ett separat attribut som brukar visas som en informationsruta när användare för musen över en bild. Många webbplatser blandar ihop dem. Alt-text ska beskriva bildens innehåll. Titeln kan vara mer kreativ eller humoristisk, men det rekommenderas inte. Exempel: alt-text för en skärmbild: ”Skärmbild som visar Soranks instrumentpanel med data om AI-omnämnanden.” Titel: ”Kontrollera dina AI-citeringar i realtid.”

Ta alltid med alt-text. Titel är valfritt. Vissa webbplatser har båda, andra bara alt-text. För tillgänglighet och SEO är alt-text det som räknas. Prioritera alt-text. Om du bara kan lägga till ett attribut, lägg till alt-text.

Så skriver du effektiv alt-text

Skriv alt-text som en kort, beskrivande mening som säger vad bilden visar och vilket sammanhang den har på sidan. Var konkret. ”En skärmbild” är vagt. ”Skärmbild av Soranks GEO-instrumentpanel som visar AI-omnämnanden i ChatGPT, Gemini och Claude” är konkret och beskrivande. Beskriv motiv, handling och sammanhang.

Använd 100 till 125 tecken när det är möjligt. En mening räcker oftast. Ta med ditt målsökord om det passar naturligt utan att låta krystat. ”Bästa praxis för title-taggar, skärmbild” fungerar om texten handlar om title-taggar. Om bilden är dekorativ (en avdelningslinje, en bakgrundsbild, en punktikon) använder du tom alt-text: `alt=""` så att skärmläsare hoppar över den. Dekorativa bilder ska inte ta plats i alt-textströmmen.

Alt-text för olika bildtyper

Skärmbilder och diagram: ”Skärmbild av [verktyg/gränssnitt] som visar [vad det visar].” Exempel: ”Skärmbild av Google Search Console som visar data om Core Web Vitals.” Diagram och grafer: Beskriv data och trend. ”Stapeldiagram som jämför sidladdningstider för 5 populära CMS-plattformar, där WordPress är långsammast och Webflow snabbast.” Infografik: Ge en kort sammanfattning. ”Infografik som visar de 7 stegen i SEO-processen, från sökordsanalys till mätning av resultat.”

Fotografier: ”Foto av [motiv] [gör/visar vad].” Exempel: ”Foto av en utvecklare som granskar kod på flera skärmar.” Logotyper: Bara varumärkesnamnet. ”Soranks logotyp.” Ikoner: Beskriv deras syfte. ”Grön bockikon som visar att något är klart.” Produktbilder: ”Soranks GEO-instrumentpanel på en laptopskärm.”

Sökordsoptimering i alt-text

Ta med ditt målsökord i alt-texten om det passar naturligt. Om du skriver en artikel om ”optimering av title-taggar” och din bild visar ett exempel på en title-tagg, ta med sökordet naturligt: ”Exempel på title-tagg som visar bästa praxis för längd och placering av sökord.” Det hjälper Google att förstå relevansen för både bilden och sidan.

Tvinga dock aldrig in sökord på ett onaturligt sätt. ”Title-tagg optimering title-tagg optimering title-tagg skärmbild” är nyckelordsspam och skadar läsbarheten och användarupplevelsen. Prioritera tydlighet för människor. Om sökorden inte passar naturligt, hoppa över dem. Googles riktlinjer för webbansvariga rekommenderar att man fokuserar på hjälpsam alt-text i stället för sökordsoptimering. Den algoritmiska nyttan av naturliga sökord är liten jämfört med nyttan av bra beskrivningar för tillgänglighet och tydlighet.

Alt-text och rankingen i bildsökning

Google Bilder är en stor trafikkälla. Optimering av alt-text kan öka din synlighet i bildsökresultaten i Google. Googles riktlinjer för bilder förklarar hur alt-text påverkar indexeringen och rankingen av bilder. Bilder med beskrivande alt-text är mer benägna att indexeras och rankas högt vid relevanta bildsökningar. För sökningar som ”exempel på title-taggar” eller ”SEO-checklista” visas bildresultat bredvid webbresultaten. En väloptimerad bild med bra alt-text kan ge betydande trafik från bildsökning.

Relevanta sökord i alt-texten hjälper Google att matcha din bild mot sökfrågor. En skärmbild av en SEO-instrumentpanel med alt-texten ”Gratis instrumentpanel för SEO-granskning som visar rankingar och sökordsuppföljning” rankas för ”SEO-instrumentpanel”, ”verktyg för SEO-uppföljning” och närliggande sökord. Det breddar dina trafikkällor utöver vanliga webbsökningar.

Vanliga misstag med alt-text

Misstag 1: Tom eller saknad alt-text. Varje bild ska ha alt-text om den inte är helt dekorativ. Misstag 2: Alt-text som upprepar bildtexten. Om en bild har en bildtext under sig behöver alt-texten inte upprepa bildtexten. Lägg till sammanhang eller detaljer som bildtexten inte har. Misstag 3: Nyckelordsspam. ”Title-tagg optimering nyckelord SEO bästa praxis title-taggar” är spam.

Misstag 4: För lång. Mer än 125 tecken är oftast för mycket. Misstag 5: Att beskriva det uppenbara. ”Röd knapp” är onödigt. ”Knapp för att prenumerera på veckovisa SEO-tips” är hjälpsamt. Misstag 6: Att använda bildfilens namn som alt-text. ”IMG_12345.jpg” säger ingenting till någon. Misstag 7: Att onödigt skriva ”bild av” eller ”foto av”. Alt-text är redan en bildbeskrivning, så du behöver inte skriva ”bild”. Beskriv bara direkt.

Alt-text och tillgänglighet

Korrekt alt-text är nödvändig för tillgängligheten. Synskadade användare förlitar sig på skärmläsare, som läser upp alt-text. Om din alt-text är vag eller saknas kan de här användarna inte förstå ditt innehåll. Ur juridisk synpunkt måste webbplatser vara tillgängliga enligt den amerikanska lagen om funktionshinder (ADA, Americans with Disabilities Act) och EU:s tillgänglighetsdirektiv (EAA, European Accessibility Act). Saknad alt-text kan utsätta dig för juridiskt ansvar. Tillgänglighet är inte bara ett lagkrav, det är en etisk skyldighet att göra ditt innehåll tillgängligt för alla användare oavsett förmåga.

W3C:s initiativ för webbtillgänglighet (Web Accessibility Initiative) ger detaljerad vägledning om hur man skriver bra alt-text för olika bildtyper. Principen är enkel: om du tog bort bilden, skulle någon som bara läser alt-texten fortfarande förstå innehållet? Om inte behöver din alt-text mer detaljer. Testa din webbplats med ett skärmläsarverktyg för att höra hur din alt-text låter när den läses upp och om den är begriplig i sitt sammanhang.

Granska och uppdatera alt-text

Granska din webbplats efter saknad eller dålig alt-text. Använd webbläsarens utvecklarverktyg för att granska bilder, eller använd SEO-verktyg för att söka igenom din webbplats och hitta saknade alt-text-attribut. Skapa ett kalkylblad med sidor som har bilder, nuvarande alt-text och förbättrad alt-text. Prioritera sidor som är viktiga för din SEO-strategi (sidor med högvolymsökord, pelarinnehåll). Även en enda sida med saknad alt-text på 20 bilder är en möjlighet att förbättra både tillgänglighet och SEO samtidigt.

Testa din alt-text genom att stänga av bilder i webbläsaren och läsa sidan. Räcker alt-texten ensam för att det ska vara begripligt? Förstår du vad varje bild visar och hur den hänger ihop med innehållet? Om inte, förbättra alt-texten. Följ din trafik från Google Bilder i Google Search Console. Förbättrad alt-text bör i längden hänga ihop med ökad trafik från bildsökning. Följ vilka bilder som ger mest trafik och optimera deras alt-text ytterligare när du förfinar din strategi.

Slutsats

Alt-text beskriver bilder för både SEO och tillgänglighet. Skriv beskrivande, koncis alt-text (100 till 125 tecken) som förklarar vad bilden visar och dess sammanhang. Ta med sökord naturligt, men prioritera tydlighet. Använd olika tillvägagångssätt för skärmbilder, diagram, fotografier och ikoner. Undvik nyckelordsspam och upprepande beskrivningar. Granska din webbplats efter saknad eller dålig alt-text och uppdatera den systematiskt, med början i de viktigaste sidorna. Bra alt-text ger ditt innehåll mervärde för flera mottagare.

Bra alt-text tjänar flera mottagare: Googles bildindexering, synskadade användare och AI-system som analyserar visuellt innehåll. Det är en liten insats med stor avkastning för tillgänglighet, användarupplevelse och SEO. Börja med dina sidor med högst prioritet idag och bygg vanan att skriva bra alt-text för varje ny bild du lägger till. För en fullständig SEO-granskning som inkluderar analys av alt-text för bilder kör du Soranks kostnadsfria SEO-granskning.