Därför är alt-texter viktiga för SEO

Alt-texter hjälper sökmotorer och hjälpmedel att förstå vad en bild förmedlar. För SEO innebär välskrivna alt-texter framför allt att Google får ytterligare information om bildens innehåll och dess relation till resten av sidan. Samtidigt är alternativ text en viktig del av en tillgänglig webbplats.

En bra alt-text beskriver bildens relevanta innehåll eller funktion kort och tydligt. Den ska inte fyllas med sökord enbart för SEO och alla bilder behöver inte en beskrivande alt-text. Är en bild enbart dekorativ är det ofta korrekt att använda ett tomt alt-attribut, alt="".

För företag som vill arbeta strategiskt med SEO är alt-texter därför en liten men betydelsefull del av en större helhet. På ZMART Webb & Reklam ser vi bildoptimering som en del av samspelet mellan innehåll, teknik, tillgänglighet och sökbarhet.

Vad är en alt-text?

En alt-text, även kallad alternativ text, är text som anges genom HTML-elementets alt-attribut för en bild. Ett enkelt exempel kan se ut så här:

<img src="seo-analys.jpg" alt="SEO-specialist analyserar organisk trafik i Google Search Console">

Alt-textens främsta uppgift är att förmedla relevant information eller funktion från bilden när användaren inte kan ta del av den visuellt. Det är särskilt viktigt för personer som använder skärmläsare. Alt-text kan samtidigt hjälpa sökmotorer att förstå bilden och dess sammanhang.

Det är därför viktigt att skilja mellan en alt-text och exempelvis bildens filnamn, bildtext och titelattribut. Dessa kan ge ytterligare sammanhang, men fyller inte exakt samma funktion.

Varför är alt-texter viktiga för SEO?

Alt-texter är relevanta för SEO eftersom de ger Google ytterligare information om bilder. Google använder alt-text tillsammans med bland annat sidans innehåll och bildanalys för att förstå vad en bild handlar om. En relevant alt-text kan därmed bidra till att bilden förstås i rätt sammanhang.

Det betyder däremot inte att alt-text är ett fristående SEO-knep som automatiskt ger en sida bättre placeringar. Bildens sammanhang, sidans innehåll, tekniska förutsättningar och webbplatsens övergripande kvalitet behöver också fungera tillsammans.

Alt-texter hjälper Google att förstå bilder

Sökmotorernas förmåga att analysera bilder har utvecklats kraftigt. Google behöver alltså inte enbart förlita sig på alt-text för att försöka förstå vad en bild föreställer. Google anger samtidigt att alt-text används tillsammans med datorseende och innehållet på sidan för att förstå bildens ämne.

Det gör alt-texten till en tydlig signal från webbplatsägaren om vad som är relevant med bilden i just det aktuella sammanhanget. Samma fotografi kan exempelvis fylla olika funktioner beroende på vilken sida det används på. Därför bör alt-texten skrivas utifrån både bilden och dess sammanhang.

Alt-texter kan hjälpa bilder att bli relevanta i Google Bilder

Bildsök är ytterligare en anledning att arbeta genomtänkt med alt-texter. Google rekommenderar beskrivande alt-text som en del av sin bild-SEO och använder flera signaler för att förstå och indexera bilder.

För exempelvis e-handlare, hotell, restauranger, reseföretag, hantverkare och andra verksamheter där det visuella innehållet är viktigt kan Google Bilder skapa ytterligare kontaktytor mellan företaget och potentiella kunder.

Alt-texten är dock bara en del av bildoptimeringen. Google rekommenderar även bland annat relevant omgivande text, beskrivande filnamn, hög bildkvalitet och tekniska lösningar som gör bilderna möjliga att upptäcka och indexera.

Alt-text ger Google mer sammanhang

En bild ska helst inte betraktas som ett isolerat SEO-element. Google använder även innehållet på sidan och texten omkring bilden för att förstå vad bilden handlar om.

Anta exempelvis att ZMART Webb & Reklam publicerar en guide om sökmotoroptimering och använder en skärmbild från ett analysverktyg. En relevant alt-text som beskriver vad den aktuella skärmbilden visar kan komplettera rubrikerna, brödtexten och den övriga kontexten.

Det handlar alltså inte om att upprepa sidans primära sökord i varje bild. Målet är i stället att skapa en logisk och korrekt beskrivning av det innehåll som faktiskt visas.

Alt-texter är viktiga för webbtillgänglighet

SEO är bara en del av anledningen till att alt-texter används. Alternativ text har en central funktion inom webbtillgänglighet eftersom personer som inte kan se en bild behöver ett annat sätt att ta del av den information som bilden förmedlar.

En skärmläsare kan förmedla den alternativa texten så att användaren får relevant information om bilden. Därför ska alt-texten utgå från bildens syfte och sammanhang snarare än från vilka sökord företaget helst vill synas på.

Detta är också anledningen till att en SEO-optimerad alt-text aldrig bör skapas på bekostnad av tillgängligheten. Den bästa alt-texten är först och främst användbar och korrekt. SEO-värdet kommer av att beskrivningen samtidigt hjälper sökmotorn att förstå relevant innehåll.

Ska alla bilder ha alt-text?

Alla bilder bör hanteras korrekt ur tillgänglighetsperspektiv, men det betyder inte att alla bilder ska ha en beskrivande alt-text.

För informativa bilder ska alt-texten förmedla den relevanta information eller betydelse som bilden tillför. För bilder som fungerar som länkar eller knappar behöver textalternativet i stället beskriva funktionen eller destinationen. En bild som endast används som dekoration bör normalt ha ett tomt alt-attribut, alt="", så att hjälpmedel kan ignorera den.

Detta är en viktig skillnad eftersom rådet att aldrig lämna en alt-text tom är missvisande. I vissa situationer är en tom alt-text precis den korrekta lösningen.

Informativa bilder behöver beskrivande alt-text

En informativ bild tillför information som användaren behöver för att förstå innehållet. Det kan vara ett produktfoto, en illustration, en skärmbild eller ett fotografi som tillför relevant information till artikeln.

Alt-texten bör då förmedla det väsentliga med bilden i dess aktuella sammanhang. Det är inte alltid nödvändigt att beskriva varje visuell detalj.

Dekorativa bilder bör normalt ha tom alt-text

En dekorativ bild tillför ingen information som användaren behöver. Den kanske används för att skapa en viss känsla, fylla ett visuellt utrymme eller komplettera information som redan framgår tydligt av texten.

I dessa fall kan alt="" vara rätt lösning. Det signalerar till hjälpmedel att bilden inte behöver förmedlas till användaren. Att skriva en lång SEO-text i alt-attributet på en rent dekorativ bild kan i stället försämra användarupplevelsen.

Funktionella bilder behöver beskriva funktionen

Om en bild fungerar som exempelvis knapp eller länk behöver man tänka annorlunda. Alt-textens uppgift är då framför allt att förklara vad användaren kan göra, snarare än att beskriva ikonens utseende.

En sökikon behöver exempelvis inte beskrivas som ”svart förstoringsglas”. Om bildens funktion är att starta en sökning är funktionen det viktiga för användaren.

Hur skriver man en bra alt-text?

En bra alt-text är kontextuell, korrekt och koncentrerad. Det finns ingen universell formulering som fungerar för en viss bild på alla webbplatser, eftersom texten bör anpassas efter varför bilden används.

Beskriv det som är relevant med bilden

Börja med att fråga vilken information bilden tillför. Om fotografiet visar en webbutvecklare som testar en webbplats på olika enheter och detta är relevant för artikelns ämne kan just den informationen beskrivas.

Undvik däremot detaljer som saknar betydelse för sammanhanget. Om färgen på personens tröja inte har någon betydelse behöver den sannolikt inte beskrivas.

Skriv alt-texten utifrån sammanhanget

Samma bild kan behöva olika alt-text beroende på var den används. Ett fotografi på en restaurang kan på en sida om inredning behöva beskriva lokalens utformning, medan samma fotografi på en sida om tillgänglighet kan behöva fokusera på entrén eller lokalens utformning om dessa detaljer är relevanta.

Frågan är därför inte bara ”Vad finns på bilden?” utan även ”Vad behöver användaren förstå av bilden i just detta sammanhang?”.

Använd relevanta sökord när de faktiskt passar

Sökord kan förekomma i alt-texter när de på ett naturligt sätt beskriver bilden. Om ZMART Webb & Reklam har en bild som faktiskt visar arbete med SEO kan ord som ”SEO”, ”sökmotoroptimering” eller ett mer specifikt begrepp vara relevant.

Men sökord ska inte läggas till bara för att försöka påverka rankingen. Google avråder uttryckligen från att fylla alt-attribut med sökord. Så kallad keyword stuffing skapar dessutom dåliga beskrivningar för personer som använder skärmläsare.

Skriv kort och informationsrikt

Alt-texten bör vara så kort som möjligt samtidigt som den förmedlar den information användaren behöver. Det finns ingen anledning att göra varje alt-text till ett långt stycke.

För komplexa bilder, exempelvis diagram med stora mängder data, kan en kort alt-text kombineras med en mer fullständig beskrivning i sidans vanliga innehåll. På så sätt blir informationen tillgänglig utan att alt-attributet behöver innehålla hela analysen.

Hur lång ska en alt-text vara?

Det finns inte en universell SEO-gräns där en alt-text måste bestå av ett visst antal tecken. En bättre princip är att skriva så kort som möjligt och så långt som nödvändigt för att förmedla bildens relevanta betydelse.

För en enkel bild kan några få ord räcka. Andra bilder kan behöva en kort mening. Om bilden kräver en omfattande förklaring är det ofta bättre att komplettera med information i sidans vanliga text.

Fokusera därför mindre på teckenräkning och mer på tydlighet, kontext och användbarhet.

Exempel på bra och dåliga alt-texter

Skillnaden mellan en användbar och en svag alt-text blir tydligast med konkreta exempel.

Exempel 1: Bild på SEO-arbete

Svag alt-text: alt="SEO"

Bättre alt-text: alt="SEO-specialist analyserar organisk trafik i Google Search Console"

Den senare versionen ger mer information om vad bilden faktiskt visar utan att stapla sökord.

Exempel 2: Bild från en webbyrå

Svag alt-text: alt="webbyrå hemsida webdesign SEO reklam digital marknadsföring"

Bättre alt-text: alt="Webbdesigner arbetar med layouten för en företagswebbplats"

Det första exemplet är i praktiken en rad sökord. Det andra beskriver bildens innehåll på ett naturligt sätt.

Exempel 3: Dekorativ bakgrundsbild

Om bilden bara används som dekoration och inte förmedlar relevant information kan rätt lösning vara:

alt=""

Det behövs alltså inte alltid ord i alt-attributet.

Vanliga misstag med alt-texter

Att skriva samma alt-text på många bilder

Att återanvända exempelvis ”webbyrå Stockholm” eller ”SEO företag” på ett stort antal olika bilder ger inte användaren en korrekt beskrivning av varje bild. Alt-texten bör utgå från den aktuella bildens syfte och innehåll.

Att använda alt-text som plats för extra sökord

Ett annat vanligt misstag är att behandla alt-attributet som ett dolt SEO-fält där så många sökord som möjligt kan placeras. Det är fel angreppssätt.

Google rekommenderar användbar och informationsrik alt-text där sökord används på ett relevant sätt och varnar för keyword stuffing. Skriv därför för användaren först och låt sökmotorn dra nytta av den tydliga informationen.

Att beskriva sådant som inte finns på bilden

Alt-texten ska stämma överens med bilden. Om företaget vill ranka på ”SEO-byrå Stockholm” betyder det inte att formuleringen ska användas på ett fotografi som inte har någon relevant koppling till begreppet.

Relevans är viktigare än att få in ett sökord till.

Att skriva ”bild på” i varje alt-text

Det är vanligtvis onödigt att inleda alt-texten med formuleringar som ”bild på”, ”foto av” eller liknande eftersom hjälpmedel redan kan identifiera elementet som en bild.

I vissa sammanhang kan bildtypen däremot vara betydelsefull. Skillnaden mellan exempelvis ett fotografi, en illustration och en teknisk ritning kan ibland vara relevant för förståelsen.

Att ge dekorativa bilder onödiga beskrivningar

Fler alt-texter betyder inte automatiskt bättre SEO eller bättre tillgänglighet. Om en bild inte förmedlar någon relevant information kan en beskrivning skapa onödigt brus för användare av skärmläsare.

Alt-text, bildtext och filnamn – vad är skillnaden?

Alt-text, bildtext och filnamn blandas ofta ihop, men de har olika roller.

Alt-texten är ett textalternativ till bilden och används bland annat av hjälpmedel samt som information för sökmotorer. En bildtext är synlig text i anslutning till bilden och kan ge läsaren ytterligare förklaring eller sammanhang. Filnamnet identifierar själva bildfilen och kan också ge sökmotorn viss information om vad bilden handlar om.

Google rekommenderar korta och beskrivande filnamn framför generiska namn. Ett filnamn som seo-analys-google-search-console.jpg säger exempelvis mer om filen än IMG_4837.jpg.

De olika elementen bör alltså inte användas som ersättare för varandra. Tillsammans kan de bidra till en tydligare bildmiljö för både människor och sökmotorer.

Alt-texter och SEO för Google Bilder

För den som arbetar med bild-SEO behöver alt-text kombineras med flera andra faktorer. Google rekommenderar att bilder placeras nära relevant text och på sidor vars innehåll är relevant för bildens ämne. Även beskrivande filnamn kan ge information om bilden.

Det innebär att en bild inte bör optimeras frikopplad från sidan där den finns. En mycket bra alt-text kan inte kompensera för en sida där bilden saknar relevant sammanhang.

För företag med visuella produkter och tjänster kan bildoptimering därför ingå som en egen del av SEO-arbetet. Bilder kan förekomma i Google Bilder och andra visuella sökupplevelser och därigenom skapa ytterligare möjligheter att bli upptäckt.

Är alt-texter viktiga för AI-sök?

När sök utvecklas mot allt mer AI-baserade system blir tydlig, strukturerad och maskinläsbar information viktig. Samtidigt bör man vara försiktig med förenklade påståenden om att en viss alt-text automatiskt gör att ett företag nämns av ChatGPT eller visas i en AI-genererad sökupplevelse.

Alt-textens tydligaste dokumenterade funktion inom sök är att ge information om bilder och deras sammanhang. För AI-sök bör den därför betraktas som en del av en större informationsstruktur snarare än som en separat optimeringsteknik.

En webbplats som använder tydliga rubriker, välstrukturerad HTML, konkreta svar, relevant brödtext, beskrivande länkar, genomtänkta bilder och korrekta alt-texter gör sitt innehåll tydligare för både användare och maskiner.

Kan AI skriva alt-texter automatiskt?

AI och bildanalys kan användas för att skapa förslag på alt-texter, vilket kan vara värdefullt på webbplatser med stora bildbibliotek. Men en automatiskt genererad bildbeskrivning känner inte nödvändigtvis till varför bilden används på den aktuella sidan.

En AI-modell kan exempelvis identifiera att en bild föreställer ”två personer framför en bärbar dator”, medan det relevanta i sammanhanget kanske är att personerna genomför ett användartest av en ny webbplats.

Därför bör automatiserade alt-texter kvalitetskontrolleras. Bildigenkänning kan identifiera visuella objekt, men en bra alt-text behöver också ta hänsyn till bildens funktion och sammanhang.

Så bör företag arbeta med alt-texter i sin SEO-strategi

För ett företag är det klokt att göra alt-texter till en naturlig del av arbetet med webbplatsen snarare än en engångsinsats. När nya landningssidor, blogginlägg, produkter och tjänstesidor publiceras bör bilderna bedömas utifrån vilken funktion de fyller.

Informativa bilder får relevanta textalternativ. Dekorativa bilder hanteras som dekorativa. Funktionella bilder får beskrivningar som förmedlar deras funktion. Samtidigt bör filnamn, bildstorlek, bildkvalitet, placering och omgivande innehåll hanteras som delar av den övergripande bildoptimeringen.

På så sätt blir alt-texter inte ett isolerat SEO-trick utan en del av ett professionellt arbetssätt för webb, SEO och tillgänglighet.

Alt-texter är en liten detalj med flera viktiga funktioner

Alt-texter kan verka som en liten teknisk detalj, men de befinner sig i skärningspunkten mellan SEO, bildsök, innehåll och webbtillgänglighet. Rätt använda hjälper de människor som behöver textalternativ och ger samtidigt sökmotorer ytterligare information om webbplatsens bilder.

Det viktigaste är att inte skriva alt-texter för algoritmens skull. Beskriv det som faktiskt är relevant, använd sökord när de naturligt hör hemma i beskrivningen och låt dekorativa bilder vara dekorativa.

För företag som vill bygga en webbplats som fungerar långsiktigt i både traditionella och AI-baserade sökmiljöer behöver bildoptimering kombineras med teknisk SEO, användbart innehåll, tydlig webbstruktur och god användarupplevelse. ZMART Webb & Reklam hjälper företag att utveckla webbplatser och digital synlighet med ett helhetsperspektiv på webb, SEO och digital marknadsföring.

Vanliga frågor och svar om alt-texter

1. Vad är en alt-text?

En alt-text är ett textalternativ som anges för en bild, vanligtvis genom HTML-attributet alt. Texten förmedlar relevant information eller funktion från bilden för bland annat användare av skärmläsare och kan även hjälpa sökmotorer att förstå bildens innehåll och sammanhang.

2. Är alt-texter viktiga för SEO?

Ja, alt-texter är relevanta för SEO. Google använder alt-text tillsammans med sidans innehåll och bildanalys för att förstå vad en bild handlar om. Alt-text är särskilt relevant inom bild-SEO, men bör ses som en del av en större SEO-strategi och inte som en fristående rankingmetod.

3. Hur lång ska en alt-text vara?

Det finns ingen universell SEO-längd som alla alt-texter måste följa. Texten bör vara kort och tydlig men samtidigt innehålla den information som behövs för att förmedla bildens relevanta betydelse. En enkel bild kan ofta beskrivas med några ord eller en kort mening.

4. Ska man använda sökord i alt-texter?

Ja, om sökordet naturligt beskriver bilden och är relevant i sammanhanget. Man bör däremot inte lägga in extra sökord enbart för SEO. Google avråder från keyword stuffing i alt-attribut eftersom det kan skapa en dålig användarupplevelse och uppfattas som spam.

5. Ska alla bilder ha en beskrivande alt-text?

Nej. Informativa bilder behöver relevanta textalternativ, medan rent dekorativa bilder normalt bör använda ett tomt alt-attribut, alt="". För funktionella bilder, exempelvis en bild som används som knapp eller länk, bör textalternativet beskriva bildens funktion eller destination.