Bild-SEO handlar om att förbereda bilder så att de laddar snabbt, förstås av sökmotorerna och syns i bildresultaten. Det spelar större roll inom handel än de flesta tror: Mike Blumenthal på Near Media rapporterar att 74 % av köparna upplever ett företag som mer trovärdigt när det finns foton i sökresultaten, och enligt Googles egna siffror kostar en enda sekunds fördröjning i laddningstid runt 7 % av konverteringarna. Bilder är oftast det tyngsta på en sida, vilket gör dem till den snabbaste vägen till ett problem med Core Web Vitals och den snabbaste vägen till att lösa det. Jag heter Adrian Dąbrowiecki och arbetar med SEO för e-handel, där produktfotona är både den viktigaste tillgången och den största prestandabelastningen. Här är de tolv saker som är värda att göra.
Vad är bildoptimering inom SEO?
Bildoptimering inom SEO innebär att förbereda bilder så att de laddar snabbt, kan hittas av sökmotorerna och förstärker relevansen hos sidan de ligger på.
Det omfattar val av format, dimensioner, komprimering, beskrivande filnamn, alt-text och responsiv leverans. Arbetet börjar före uppladdningen och fortsätter i hur bilden levereras, och båda halvorna spelar roll: en perfekt namngiven bild som väger tre megabyte är fortfarande ett problem.
Varför är bild-SEO viktigt?
Bild-SEO är viktigt eftersom bilder påverkar sidhastighet, användarupplevelse, synlighet i sök och tillgänglighet på samma gång.
Hastigheten är den direkta mekanismen. Ooptimerade bilder är den vanligaste orsaken till ett underkänt resultat för Largest Contentful Paint, och LCP-elementet är oftast huvudbilden högst upp. Åtgärda den enda filen så blir hela sidan bättre.
Synligheten är den andra. Optimerade bilder dyker upp i Google Bilder och Discover, vilket för detaljhandel och publicister är en verklig trafikkanal och inte ett avrundningsfel. På produktdrivna webbplatser presterar bildsök ofta bättre än bloggen.
Tillgängligheten är den tredje, och den är värd att göra oavsett rankning. Alt-texten är det som en skärmläsare läser upp, och att skriva den ordentligt tar några sekunder per bild.
Hur optimerar du en bild för SEO?
För att optimera en bild väljer du något relevant och originellt, ger filen ett beskrivande namn, skalar om den till visningsstorleken, komprimerar den, skriver en meningsfull alt-text och levererar den sedan responsivt med lazy loading.
Ordningen spelar roll eftersom varje steg minskar det nästa steg måste hantera. Att skala om före komprimeringen ger mer än att hårdkomprimera en bild på 3000 pixlar, och det försämrar inte det besökaren ser.
Döp om filerna före uppladdning: organic-almond-butter.jpg i stället för IMG_2045.jpg. Skala om till den största storlek som layouten faktiskt visar, eftersom en bild på 2400 pixlar i en behållare på 800 pixlar slösar bandbredd vid varje besök. Komprimera med TinyPNG, Squoosh eller ImageOptim och förhandsgranska resultatet i stället för att lita på inställningen. Skriv sedan en alt-text som beskriver vad som finns i bilden, på naturligt språk, med den relevanta termen bara där den passar.
Proffstips: Google rekommenderar WebP, och jag använder det med försiktighet. I praktiken har jag stött på indexeringsproblem med WebP-filer tillräckligt ofta för att inte förlita mig på formatet där snabb och pålitlig indexering avgör resultatet, alltså för nyhetsinnehåll och allt som riktar sig mot Discover. Där är välkomprimerad JPEG fortfarande det säkrare valet. För en e-handelskatalog där viktbesparingen är betydande och indexeringen mindre tidskritisk gör WebP god nytta.
12 metoder för bild-SEO som fungerar
De tolv metoderna som är värda att använda är beskrivande filnamn, naturlig alt-text, rätt dimensioner, varsam komprimering, lämpliga format, responsiva bilder, lazy loading, placering i sammanhang, leverans via CDN, strukturerad data och bildsitemaps, att hålla text utanför bilder och att begränsa stockfoton.
1. Använd beskrivande filnamn
En liten signal som inte kostar något och som växer över tusentals filer. Bindestreck mellan orden, inga understreck, inga standardnamn från kameran.
2. Skriv alt-texten för en människa först
”Kvinna som applicerar anti-age-serum” fungerar. ”Köp hudvårdsserum bästa serum online” är keyword stuffing som en skärmläsare kommer att läsa upp högt, vilket är ett bra test på om du har gått för långt.
3. Ladda upp i visningsstorlek
Om bannern visas i 1200 × 600 ska du ladda upp den i 1200 × 600. Den enda vanan eliminerar de flesta problem med bildvikt innan de ens uppstår.
4. Komprimera med öppna ögon
Förstörande komprimering med 70–85 % kvalitet för fotografier, förlustfri för grafik med skarpa kanter. Förhandsgranska alltid. Överkomprimering är ett konverteringsproblem i sig, särskilt för produktfoton där besökaren bedömer varan.
5. Välj rätt format
JPEG för fotografier, PNG för transparens och skarp grafik, SVG för logotyper och ikoner, WebP där viktbesparingen motiverar det och AVIF där du är beredd att hantera specialfall i stödet. BMP och TIFF har ingenting på en webbplats att göra.
6. Leverera responsiva bilder
Använd srcset och picture så att en mobil laddar ner en fil i mobilstorlek. På bildtunga sidor gör det större skillnad för mobilprestandan än någon komprimeringsinställning.
7. Använd lazy loading under vecket
Ladda bara det som syns. I en artikel med tio bilder förbättrar det LCP mätbart, och inbyggd lazy loading täcker de flesta fall utan plugin.
8. Placera bilder nära relaterad text
Sökmotorer läser omgivande innehåll och bildtexter för att tolka en bild. Ett foto av en jordgubbstårta bredvid ett stycke om säsongens desserter går att tolka. Samma foto i ett galleriblock utan text gör det inte.
9. Leverera via ett CDN
Latens är geografisk. Ett CDN levererar cachade kopior från en plats nära besökaren, vilket spelar enormt stor roll när du har trafik i mer än ett land och knappt någon roll alls om du inte har det.
10. Lägg till strukturerad data och en bildsitemap
Product-schema med verkligt pris och lagerstatus gör bilder berättigade till utökade resultat. En bildsitemap hjälper när bilderna laddas via JavaScript eller ligger djupt in på webbplatsen.
11. Håll viktig text utanför bilderna
Sökmotorer kan inte läsa text som är inbakad i en grafik. Öppettider, priser och rubriker hör hemma i HTML. Det är också en tillgänglighetsfråga och ibland en juridisk fråga.
12. Begränsa stockfoton
Stockfoton ger inget straff, de ger helt enkelt ingen fördel. Samma bild finns på femhundra andra webbplatser, så den kommer inte att ranka i bildsök och den kommer inte att ge några länkar. Egna fotografier gör båda.
Proffstips: Ta med målsökordet i bildens URL, inte bara i filnamnet. Det är en liten optimering på en enskild sida och en betydelsefull sådan när den tillämpas konsekvent över en hel katalog, och det är där det mesta av den sammansatta effekten i SEO för e-handel kommer ifrån.
Hur hittar du problem med bild-SEO?
För att hitta bildproblem crawlar du webbplatsen med Screaming Frog, kontrollerar bildrapporten i Search Console och kör viktiga sidor genom PageSpeed Insights.
Screaming Frog visar saknad alt-text, för stora filer, trasiga bild-URL:er och bilder utan angivna dimensioner. Sätt en gräns för filstorlek, 500 KB är en rimlig utgångspunkt, så blir allt ovanför den en arbetslista.
I Search Console växlar du resultatrapporten till Bildsökning. Få visningar på en bildrik webbplats betyder oftast att bilderna saknar sammanhang, inte att de är för tunga. Bilder som crawlats men inte indexerats tyder i regel på saknad alt-text, laddning via JavaScript eller begränsningar i robots.
PageSpeed Insights och Lighthouse flaggar detaljerna: anpassa bildstorlekar, använd moderna bildformat, skjut upp bilder utanför skärmen. Om LCP är långsam och kan spåras till en huvudbild har du hittat den fil som är värd att åtgärda först.
Kontrollera sedan manuellt. Högerklicka och välj Inspektera i Chrome för att jämföra den faktiska storleken med den renderade, och så hittar du en fil på 2400 pixlar som skalas ner till 600 i webbläsaren.
Vilken bildstorlek ska du använda?
Håll bilder i brödtexten under ungefär 100 KB och huvudbilder under 300 KB, med dimensioner som inte är större än behållaren som visar dem.
| Bildtyp | Typisk bredd | Målvikt |
|---|---|---|
| Bilder i brödtexten | 800–1200 px | Under 100 KB |
| Produktfoton | 1000–1500 px | 100–200 KB |
| Huvudbanners | Upp till 1920 px | Under 300 KB |
| Miniatyrer | 300–400 px | Under 30 KB |
Det här är arbetsmål snarare än regler. Det verkliga testet är om sidan klarar sina gränsvärden för Core Web Vitals på en mellanklassmobil över mobildata, vilket är en helt annan miljö än den du själv testar i.
Vilket bildformat är bäst för SEO?
Använd JPEG för fotografier, PNG för transparens, SVG för logotyper och ikoner och WebP där besparingen i filstorlek motiverar kompromisserna.
Är PNG eller JPEG bäst för SEO?
JPEG för fotografier, eftersom det ger mycket mindre filer med samma upplevda kvalitet. PNG för logotyper, ikoner och allt som behöver transparens eller skarpa kanter. Att använda PNG för produktfoton är en av de vanligaste orsakerna till överviktiga e-handelssidor.
Är PNG eller WebP bäst för SEO?
WebP i de flesta fall, eftersom det stöder transparens precis som PNG men med betydligt mindre filer. PNG bara där förlustfri precision verkligen spelar roll.
Är JPEG eller WebP bäst för SEO?
WebP ger liknande kvalitet med mindre filstorlek, vilket talar för det om man bara ser till vikten. Min reservation från tidigare gäller: där pålitlig och omedelbar indexering avgör resultatet har JPEG varit mer tillförlitligt enligt min erfarenhet.
Hur hanterar du bilder på en flerspråkig webbplats?
På flerspråkiga webbplatser ska alt-text och filnamn skrivas på sidans språk, eftersom Google Bilder anpassas efter språk och plats.
Det här är den del som saknas i de flesta guider om bild-SEO, och det är en enkel trafikkälla som nästan ingen tar vara på. Tre punkter:
- Alt-text per språkversion. En tysk sida med engelsk alt-text syns inte för tyska bildsökningar. De flesta webbplatser dubblerar de engelska alt-attributen i alla versioner, eftersom CMS:et kopierar dem automatiskt.
- Filnamn per marknad där det är praktiskt möjligt. Det går inte alltid med ett gemensamt mediebibliotek, men där samma produkt verkligen heter olika på olika marknader är det värt besväret att använda de namnen.
- Gemensamma bild-URL:er för alla versioner går bra. Du behöver inte separata filer per språk, och att duplicera dem splittrar signalerna. Behåll en fil och variera de omgivande attributen.
Det bredare sammanhanget finns i vår guide om internationell SEO, men enbart bildlagret står ofta för flera procent av den organiska trafiken på en produktdriven webbplats som finns på flera språk.
Hur gör du bild-SEO i WordPress?
I WordPress komprimerar och skalar du om bilderna före uppladdning, ger filerna beskrivande namn, fyller i alt-textfältet i mediebiblioteket och låter temat sköta den responsiva koden.
WordPress lägger till srcset automatiskt och har haft inbyggd lazy loading sedan version 5.5, så plugins behövs bara för komprimering, konvertering till WebP och massuppdateringar. ShortPixel, Smush och Imagify gör alla detta kompetent. Yoast eller Rank Math tar med bilderna i sitemapen.
I WooCommerce ställer du in bildstorlekarna korrekt i Customizer innan du laddar upp en katalog, eftersom det är en betydligt tråkigare eftermiddag att generera om tusentals miniatyrer i efterhand än att göra rätt från början.
Påverkar bilder SEO?
Ja. Bilder påverkar sidhastighet, innehållets relevans, tillgänglighet och engagemang, och allt det påverkar hur en sida presterar.
Hastigheten är den mätbara vägen, främst via LCP. Relevansen är den subtilare: alt-text, filnamn, bildtexter och omgivande innehåll hjälper alla sökmotorerna att tolka vad en sida handlar om, och tack vare maskinseende bidrar även själva bildinnehållet. Trafik från Google Bilder är en direkt kanal för detaljhandel och receptinnehåll. Och engagemanget, den mjukare signalen, följer av sidor som ser genomtänkta ut snarare än ihopsatta.
Proffstips: Vid en webbplatsmigrering ska du behålla exakt samma bild-URL:er eller omdirigera de gamla ordentligt. Team återskapar sidornas URL-struktur noggrant men låter mediebiblioteket generera om allt därunder, vilket raderar den synlighet i bildsök som byggts upp, över en natt. Jag har sett detta kosta mer trafik än migreringen själv var tänkt att ge.
Vad gör en bild SEO-vänlig?
En SEO-vänlig bild laddar snabbt, har ett beskrivande filnamn och en korrekt alt-text, använder ett lämpligt format i lämpliga dimensioner och ligger nära innehåll som förklarar den.
Det är hela checklistan. Ingen av punkterna är svår i sig, och det är just därför de hoppas över, och därför det är en verklig konkurrensfördel att göra dem konsekvent i en hel katalog.
Vilka är de bästa verktygen för bild-SEO?
De verktyg som är värda att ha är TinyPNG eller Squoosh för manuell komprimering, ShortPixel eller Imagify för automatiserade flöden i WordPress, ett CDN som Cloudflare eller Cloudinary för leverans samt Screaming Frog och Search Console för att hitta problem.
| Verktyg | Användning | Bäst för |
|---|---|---|
| TinyPNG / Squoosh | Manuell komprimering med förhandsvisning | Enskilda bilder, full kontroll |
| ShortPixel / Imagify / Smush | Automatiserad komprimering och konvertering | WordPress i stor skala |
| Cloudflare / Cloudinary / Imgix | Storleksändring och leverans i realtid | Internationell trafik, stora kataloger |
| Screaming Frog | Massgranskning av alt-text, storlek och trasiga filer | Att hitta vad som är fel |
| PageSpeed Insights / Lighthouse | Prestandadiagnostik | Prioritering efter effekt |
| Google Search Console | Prestanda och indexering i bildsök | Att mäta om det fungerade |
Vilka är begränsningarna med bild-SEO?
Begränsningarna med bild-SEO är att bilder inte kan ersätta textinnehåll, att inte alla bilder indexeras, att överkomprimering försämrar upplevelsen och att alt-text ger begränsat sammanhang.
”enbart bilder ger inte höga placeringar”Landingi, SEO Image Optimization: Definition, Importance, and 12 Tips
Indexering är inte garanterad. Bilder utan alt-text, som laddas via JavaScript, som är satta som CSS-bakgrunder eller som blockeras i robots.txt bidrar inte med något, och dekorativa bilder bidrar per definition inte med något.
Överkomprimering är en verklig kostnad som behandlas som om den vore gratis. Ett suddigt produktfoto undergräver förtroendet i exakt det ögonblick då någon bestämmer sig för att köpa, och inget resultat i Core Web Vitals kan kompensera för det.
Och bild-SEO kan inte lösa långsam hosting, dålig mobildesign eller saknad strukturerad data. Det är ett lager bland flera, värt att göra ordentligt men inte värt att förväxla med en strategi.
Få internationella SEO-tjänster från Marketer Coffee
Bildarbete är den sortens oglamorösa arbete som växer över tid och skiljer kataloger åt efter ett par år, och effekten mångdubblas när en butik säljer på flera språk, där alt-text, leveranslatens och synlighet i bildsök varierar mellan marknaderna. Det är det vi gör på Marketer Coffee, en internationell SEO-byrå i Polen som arbetar med e-handels- och SaaS-varumärken i USA, Storbritannien och Europa, till priser som ligger 40–60 % under jämförbara byråer i USA och Storbritannien. Varje uppdrag inleds med en kostnadsfri preliminär SEO-analys som täcker Core Web Vitals, indexering och luckor på marknadsnivå, plus en 90-dagarsplan ordnad efter vad som kostar dig mest.
Se omfattning och priser under internationella SEO-tjänster, eller gå direkt till din marknad: USA, Storbritannien, Tyskland. Vill du hellre se resultat inom detaljhandeln först? I case studyn om Aldi beskrivs 132 % organisk tillväxt på tolv månader.






