Bild-SEO: optimera bilder för Google – guide

Optimera bilder: filnamn, alt-text, storlek och format som får bilderna att synas i Google och sidan att ladda snabbare.

Du har lagt timmar på en snygg produktbild, laddat upp den, och sedan… ingenting. Bilden syns inte i Google, sidan laddar segt, och besökaren på mobilen hinner tröttna innan den ens dykt upp. Det är precis den typen av problem som bild-SEO löser.

Bild seo handlar om att hjälpa Google förstå vad bilderna föreställer, och samtidigt se till att de inte bromsar sajten. Det är en av de mest tacksamma delarna av on-page-arbetet: enkla åtgärder, tydlig effekt, och mycket kan göras redan i eftermiddag.

Varför bild-SEO är värt din tid

Kort svar: bilder står ofta för mer än hälften av allt som laddas ner på en sida, och de är samtidigt en egen kanal in via Googles bildsök. Optimerar du dem rätt får du både snabbare sidor och en till väg för folk att hitta dig. En besökare som väntar på tunga bildfiler klickar ofta bort innan sidan är klar, och en bild som Google inte förstår hamnar aldrig i sökresultaten. Bild-SEO adresserar båda samtidigt.

Vad Google ser i en bild

Google är bra på att tolka bilder, men gissar hellre inte. Sökmotoroptimering av bilder handlar mycket om att ge tydliga ledtrådar om vad bilden föreställer. Signaler som väger in:

• Filnamnet på själva bildfilen
• Alt-texten som beskriver bilden
• Bildtexten och innehållet runt omkring
• Vilket sammanhang och vilken rubrik bilden ligger under
• Hur snabbt bilden laddar för besökaren

Ju fler av de här som pekar åt samma håll, desto säkrare blir Googles ranking av vad bilden handlar om.

Ranking och laddtid hänger ihop

Snabbhet och synlighet går hand i hand. Optimerade bilder laddar snabbare, och en snabb sida är en fördel i Google. Samtidigt gör beskrivande filnamn och alt-text att bilderna kan ranka i bildsök. Du jobbar alltså inte med två olika saker, utan förbättrar samma sida från två håll.

Filnamn, alt-text och kontext

Här ligger de största och enklaste vinsterna. Två fält, ingen kod, och de flesta sajter gör fel på dem. Får du ordning på filnamnet och alt-texten har du redan gjort det viktigaste inom on-page för bilder.

Ge bilden ett beskrivande filnamn

Ett filnamn som IMG_4471.jpg säger ingenting. rod-damcykel-tegelvagg.jpg beskriver motivet och kan innehålla ett relevant sökord. Använd gemener, bindestreck mellan orden och inga å, ä eller ö i filnamnet.

Skriv alt-text som fungerar

Alt-text är den beskrivande texten som visas om bilden inte laddar, och som skärmläsare läser upp för besökare med synnedsättning. Google använder den för att förstå motivet. Title-attributet, som visas som en liten ruta vid muspekaren, har däremot liten betydelse för sökmotoroptimering, så lägg energin på alt-texten. Så här beskriver du en bild bra:

• Beskriv konkret vad bilden föreställer
• Håll det till ett par relevanta ord, inte en hel mening
• Väv in ett sökord om det passar naturligt
• Skriv inte “bild på” eller “foto av”, det är underförstått
• Lämna alt-texten tom för rent dekorativa bilder

Tänk att du beskriver bilden i telefon för någon som inte ser den. Då hamnar du oftast rätt.

Bildtext och sammanhang

En bild förstås alltid i sin kontext. Texten närmast bilden, rubriken ovanför och en synlig bildtext hjälper Google att sätta bilden i rätt fack. Några saker att tänka på:

• Placera bilden nära den text den hör ihop med
• Skriv en kort bildtext när den tillför något
• Låt rubrik och stycke handla om samma sak som bilden
• Släng inte in bilder utan koppling till innehållet

En bild som ingen text runt omkring förklarar är en gåta även för Google. Sammanhanget är halva jobbet.

Storlek, komprimering och format

Den här delen märks direkt i mätverktygen. En sida full av oskalade bildfiler kan ta flera extra sekunder att ladda, och på mobil är tålamodet kort. Att optimera bilder i storlek och format är ofta den snabbaste vägen till en snabbare sajt.

Rätt bildstorlek i pixlar

Ladda aldrig upp en bild större än den visas. En yta som är 600 pixlar bred behöver ingen fil på 4000 pixlar. Riktmärken att utgå från:

• Innehållsbilder: ungefär dubbla visningsbredden för skarpa skärmar
• Hjältebilder: större får de vara, men komprimera hårdare
• Miniatyrer: skala ner filen på riktigt, dölj den inte bara med CSS
• Kolla bredden på din faktiska bildyta innan du bestämmer bildstorleken

Komprimera bilderna

Komprimering minskar filstorleken genom att slänga information ögat knappt märker. För de flesta innehållsbilder är ett mål under 200 kB fullt rimligt. En enkel arbetsgång:

1. Exportera i rätt pixelstorlek först
2. Minska kvaliteten tills du precis ser skillnad, backa sedan ett snäpp
3. Spara foton i WebP eller JPEG, inte PNG
4. Jämför filstorleken före och efter så vinsten syns

Du behöver ingen dyr programvara. Gratis komprimeringstjänster online, exportreglaget i ditt bildprogram, ett automatiskt tillägg i publiceringsverktyget eller ett CDN som levererar rätt bildstorlek per enhet gör jobbet lika bra.

Välj rätt format

Formatet avgör hur liten en fil kan bli utan att bli ful. Fel format är en vanlig orsak till onödigt tunga bildfiler.

När SVG är rätt val

SVG är vektorgrafik, alltså matematiskt beskrivna former i stället för pixlar, vilket gör filen liten och skarp i alla storlekar. Använd SVG för logotyper, ikoner och enkla grafiska element som ska skalas utan att bli suddiga. För vanliga foton fungerar formatet dåligt, håll dig till WebP eller JPEG där. Tänk också på att bilder som läggs in som CSS-bakgrund inte räknas som riktigt innehåll av Google och inte kan få alt-text, så spara CSS-bakgrunder till rent dekorativa mönster.

Rutin och struktur över tid

Enskilda bilder i all ära, men på en större sajt vinner du på att tänka struktur: hur bilderna hittas, hur de passar in i innehållet och hur kvaliteten hålls uppe. En sitemap är en karta över sajten som lämnas till Google, och en bilder-sitemap är särskilt användbar när bilderna är en viktig del av erbjudandet, till exempel i en webshop eller ett bildgalleri. Många SEO-tillägg skapar den automatiskt, och sedan lämnar du in dess adress i Search Console och följer upp att sidorna indexeras. Tekniker som lazy loading, som laddar bilder längre ner först när besökaren scrollar dit, och ett CDN nära användaren kortar laddtiderna ytterligare, och finns ofta inbyggda i moderna plattformar.

Din bild-SEO-rutin steg för steg

Gör det till en fast vana varje gång du laddar upp en bild, så slipper du städa i efterhand.

Återkommande koll

För de flesta sajter räcker en genomgång ett par gånger om året, plus en snabb koll när du publicerar nytt. Har du en webshop med många nya produkter blir det snarare en löpande vana. Bocka av det här när du städar:

Tydliga signaler och snabb laddning väger i regel tyngst, så det är där du får mest för din tid.

Nästa steg

Börja i det lilla: ta de fem viktigaste bilderna på startsidan, skala dem, komprimera dem och ge dem beskrivande filnamn och alt-text. Det tar en kvart, och skillnaden märks både i laddtid och i hur bilderna beter sig i Google. Sätt sedan rutinen ovan i system så att varje ny bild redan är optimerad när den publiceras. Då blir bild-SEO inte ett projekt, utan bara så du gör.