Bilder är inte dekoration. De är rankingfaktorer. Optimerade bilder gör sidan snabbare, hjälper sökmotorerna förstå ditt innehåll och ökar tillgängligheten för alla användare. De flesta webbplatser struntar helt i bildoptimering. De laddar upp enorma okomprimerade filer med meningslösa namn och utan alt-text. Det är den enklaste SEO-vinsten som de flesta sajter lämnar liggande. Lär dig optimera bilder så att de rankar för dig i stället för emot dig.
Bilder fyller flera syften på en webbsida. De bryter upp texten. De illustrerar begrepp. De engagerar läsarna. Men många webbplatser struntar i bildoptimering. De laddar upp stora, okomprimerade filer. De använder ointressanta filnamn. De hoppar över alt-text. Resultatet blir långsamma sidor som sökmotorerna har svårt att förstå.
Bildoptimering är enkelt. Det handlar om tre saker. Filnamn. Alt-text. Filkomprimering. Var och en spelar roll för SEO. Tillsammans förvandlar de bilder från en belastning för rankingen till en tillgång.
Dina bildfilnamn ska vara beskrivande
Sökmotorerna läser dina bildfilnamn. Ett filnamn berättar vad bilden innehåller innan de ens har bearbetat själva bilden.
Dåligt filnamn: "DSC_4829.jpg" eller "image-2026-03-19.jpg"
Bra filnamn: "website-builder-dashboard-screenshot.jpg"
Det bra filnamnet berättar för sökmotorerna vad bilden visar. Det dåliga berättar ingenting. Använd beskrivande filnamn som speglar bildens innehåll. Använd bindestreck mellan orden, inte understreck. Håll filnamnen korta men specifika.
Om du har 10 skärmdumpar på sidan, ge dem unika namn. "website-builder-step-1.jpg", "website-builder-step-2.jpg", "website-builder-step-3.jpg". Unika namn hjälper sökmotorerna förstå att det är olika bilder med olika innehåll.
Alt-text hjälper sökmotorerna förstå bilder
Alt-text är texten som visas om en bild inte laddas. Det är också det som skärmläsare läser upp för synskadade användare. Sökmotorerna använder alt-text för att förstå vad bilderna handlar om.
Dålig alt-text: "bild" eller "foto" eller lämnad tom
Bra alt-text: "Kontrollpanel för webbplatsbyggare som visar mallval med blå sidhuvud och ett rutnät av mallar"
Bra alt-text är beskrivande. Den berättar för läsare och sökmotorer vad bilden visar. Den är specifik. Skriv "kontrollpanel för webbplatsbyggare" i stället för "webbplats". Skriv "skärmdump som visar mallvalet" i stället för "skärmdump".
Håll alt-texten under 125 tecken. Skärmläsare kapar längre alt-text. Var beskrivande men kortfattad. Du behöver inte skriva "bild på" eller "foto av". Det antas ändå.
Ta med sökord i alt-texten när de passar naturligt
Om din sida siktar på "kontrollpanel för webbplatsbyggare" och du har en skärmdump av en sådan kontrollpanel ska alt-texten spegla det. "Kontrollpanel för webbplatsbyggare som visar mallval" innehåller sökordet naturligt.
Men tvinga inte fram sökord. Skriv aldrig "webbplatsbyggare kontrollpanel webbplatsbyggare mall webbplatsbyggare val webbplatsbyggare gränssnitt". Det är sökordsfyllning och det skadar SEO. Skriv alt-text som beskriver bilden för en mänsklig läsare. Sökorden kommer i andra hand.
Om ditt sökord inte passar naturligt i alt-texten, hoppa över det. Använd semantiska sökord i stället. "Gränssnitt som visar tillgängliga mallar" är till hjälp även utan det exakta sökordet.
Komprimera bilder för snabbare sidor
Stora bildfiler gör sidorna långsamma. Sökmotorerna rankar snabbare sidor högre. Sidhastighet är en bekräftad rankingfaktor. Att komprimera bilder förbättrar både hastighet och ranking.
Moderna bildformat som WebP och AVIF komprimerar 25-50 % bättre än JPEG med bibehållen kvalitet. Om du använder JPEG eller PNG, komprimera dem med ett bildkomprimeringsverktyg innan du laddar upp dem.
En komprimerad bild kan vara 80 KB i stället för 500 KB. Den mindre filen laddas snabbare. Din sida laddas snabbare. Sökmotorerna rankar dig högre. Användarna får en bättre upplevelse. Bildkomprimering vinner på alla sätt.
Använd responsiva bilder som skalas för olika skärmstorlekar
Mobilanvändare tittar på din webbplats på mindre skärmar. Att skicka en bild som är 2 000 pixlar bred till en telefon som visar den i 400 pixlar är slöseri. Telefonen laddar ned en enorm fil och krymper den sedan. Responsiva bilder skickar olika storlekar till olika enheter.
En datoranvändare får en stor bild i hög kvalitet. En mobilanvändare får en mindre bild som är anpassad för mobilskärmar. Det förbättrar sidhastigheten på mobil, vilket är avgörande eftersom de flesta sökningar sker på telefoner.
Lägg till bildtexter när det är relevant
Bildtexter är text som visas under eller bredvid bilder. De ger sammanhang. Sökmotorerna läser bildtexter tillsammans med alt-text för att förstå bilderna djupare. Bildtexter hjälper också läsarna förstå vad de tittar på.
Inte varje bild behöver en bildtext. Men viktiga bilder som illustrerar centrala begrepp tjänar på det. En skärmdump av ett program behöver en bildtext som förklarar vad skärmdumpen visar. Ett diagram behöver en bildtext som förklarar begreppet.
Använd bildsitemaps för viktiga bilder
En bildsitemap berättar för sökmotorerna om bilderna på din webbplats. Den hjälper sökmotorerna hitta och indexera bilder som de annars kan missa. Om du har många bilder ser en bildsitemap till att sökmotorerna hittar dem alla.
Det är frivilligt för de flesta webbplatser. Men om bilder är centrala för ditt innehåll, som på receptsajter, produktsidor eller fotosajter, förbättrar en bildsitemap bild-SEO rejält.
Vanliga frågor
Kan jag använda samma alt-text för alla bilder?
Nej. Varje bild ska ha en unik alt-text som beskriver just den bilden. Om du använder samma alt-text för 10 olika bilder kan sökmotorerna inte skilja dem åt. Unik alt-text hjälper sökmotorerna förstå att varje bild har olika innehåll och betydelse. Med WEMASY:s webbplatsbyggare kan du ställa in det här direkt på din webbplats.
Ska jag ha med ett sökord i varje bilds alt-text?
Nej. Ta med ditt sökord i alt-texten när det passar naturligt och beskriver bilden korrekt. Om sökordet inte har med bilden att göra är det bättre att utelämna det än att tvinga in det. Skriv alt-text som först och främst beskriver bilden. Sökord är en bonus som kommer naturligt när du beskriver bilder väl.
Vilket bildformat är bäst för SEO?
WebP och AVIF är de bästa moderna formaten. AVIF ger den högsta komprimeringen och minskar filstorleken med 50 % jämfört med JPEG. WebP ger 25-35 % komprimering med bredare stöd i webbläsare. Om din webbplats måste fungera i äldre webbläsare, använd WebP. Använd JPEG eller PNG bara om du inte har något annat val, eftersom filerna är större.
Påverkar bildens alt-text sidans ranking direkt?
Alt-text är ingen direkt rankingfaktor för din sida. Men den hjälper sökmotorerna förstå sidan bättre, vilket indirekt hjälper rankingen. Ännu viktigare är att alt-text hjälper dina bilder att ranka i Google Bilder, vilket ger trafik. Den förbättrar också tillgängligheten för användare med synnedsättning, vilket ger bättre användarupplevelse och engagemang.
Hur mycket komprimering går att göra innan bilderna förlorar kvalitet?
Moderna komprimeringsverktyg behåller kvaliteten samtidigt som de minskar filstorleken rejält. Du kan oftast komprimera 50-70 % utan märkbar kvalitetsförlust. Testa olika komprimeringsnivåer med dina verktyg och jämför med ögat. För de flesta ändamål ser du ingen kvalitetsförsämring förrän du går över 80-90 % komprimering. Använd verktyg och testa i stället för att gissa.
Är alt-text viktig om bilden bara är dekorativ?
För rent dekorativa bilder utan informationsvärde kan du lämna alt-texten tom eller använda tom alt-text (alt=""). Då hoppar skärmläsare över bilden, vilket gör det bättre för synskadade användare. Men om en bild förmedlar information, även dekorativa bilder som används tillsammans med text, ska du ta med beskrivande alt-text.