Vad är en alt-text och varför spelar den roll?
En alt-text, det vill säga alternativ text eller alt text, är den korta beskrivning som finns för en bild i koden i din e-handel. Besökare ser den normalt inte, men en skärmläsare läser upp den för personer med nedsatt syn eller som inte ser alls. Om en bild inte laddas visas alt-texten där bilden skulle ha varit.
Sökmotorer använder också alt-texten för att förstå vad som finns på en bild. Google nämner alt-texten, tillsammans med texten runt bilden och filnamnet, som en viktig källa för Google Bilder. För mode, där många söker visuellt, är det en synlighetskanal som ofta inte utnyttjas.
I praktiken står det inget alls i många e-handlar, eller så används filnamnet eller ett artikelnummer som 4073AS252-BLK-M. Det säger ingenting till en kund med skärmläsare och väldigt lite till Google. En beskrivande mening per bild löser båda problemen.
Så ser en bra alt-text för en produktbild ut
Beskriv vad någon som inte kan se bilden skulle se, och vad personen behöver veta för att kunna välja. För en produktbild är det varumärket, produkttypen, färgen och eventuellt materialet eller en tydlig detalj. Vid flera bilder av samma produkt skiljer du dem åt med vyn: framsida, baksida, detalj eller på modell.
Håll det kort. Skärmläsare läser upp hela texten, och den vanliga riktlinjen är högst cirka 125 tecken. Börja inte med bild av eller foto av, eftersom en skärmläsare redan anger att det är en bild. Undvik listor med sökord: Google ser det som spam och en skärmläsaranvändare tappar intresset.
Rent dekorativa bilder, som en dekorlinje eller ett bakgrundsmönster, får en tom alt-text så att en skärmläsare hoppar över dem. Produktbilder är aldrig dekorativa: de ska alltid ha en beskrivning.
- Varumärke och produktnamn, så som kunden ser dem i webbutiken
- Produkttyp och målgrupp, till exempel damjacka eller herrchinos
- Färg i vanliga ord, inte leverantörens färgkod
- Vyn: framsida, baksida, sida, detalj eller på modell
- Eventuellt en tydlig detalj, till exempel ankarknappar eller ett skärp
Exempel för mode: rätt och fel
Skillnaden ligger ofta i några få ord. Nedan finns vanliga fel bredvid en bättre version, för samma typ av produktbilder som på den här sidan. Lägg märke till att de bra versionerna inte upprepar sökord men ändå innehåller allt någon söker efter.
| Bild | Fel | Bättre |
|---|---|---|
| Packshot av en jacka | IMG_4021.jpg | Mörkblå dubbelknäppt peacoat i ull med guldfärgade knappar, framsida |
| Modellbild | Vacker kvinna i jacka | Lång crèmefärgad ullkappa med skärp på modell, stylad med bruna byxor |
| Baksida | Kappa crème kappa ullkappa damkappa vinterkappa sale | Lång crèmefärgad ullkappa med skärp, baksida på modell |
| Detalj | Bild av en detalj | Närbild på de guldfärgade ankarknapparna på en mörkblå peacoat |
| Leverantörsbild | 4073AS252-NVY-M | Varumärkesnamn peacoat dam i navy, framsida |
| Miljöbild | Tom | Kvinna i kamelfärgad kappa cyklar längs en kanal |
SEO: alt-text, filnamn och structured data
Alt-texten fungerar bäst tillsammans med ett tydligt filnamn. Google rekommenderar beskrivande filnamn i stället för kameranamn som IMG_4021.jpg. Ett namn som peacoat-dames-navy-voorkant.jpg, eller din fasta struktur med artikelnummer, färg och löpnummer, hjälper både sökmotorer och ditt eget team. Använd bindestreck och små bokstäver, och inga mellanslag.
Dessutom finns structured data, även kallat schema.org-markup. Med typen Product skickar du produktnamn, pris, tillgänglighet och produktbilder till sökmotorer i ett fast format. De flesta e-handelsplattformar och teman skapar den markupen automatiskt utifrån produktbilder och produktdata. Kontrollera med Googles test för rich results att dina bilder följer med där.
Till sist spelar sammanhanget roll. En alt-text som passar produktens titel, beskrivningen och rubrikerna på sidan stärker helheten. En alt-text som säger något annat än titeln, till exempel ett annat färgnamn, skapar däremot förvirring för både kund och sökmotor.
Tillgänglighet och European Accessibility Act
Sedan 28 juni 2025 gäller European Accessibility Act i EU. I Nederländerna övervakar ACM sedan dess den digitala tillgängligheten i e-handlar: webbplatser och appar där du köper produkter eller tjänster. Enligt ACM gäller reglerna för företag med 10 eller fler anställda och/eller en årsomsättning på mer än 2 miljoner euro.
Som teknisk måttstock används i praktiken den europeiska standarden EN 301 549, som följer de internationella riktlinjerna WCAG 2.1 på nivå AA. Ett av de första kraven där är att varje informativ bild har ett textalternativ. Produktbilder utan alt-text är därför ingen detalj, utan ett av de vanligaste problemen.
Alt-texter är bara en del. En beställningsprocess som fungerar med tangentbord, tillräcklig färgkontrast och tydliga formulär hör också dit. Om du är osäker på om lagen gäller för din webbutik eller vad du behöver göra, läs på ACM:s webbplats eller fråga en tillgänglighetsspecialist; den här artikeln är inte juridisk rådgivning.
Även om lagen inte gäller dig: en webbutik som fungerar med skärmläsare säljer till fler kunder.
När automatiska alt-texter inte räcker
Alt-texter från artikeldata är tillförlitliga och konsekventa, men de beskriver det som finns i datan, inte känslan i en kampanjbild. För några få herobilder på din startsida eller i en lookbook är en handskriven beskrivning ofta bättre. Där vill du berätta vad som händer, inte bara vilken produkt det är.
Det gäller också: skräp in, skräp ut. Om färgen i ditt kassasystem står som BLK eller 999, eller om produktnamnet är en intern kod, blir alt-texten inte bättre av det. Har du bara tjugo produkter går det snabbare att skriva alt-texterna själv i webbutikens administration än att sätta upp ett system för det.
Så skriver Photopilot alt-texter
När Photopilot publicerar till Shopify, WooCommerce och BigCommerce läggs en beskrivande alt-text till varje bild, baserat på produktnamn, varumärke och färg. Om varumärket eller färgen redan finns i produktnamnet upprepas de inte. Först när inget produktnamn finns använder Photopilot artikelnumret i stället, så att en bild aldrig saknar text.
I Webshop-Excel och vid export till filer får varje bild en egen alt-text som lägger till vyn, till exempel framsida, baksida eller på modell, tillsammans med målgrupp och produkttyp, i formatet varumärke och namn, damjacka i navy, framsida på modell. Texten hålls under 125 tecken och versaler från leverantörslistor snyggas till.
Texterna hämtas direkt från din artikeldata och inte från en språkmodell, så samma uppgifter ger alltid samma text och inget hittas på. Vid en FTP- eller SFTP-export får filerna de namn som din e-handel förväntar sig, till exempel med artikelnummer, färg och löpnummer. Det ingår i publiceringen, som finns i månadsplanen från 500 € per månad.
