Tillbaka till lÀrandecentrum

Bild-alttext

HjÀlpa AI se dina bilder

Vad Àr bild-alttext?

Alttext (alternativ text) Àr en skriven beskrivning av en bild. Den visas i din HTML-kod men inte pÄ den synliga sidan. SkÀrmlÀsare anvÀnder den för att beskriva bilder för personer som inte kan se dem. AI-sökmotorer anvÀnder ocksÄ alttext för att förstÄ vad bilder visar.

Utan alttext Àr bilder osynliga för AI. Motorerna kan bara se att en bild finns, inte vad den visar. God alttext hjÀlper ditt innehÄll rankas bÀttre i AI-sökning och förbÀttrar din GEO-poÀng. Sikta pÄ 100% tÀckning pÄ alla meningsfulla bilder.

Varför alttext Àr viktigt för AI

AI-motorer behandlar text mycket bĂ€ttre Ă€n bilder. Även om de har bildigenkĂ€nningsteknik, ger alttext tydligare och mer korrekt information. Den berĂ€ttar AI exakt vad bilden visar och varför det spelar roll.

God alttext hjÀlper AI genom att:

  • Förklara visuellt innehĂ„ll pĂ„ tydligt sprĂ„k
  • Koppla bilder till ditt huvudĂ€mne
  • LĂ€gga till sammanhang som bilder ensamma inte kan ge
  • Göra innehĂ„ll mer tillgĂ€ngligt för alla anvĂ€ndare
  • Ge backup nĂ€r bilder inte laddas

Detta Àr en viktig del av AI-optimering. Varje bild utan alttext Àr en missad möjlighet.

MÄlet: 100% alttext-tÀckning

För optimal AI-prestation bör varje meningsfull bild ha alttext. Detta betyder 100% tÀckning av innehÄllsbilder.

Vad behöver alttext?

  • Foton och illustrationer som visar innehĂ„ll
  • Diagram, grafer och datavisualiseringar
  • Infografik med viktig information
  • SkĂ€rmdumpar som demonstrerar funktioner
  • Logotyper och varumĂ€rkesbilder

Dekorativa bilder: AnvÀnd tom alttext

Vissa bilder Àr rent dekorativa och tillför ingen information. För dessa, anvÀnd alt="" (tomt alt-attribut). Detta sÀger till skÀrmlÀsare och AI att hoppa över bilden. Ta aldrig bort alt-attributet helt.

Hur man skriver god alttext

God alttext Àr tydlig, koncis och beskrivande. Den ska hjÀlpa nÄgon som inte kan se bilden att förstÄ vad den visar.

1. Var beskrivande och specifik

Beskriv huvudmotivet och viktiga detaljer. Vad skulle du berÀtta för nÄgon över telefon om denna bild?

DÄligt: "Bild pÄ en hund"

För vag och generisk

Bra: "Golden retriever-valp som leker med en röd boll pÄ en grÀsbevuxen bakgÄrd"

Specifik och beskrivande

2. HĂ„ll det koncist

Sikta pÄ 125 tecken eller mindre. SkÀrmlÀsare kapar ofta lÀngre beskrivningar. Fokusera pÄ den viktigaste informationen.

DÄligt: "Detta Àr en bild som visar ett mycket detaljerat diagram med flera datapunkter som representerar försÀljningssiffror över olika regioner under hela Äret med olika fÀrger som indikerar olika produktkategorier"

För lÄngt och svÀvande

Bra: "Stapeldiagram som visar kvartalsvis försÀljning per region för 2025"

Koncist och tydligt

3. Inkludera sammanhang

NÀmn varför bilden Àr relevant för ditt innehÄll. Koppla den till omgivande text.

DÄligt: "SkÀrmdump"

Inget sammanhang angivet

Bra: "Instrumentpanel som visar realtidsanalys för webbplatstrafik"

Ger sammanhang och syfte

4. AnvÀnd nyckelord naturligt

Inkludera relevanta nyckelord nÀr de passar naturligt. Tvinga aldrig in nyckelord i alttext.

DÄligt: "AI-optimering SEO innehÄllsmarknadsföring digital strategi"

Nyckelordspackning

Bra: "InnehÄllsmarknadsföringsteam som granskar AI-optimeringsstrategi"

Nyckelord passar naturligt i beskrivningen

Bra vs dÄlig alttext-exempel

DĂ„lig alttext

✗Inget alt-attribut alls

✗"Bild" eller "Foto"

✗"Klicka hĂ€r" eller "Se bild"

✗Filnamn som "IMG_1234.jpg"

✗Fullpackad med orelaterade nyckelord

Bra alttext

✓Tydlig, beskrivande text

✓Specifika detaljer om innehĂ„ll

✓Relevant sammanhang inkluderat

✓Koncis men komplett

✓Naturlig nyckelordsintegration

Alttext för olika bildtyper

Fotografier

Beskriv huvudmotivet, miljön och relevanta handlingar eller detaljer.

Exempel: "Marknadsföringsteam som samarbetar runt en whiteboard i modernt kontor"

Diagram och grafer

Ange diagramtyp och den viktigaste datan eller trenden det visar.

Exempel: "Linjediagram som visar 40% ökning i mobiltrafik frÄn 2023 till 2025"

SkÀrmdumpar

Identifiera vilken programvara eller vilket grÀnssnitt som visas och vilken ÄtgÀrd eller funktion som Àr markerad.

Exempel: "WordPress-redigerare som visar innehÄllsstruktur med H2- och H3-rubriker"

Logotyper och ikoner

Namnge företaget eller tjÀnsten som logotypen representerar.

Exempel: "Bloffee-logotyp" eller "Nedladdningsikon"

Infografik

Sammanfatta huvudbudskapet eller ge en kort översikt. ÖvervĂ€g att lĂ€gga till en lĂ€ngre beskrivning i omgivande text.

Exempel: "Infografik som jÀmför traditionell SEO vs GEO-optimeringsfaktorer"

Snabbtips för bild-alttext

  • ‱LĂ€gg till alttext till varje meningsfull bild
  • ‱HĂ„ll beskrivningar under 125 tecken nĂ€r det Ă€r möjligt
  • ‱Var specifik om vad bilden visar
  • ‱Inkludera sammanhang som relaterar till ditt innehĂ„ll
  • ‱AnvĂ€nd tom alt="" för rent dekorativa bilder
  • ‱Packa aldrig alttext med nyckelord

Vanliga alttext-misstag

Börja med "Bild pÄ" eller "Foto av"

SkÀrmlÀsare meddelar redan att det Àr en bild. Att börja med dessa fraser Àr överflödigt och slösar med tecken. Beskriv bara vad bilden visar.

AnvÀnda filnamn som alttext

"IMG_7834.jpg" eller "screenshot-final-v2.png" betyder ingenting för anvÀndare eller AI. Skriv alltid faktiska beskrivningar.

Vara för generisk

"Person som arbetar" kan beskriva miljontals bilder. Var specifik: "Mjukvaruutvecklare som kodar i JavaScript pÄ en laptop."

Glömma alttext helt

Saknade alt-attribut gör innehÄll otillgÀngligt och skadar din GEO-poÀng. LÀgg alltid till alt-attributet, Àven om det Àr tomt för dekorativa bilder.

Hur man kontrollerar din alttext-tÀckning

Du kan enkelt kontrollera om dina bilder har alttext:

  • 1.Högerklicka pĂ„ bilder och inspektera HTML-koden
  • 2.AnvĂ€nd webblĂ€sarens tillgĂ€nglighetsverktyg för att visa alttext
  • 3.Kör automatiska tillgĂ€nglighetskontroller
  • 4.AnvĂ€nd Bloffee för att kontrollera alttext-tĂ€ckning över din webbplats

Koppling till andra GEO-faktorer

Bild-alttext kopplar till andra delar av din GEO-poÀng:

Bild-alttext: Gör bilder lÀsbara för AI-sökning