Bild-SEO och alt-texter
Av CodexierPublicerad 4 min läsning
Alt-texter behandlas ofta som en SEO-syssla: ett ställe att upprepa sökordet. Då missar man syftet. Alt-texten är det en skärmläsare läser upp för den som inte kan se bilden, och det som visas när bilden inte laddar. Skriven för den personen berättar den också för sökmotorerna vad bilden visar. Här går vi igenom hur du skriver bra alt-texter, när en bild inte ska ha någon, och de tekniska detaljer som avgör om bilderna syns i bildsök.
Alt-texter för människor först
En bra alt-text svarar på en fråga: vad skulle en person missa om hen inte kunde se bilden? För en produktbild är det produkten och dess viktigaste synliga egenskap. För ett foto på teamet i arbete är det vilka och vad. För ett diagram är det slutsatsen diagrammet stödjer. Sökord hör bara hemma där de naturligt beskriver bilden; att trycka in dem gör sidan sämre för skärmläsaranvändare och ger ingen nytta i sök.
| Bild | Svag alt-text | Bättre alt-text |
|---|---|---|
| Produktbild | sko | Svart vinterkänga i läder med fodrat skaft och räfflad gummisula |
| Teamfoto | städfirma Stockholm städtjänster | Två städare torkar av skrivbord i ett öppet kontorslandskap |
| Före och efter | bild1 | Badrum före och efter renovering, nytt kakel och dusch utan kant |
| Diagram | diagram | Linjediagram där förfrågningarna ökar efter att nya bokningssidan lanserades |
När bilder inte behöver alt-text
Alla bilder bär inte information. Bakgrundsmönster, dekorativa avdelare och ikoner bredvid en textetikett tillför inget för en skärmläsaranvändare, och att beskriva dem skapar bara brus. De ska ha ett tomt alt-attribut (alt utan något mellan citattecknen), vilket säger åt hjälpmedel att hoppa över dem. Att helt utelämna attributet är något annat och sämre: vissa skärmläsare läser då upp filnamnet.
- Dekorativa bilder och bakgrundsgrafik: tom alt-text
- Ikoner med en textetikett bredvid: tom alt-text
- Ikoner som är det enda innehållet i en knapp eller länk: alt-text som beskriver handlingen, till exempel ”Sök”
- Logotyper: företagsnamnet, och om den länkar till startsidan, att länken går dit
- Bilder av text: samma text i alt-texten, eller hellre riktig text i stället för bild
För många organisationer är det också en rättslig fråga: tillgänglighetskraven som sedan 2025 gäller fler svenska webbplatser följer WCAG, där textalternativ är ett grundläggande kriterium. Vår guide om tillgänglighetslagen för företagssajter förklarar vilka som omfattas.
Filnamn och bildtexter
Sökmotorer läser mer än alt-texten. Ett filnamn som vinterkangor-svart-lader.jpg säger mer än IMG_4821.jpg. Synliga bildtexter läses av nästan alla som tittar på en bild och ger sökmotorerna stark kontext. Texten runt bilden spelar också roll: en bild bredvid stycket den illustrerar är lättare att förstå, för människor och för Google, än en bild i ett galleri utan text.
Filnamn
Korta, beskrivande, gemener, ord åtskilda med bindestreck. Undvik å, ä och ö i filnamn för att slippa teckenproblem.
Bildtexter
Använd dem där bilden behöver sammanhang: kundcase, produkter i användning, diagram.
Omgivande text
Placera bilder bredvid texten de illustrerar, inte i isolerade gallerier.
Format och storlekar
Bilder är oftast den tyngsta delen av en sida, och farten påverkar både användare och sök. Leverera WebP eller AVIF, skalade till den storlek de visas i, med flera storlekar så att telefoner inte laddar ner datorbilder. Ange bredd och höjd så att layouten inte hoppar medan bilderna laddar. Ladda bilder längre ner på sidan först vid behov, men aldrig huvudbilden högst upp, som ska laddas direkt. Vår guide om bildoptimering för fart går in på de tekniska detaljerna.
Synlighet i bildsök
Bildsök betyder mer för vissa företag än andra. Webbshoppar, restauranger, inredare, byggföretag och alla vars arbete är visuellt kan få verklig trafik från Google Bilder och från bilder som visas i vanliga sökresultat. För att synas måste bilderna gå att genomsöka (inte blockeras i robots.txt eller bara laddas via skript), finnas i sidans HTML eller i en bildsajtkarta och helst kopplas till strukturerad data, till exempel produktens bild i Product-märkningen. Vår guide om strukturerad data visar hur.
När du inte behöver hjälp: har sajten några dussin bilder kan du gå igenom dem själv på en eftermiddag med den här guiden. Vår tjänst för SEO-granskning och tekniska åtgärder är rimlig för stora webbshoppar och sajter med tusentals bilder, saknade alt-texter i stor skala eller bilder som inte indexeras. Vill du prata igenom det kan du boka ett kort samtal.
Vanliga frågor
Hur lång ska en alt-text vara?
Oftast en kort mening. Det finns ingen strikt gräns, men skärmläsaranvändare hör allt, så säg det viktiga och sluta där.
Ska alt-texten innehålla mitt sökord?
Bara om det naturligt beskriver bilden. Alt-texter fulla av sökord gör sidan sämre för skärmläsaranvändare och hjälper inte placeringarna.
Behöver alla bilder alt-text?
Alla bilder behöver alt-attributet, men dekorativa bilder ska ha det tomt så att hjälpmedel hoppar över dem.
Kan AI skriva alt-texter åt mig?
Den kan ta fram utkast i stor skala, vilket är användbart för stora sortiment. Granska dem, eftersom AI beskriver vad den ser, inte varför bilden finns på sidan.
Tusentals bilder och inga alt-texter?
Femton minuter: vi tittar på sajten och säger om en enkel rutin räcker, eller om en granskning och en åtgärd i klump är värd det.
Boka ett kostnadsfritt 15-minuterssamtal