2025-06-18 · Redaktionen Baduno · 6 blog.readMin · Blog & Kunskap
Bild-SEO: WebP, alt-texter och slutet på laddtidsursäkter
Bilder är på de flesta sidor den tyngsta lasten och den sämst utnyttjade SEO-ytan samtidigt. Båda kan ändras på en eftermiddag.
Formatfrågan löst
WebP (eller AVIF) istället för JPEG/PNG sparar typiskt 30–70 procent vikt med samma effekt. Det finns knappast längre skäl för de gamla formaten – varje bildpipeline bör automatiskt konvertera, som vår gör.
Mått och laddning
width- och height-attribut förhindrar layout-hopp, loading=lazy skjuter upp osynligt, hero-bilden får prioritet. Tre attribut, märkbar effekt på alla Core Web Vitals.
Alt-texter: för människor, sedan maskiner
En bra alt-text beskriver vad som syns och varför – för skärmläsaranvändare först, för bildsökning därefter. Keyword-stoppning skadar båda målgrupperna. Flerspråkigt gäller: Alt-texter översätts med, inte glöms.
Egna bilder vinner
Stockfoton känner alla igen, och bildsökningen är full av dem. Egna, enhetliga bildvärldar – idag även producerbara med AI-stöd – stärker varumärke och särskiljbarhet. Varje bild på denna webbplats är egenproduktion; det är just poängen.
Effektivitet med AI-driven bildoptimering
AI kan automatiskt välja det optimala formatet och bästa komprimeringen. Verktyg analyserar bildmotivet och justerar parametrar utan att du manuellt behöver granska varje bild. Typiskt uppnås en minskning av filstorleken med 40–60 % med bibehållen kvalitet. Resultaten måste dock stickprovsmässigt kontrolleras av en människa eftersom AI ibland missar detaljer. I praktiken integrerar många innehållshanteringssystem sådana optimeringar via plugin. Ett exempel: En reseportal konverterade tusentals bilder automatiskt, sparade 55 % bandbredd och förbättrade laddningstiden med 1,2 sekunder, utan att en medarbetare behövde röra varje bild.
Sitemap för bilder: Strukturerad data och indexering
Bilder hittas bara om sökmotorn kan crawla dem. Använd bildsitemapen för att rapportera alla URL:er även för dynamiskt genererade bilder. Komplettera strukturerad data (Breadcrumb, Produkt, Video) med bild-URL:er så att Google kan visa bilderna i Rich Results. Se till att bild-URL:erna pekar direkt på originalfilen och inte via en skriptparameter. Exempel: En möbelbutik online inkluderar alla produktbilder i XML-sitemapen och använder Product-schema med image-egenskap. Då visas bilderna framträdande i Google Bildsök och klickas oftare.
Responsiva bilder och art direction
Med srcset- och sizes-attributen levererar du rätt bild till webbläsaren beroende på viewport. Detta sparar enormt mycket på mobila enheter. Art direction (picture-elementet) tillåter till och med olika bildutsnitt – t.ex. på smartphonen fokus på produkten, på datorn hela scenen. Implementeringen kräver flera bildvarianter, men moderna CMS kan automatisera detta. En reseblogg använder en hero-bild för varje destination; på mobila enheter laddas ett centrerat utsnitt som väger 70% mindre. Klickfrekvensen på bilden ökade med 15% eftersom den ser optimal ut på alla enheter.
Bilder är på de flesta sidor den tyngsta lasten och den sämst utnyttjade SEO-ytan samtidigt. Båda kan ändras på en eftermiddag.
Övervakning och felkorrigering av bilder
Även optimerade bilder kan orsaka problem: 404-fel, felaktiga dimensioner, saknade alt-texter. Regelbundna crawls av bildbeståndet hjälper till att identifiera sådana fel. Verktyg som Screaming Frog eller integrerade SEO-plugins visar vilka bilder som saknar alt-texter eller är för stora. Etablera ett arbetsflöde: efter uppdatering eller ny bildserie automatisk kontroll, därefter manuell stickprovskontroll. Exempel: En nyhetssajt upptäcker att 20% av bilderna i äldre artiklar inte är konverterade till WebP. Ett skript konverterar i efterhand, laddningstiden förbättras med 0,8 sekunder.
Bild-CDN och caching: Där pixlarna bor
Att leverera bilder via ett Content Delivery Network (CDN) avlastar din server och snabbar upp visningen på alla kontinenter. Ett CDN lagrar optimerade kopior av dina bilder på edge-servrar nära användaren. I kombination med intelligent caching – t.ex. lång cache-tid för oförändrade bilder och kort för dynamiska – minskar du antalet förfrågningar till din ursprungsserver. Se till att cache-headers är korrekt inställda: Cache-Control: public, max-age=31536000, immutable för statiska bildversioner. Vid uppdatering ändrar du filnamnet eller använder en cache-buster. Moderna bild-CDN-tjänster kan dessutom automatiskt leverera WebP eller AVIF, beroende på webbläsarens kapacitet. Installationen sker oftast via en subdomän (t.ex. media.dinwebbplats.se) och en CNAME-post. I praktiken ser du vid migrering till ett CDN en laddningstidsminskning på 40–60 % för bilder hos internationella besökare. Viktigt: Övervaka HTTP-statuskoder – 304 Not Modified är önskvärt, 503 eller 403 tyder på felkonfiguration. Genomför en crawl efter bytet för att säkerställa att alla bild-URL:er löses korrekt och att inga dubbletter eller felaktiga poster uppstår.
Bildlicenser och juridiska fallgropar inom SEO
SEO-effekten av bilder kan omintetgöras av upphovsrättsproblem. Sökmotorer beaktar även lagligheten av innehåll i sin bedömning. Använd endast licensierade eller egenproducerade bilder. Var uppmärksam på licensvillkoren för stockfoton: många tillåter endast ett begränsat antal visningar eller utesluter kommersiell användning. Ange upphovspersonen korrekt, eftersom en saknad kreditering kan vara föremål för rättsliga påföljder trots licens. För Creative Commons-bilder, skilj på varianterna: CC0 tillåter allt utan namngivning, CC BY kräver upphovsangivelse. Implementera ett arbetsflöde: Varje bild får före publicering en licensnotering i metadata (t.ex. EXIF-XMP) och på sidan en synlig eller via strukturerad data inlagd uppgift. Använd egenskapen og:image med korrekt licensinformation för att skapa transparens även i sociala nätverk. Rättslig renhet stärker trovärdigheten, vilket långsiktigt kan påverka rankningar positivt. Kontrollera regelbundet om bilder utan giltig licens är inlagda – automatiserade verktyg upptäcker saknade metadata. Ett exempel: En blogg tog bort oavsiktligt använda, olicensierade bilder och ersatte dem med CC0-bilder; avvisningsfrekvensen minskade eftersom inga rättsliga varningar längre avskräckte användarna.
CDN och bildcachning: Optimera laddningstiden globalt
Ett Content Delivery Network (CDN) är nästan oumbärligt för bildleverans så snart din webbplats har internationella besökare. CDN lagrar dina bilder på servrar i olika regioner och levererar dem från den geografiskt närmaste platsen. Det minskar latensen avsevärt. Korrekt konfiguration av cache-headers är avgörande. Sätt långa cache-tider (t.ex. ett år) för statiska bildversioner och använd en cache-buster (t.ex. en hash i filens URL) så att den nya versionen levereras omedelbart vid uppdateringar. Utan denna mekanism kan besökare se föråldrade eller felaktiga bilder. Många CDN erbjuder även automatisk bildoptimering: de konverterar till WebP eller AVIF beroende på klientens stöd, anpassar upplösningen till enheten och komprimerar förlustfritt. Dessa funktioner avlastar din server och förbättrar laddningstiden med mätbara bråkdelar av sekunder. Kontrollera dock om CDN-optimeringen åsidosätter dina egna inställningar – du vill behålla kontrollen över alt-texter och metadata. Exempel: En europeisk nätbutik använder ett CDN med bildoptimering och minskar laddningstiden för asiatiska kunder från 5 till under 2 sekunder. Omställningen krävde endast justering av caching-strategin och aktivering av optimeringsreglerna. Se till att dina bild-URL:er är CDN-kompatibla och att alla bilder levereras via samma CDN för att undvika mixed-content-varningar.
Bildlicenser och rättsligt skydd
Vid användning av bilder på din webbplats måste du vara medveten om juridiska fallgropar som kan äventyra både SEO-prestandan och ditt anseende. Varje bild som inte är skapad av dig själv kräver en giltig licens – detta gäller även AI-genererade bilder, vars rättsliga status ännu inte är slutgiltigt klarlagd. Använd endast licensierade bilder från seriösa källor eller egna fotografier. Dokumentera licensieringen per bild i ditt CMS, helst med länk till källan. Saknade eller felaktiga licensuppgifter kan leda till rättsliga påföljder som är dyra och tidskrävande. Använd inte varumärkesnamn eller skyddade termer i alt-texter och bildtitlar utan tillstånd. En annan aspekt: bilder som föreställer personer kräver i många länder ett samtycke (model release). Utan detta får du inte använda bilderna kommersiellt. Kontrollera därför om stockfoton även är godkända för reklamändamål. En reseportal tog till exempel bilder från en gratis databas som endast var licensierade för redaktionellt bruk – det ledde till en föreläggande. Integrera därför ett kontrollsteg i ditt arbetsflöde: innan du laddar upp en extern bild registreras licensen och användarvillkoren bekräftas. Denna disciplin skyddar dig på lång sikt och skapar förtroende hos besökarna, eftersom du kan visa att du använder allt innehåll lagligt.
blog.faqT
Bör jag verkligen manuellt kontrollera varje bilds alt-text?
Helst ja, men vid mycket stora mängder bilder kan du använda AI-verktyg för att generera förslag. Resultaten måste dock stickprovskontrolleras, eftersom AI ofta missar kontextuella nyanser. Ett beprövat arbetsflöde: Låt en modersmålstalare granska automatiskt genererade alt-texter – särskilt i flerspråkiga projekt.
Hur tar jag reda på om mina bilder redan är optimalt komprimerade?
Använd ett verktyg som PageSpeed Insights eller Lighthouse i Chrome DevTools. Dessa visar besparingspotentialen genom optimerade bilder. Crawla hela din webbplats med ett SEO-verktyg som listar filstorleken per bild. Om en bild är över 200 KB bör du optimera eller konvertera den.
