Bild-alt-text: Hur beskrivande alt-attribut tjänar AI-citeringar

Vad är bild-alt-text?

Bild-alt-text är en kort skriven beskrivning av en bild, satt på HTML-alt-attributet (till exempel alt="Svart läder-Chelsea-känga, sidoprofil"). Den är osynlig på sidan men läses högt av skärmläsare, visas när en bild misslyckas att laddas och tolkas av AI-sökmotorer och sökcrawlers. WCAG 2.1 Success Criterion 1.1.1 kräver ett textalternativ för allt icke-textinnehåll — vilket innebär att varje meningsfull bild behöver alt-text.

AI-sökmotorer som ChatGPT, Perplexity och Google AI Overviews citerar i ökande grad multimodalt innehåll. De flesta kör inte vision på varje bild — de läser alt-texten, bildtexterna och omgivande HTML för att avgöra vad en bild visar och om sidan ska citeras. Sidor där text, bilder och strukturerad data alla förstärker samma ämne citeras mycket oftare. Detta mätvärde är en del av Teknisk Grund-pelaren i din GEO-Score.

Varför alt-text är viktigt för AI-sökning

Alt-text är en av få signaler som drar trippelnytta: det är ett juridiskt tillgänglighetskrav, en bekräftad bildsöksrankningsfaktor och den primära textinmatning AI-sökmotorer använder för att tolka dina bilder. Att hoppa över det kostar dig på alla tre fronter samtidigt.

Tillgänglighet är baslinjen (och lagen)

WCAG 2.1 Level A kräver ett textalternativ för allt icke-textinnehåll. WebAIM Million 2025-studien fann att 18,5 % av alla startsidesbilder fortfarande saknar alt-text — och saknad alt-text är den vanligaste WCAG-överträdelsen som citerats i de 3 117 ADA Title III webbplats-tillgänglighetsstämningar som lämnades in 2025.

AI-sökmotorer citerar multimodala sidor oftare

Wellows analyserade 15 847 AI Overview-resultat över 63 branscher och fann att sidor som kombinerar text, bilder, video och strukturerad data ser 156 % högre urvalsfrekvens — med fullt multimodalt plus schema som levererar upp till 317 % fler citeringar. Alt-text är vad som förvandlar en bild till en citerbar signal.

Bildsökning och visuella citeringar behöver text

Google Lens bearbetar mer än 12 miljarder visuella sökningar per månad och växer 30 % per år. Beskrivande alt-text är den enskilt mest påverkande bild-SEO-åtgärden — men en Backlinko-studie av 65 388 visuella sökningar fann att endast 11,4 % av rankande bilder hade alt-text som matchade sökningen.

Vad forskningen säger

Pages that combine text, images, video, and structured data see 156% higher selection rates in AI Overviews, with full multi-modal plus schema integration delivering up to 317% more citations. Multi-modal integration showed a 0.92 correlation coefficient — the biggest ranking shift of 2025.
— Wellows, Google AI Overviews Ranking Factors Study (15,847 results, 63 industries), 2026

18.5% of all home page images had missing alternative text — about 11 missing alt attributes per page on average. A further 11% of images with alt text used questionable values like "image", "graphic", a file name, or duplicates of adjacent text.
— WebAIM Million 2025, Accessibility Audit of 1,000,000 Home Pages

Only 11.4% of all Google Lens result images contain alt text terms that match the keyword someone just searched for. Contextually rich alt text can improve visual search discovery by up to 35%, particularly for e-commerce and product-focused sites.
— Backlinko, Google Lens Study of 65,388 Visual Searches, 2025

Verkliga exempel: dåligt vs. bra

Alt-text-kvalitet är binärt i praktiken — det är antingen användbart för en skärmläsare och AI-tolkare, eller så är det brus. Dessa tre verkliga scenarier visar hur små formuleringsförändringar vänder en bild från osynlig till citerbar.

Exempel 1: E-handelsproduktbild (Chelsea-känga)

Dåligt — osynligt för AI och skärmläsare

Varför detta misslyckas: Filnamnet som alt-text ger ingen information om produkten. Skärmläsare kommer läsa "image one dot jay peg". Google bildsök har ingen signal att matcha sökningen "svart Chelsea-känga". AI-sökmotorer ser bilden men kan inte beskriva eller citera den.

Bra — citerbar, sökbar, tillgänglig

Varför detta fungerar: En blind shoppare hör den exakta produkten. Google kan matcha alt-texten till färg-, stil- och storleksfrågor. ChatGPT och Perplexity kan citera denna sida när de tillfrågas "bästa svarta Chelsea-kängor för män". Samma bild — totalt olika utfall.

Exempel 2: Blogghero-bild (artikel om distansarbete)

Dåligt — saknar alt-attribut helt

Varför detta misslyckas: Utan alt-attribut alls faller många skärmläsare tillbaka på att läsa filnamnet ("hero banner dot p n g"). Det bryter mot WCAG 1.1.1 Level A. AI-crawlers kan inte placera bilden i kontext, och sidan missar det multimodala citeringslyftet Wellows mätte.

Bra — beskriver bilden och stöder artikeln

Varför detta fungerar: Alt-texten beskriver både ämne och kontext, vilket förstärker artikelns ämne. AI-sökmotorer har nu samordnade signaler (rubrik, brödtext, bild-alt) — exakt det multimodala mönstret som tjänar 156 % fler AI Overview-citeringar.

Exempel 3: Datavisualisering (kvartalsvis intäktsdiagram)

Dåligt — för vagt för att förmedla data

Varför detta misslyckas: WebAIM flaggade "chart" som ett klassiskt tveksamt alt-värde (11 % av all alt-text på webben är denna typ av platshållare). En skärmläsaranvändare lär sig inget. AI-sökmotorer kan inte extrahera siffrorna och kommer hoppa över sidan vid sammanfattning av intäktstrender.

Bra — kort alt + sammanfattning av faktiska data

Varför detta fungerar: Diagramtypen är namngiven, de fyra datapunkterna är listade, och huvud-takeaway:n är inkluderad. WCAG-vägledning för komplexa bilder är uppfylld, och AI-sökmotorer kan citera de faktiska siffrorna i svar om intäktstrender.

Så förbättrar du din bild-alt-text

Gör INTE detta

✗Utelämna alt-attributet helt — många skärmläsare kommer läsa filnamnet högt, vilket är värre än ingenting
✗Använd råa filnamn som IMG_1234.jpg, screenshot-final-v2.png eller hero.webp som alt-värde
✗Börja varje alt med "Bild av" eller "Bild på" — skärmläsare meddelar redan elementet som en bild, så det slösar bara tecken
✗Fyll alt-text med orelaterade nyckelord — Google kallar uttryckligen detta för spam i sin bild-SEO-dokumentation och kan bestraffa sidan
✗Lämna dekorativa bilder (avgränsare, bakgrundsdekorationer) utan alt="" — utan en tom alt kan skärmläsare försöka beskriva meningslösa visuella element

Gör detta istället

✓Beskriv vad bilden visar OCH varför den är på sidan — innehåll + kontext, inte bara etiketter
✓För diagram, infografiker och skärmdumpar, börja med typen ("Stapeldiagram...", "Skärmdump av...", "Diagram som visar...")
✓Håll alt-text inom 80–125 tecken — tillräckligt långt för att vara specifikt, kort nog så att skärmläsare inte trunkerar
✓Använd alt="" (utan mellanslag mellan citaten) för dekorativa bilder så att skärmläsare och AI rent hoppar över dem
✓Se till att filnamn, alt-text, bildtext och omgivande stycke alla beskriver samma sak — samordnade signaler vinner i AI-sök

Snabba tips för bättre alt-text

•Lägg till ett alt-attribut till varje img-tagg — beskrivande för innehållsbilder, alt="" för dekorativa. Det finns inget tredje alternativ.
•Sikta på 80–125 tecken. Tillräckligt långt för att vara specifikt, kort nog så att JAWS och NVDA inte trunkerar beskrivningen.
•Hoppa över "Bild av", "Bild på", "Foto som visar". Skärmläsare meddelar rollen själva — dessa ord är rent brus.
•För diagram, infografiker och scheman, skriv en kort alt PLUS en längre beskrivning i den omgivande texten eller en länkad detaljsida.
•Om en bild också är en länk bör alt-texten beskriva länkens destination, inte bara bilden. WebAIM fann att 44 % av saknad-alt-bilder är länkar.
•Kör en kostnadsfri GEO-Score Check för att upptäcka saknad eller låg-kvalitets-alt-text över din sida på sekunder — att fixa dessa är en av de snabbaste vinsterna.

Vanliga frågor

Hur lång bör alt-text vara?

De flesta tillgänglighets- och SEO-källor konvergerar på 80–125 tecken som sweet spot. Det är tillräckligt långt för att vara specifikt ("Svart läder-Chelsea-känga, sidoprofil, storlek 10") men kort nog så att JAWS, NVDA och VoiceOver inte trunkerar det. För komplexa bilder som diagram eller infografiker, skriv en kort alt och komplettera den med en längre beskrivning i omgivande text eller en länkad lång beskrivning.

Vad är skillnaden mellan alt="" och ett saknat alt-attribut?

alt="" (ett tomt alt-attribut, utan mellanslag mellan citaten) berättar uttryckligen för skärmläsare och AI-sökmotorer att hoppa över bilden. Det är det korrekta mönstret för rent dekorativa bilder. Ett saknat alt-attribut är annorlunda: många skärmläsare faller tillbaka på att läsa filnamnet, vilket producerar brus som "hero banner dot p n g". Inkludera alltid attributet, även om du sätter det tomt.

Läser AI-sökmotorer som ChatGPT faktiskt alt-text?

Ja. De flesta AI-sökmotorer kör inte bildvision på varje bild de stöter på — det är för dyrt i skala. Istället läser ChatGPT (med Browse), Perplexity, Claude och Google AI Overviews sidans HTML och prioriterar alt-text, bildtexter, filnamn och omgivande stycke. Wellows-forskning från 2026 fann att sidor som kombinerar text, bilder, video och strukturerad data ser 156 % högre AI Overview-citeringsfrekvens.

Hjälper alt-text min Google-rankning?

Det beror på söktypen. För Google bildsök är alt-text en bekräftad direkt rankningsfaktor — Google har angivit att det är det viktigaste attributet för att förstå bildinnehåll. För traditionell Google-sökning behandlas alt-text som vanlig sidtext och bidrar till ämnesrelevans snarare än att fungera som en stor fristående faktor. För AI Overviews och Lens är alt-text en av de starkaste tillgängliga signalerna.

Hur skriver jag alt-text för diagram, grafer och infografiker?

Använd ett tvådelat tillvägagångssätt. Den korta alten bör namnge visualiseringstypen och huvudfyndet ("Stapeldiagram av 2025-intäkter som visar 60 % tillväxt år över år"). Tillhandahåll sedan fullständiga data i den omgivande texten — antingen som ett stycke, en datatabell eller en länkad lång beskrivning. Alt-text kan inte innehålla rubriker eller stycken, så allt längre än ~150 tecken bör flyttas till sidans brödtext.

Kan jag bara använda AI för att autogenerera alt-text för hela min sajt?

AI-verktyg (ChatGPT Vision, Gemini, dedikerade alt-text-API:er) kan producera ett starkt första utkast och är mycket bättre än saknad alt-text. Men autogenererad alt missar ofta on-page-kontext — varför bilden är där, inte bara vad den visar. Best practice 2026: använd AI för att skissa, låt sedan en människa gå igenom för syfte, varumärkesröst och noggrannhet på nyckelsidor. WebAIMs undersökning från 2025 av skärmläsaranvändare betygsätter fortfarande mänskligt kuraterade beskrivningar högre än enbart AI-output.

Relaterade mätvärden att utforska

AI-optimering
Alt-text är en teknisk AI-signal — se hela uppsättningen av optimeringar som gör din sida läsbar för ChatGPT, Perplexity och AI Overviews.
Innehållsstruktur
Samordnade signaler vinner i AI-sök. Lär dig hur rubrikhierarki och bildplacering arbetar tillsammans för att göra passager extraherbara.
Schema-validator
Para alt-text med ImageObject-schema för att ge AI-sökmotorer strukturerad metadata. Schema plus multimodalt innehåll är 317 %-citeringslyftet Wellows mätte.
Heltäckande karaktär
Multimodala sidor med text, bilder och data täcker ämnen mer fullständigt. Lär dig hur heltäckande karaktär kompounderar med alt-text för AI-synlighet.

Bild-alt-text