Produktbilder er avgjørende for både brukeropplevelse og synlighet i søkemotorer, og optimalisering av dem handler om å gjøre bildene både raske, relevante og forståelige for Google. I denne guiden går vi gjennom hele bildeprosessen – fra filformat og komprimering til alt-tekst, strukturert data og teknisk ytelse. Du får konkrete tiltak som forbedrer både lastetid, brukeropplevelse og rangering.
- WebP gir vanligvis 25–35 prosent mindre filstørrelse enn JPEG med samme kvalitet.
- Largest Contentful Paint (LCP) bør være under 2,5 sekunder for å gi god brukeropplevelse.
- Produktbilder bør ha en filstørrelse på under 200 kB per bilde for å unngå trege sider.
- Bilder står ofte for den største andelen av en nettsides totale vekt.
- Ved å bruke moderne bildeformater kan du spare 60–80 prosent av opprinnelig filstørrelse.
Innholdsfortegnelse
- Hvorfor betyr produktbilder så mye for SEO?
- Hvordan velge riktig filformat og komprimering?
- Hva er en god alt-tekst for produktbilder?
- Hvordan bruke strukturert data for produktbilder?
- Hvordan påvirker bilder Core Web Vitals?
- Hvordan blir produktbilder synlige i Google Bilder?
- Hvilke verktøy kan du bruke for bildeoptimalisering?
- Hvordan følge opp resultatene?
- Ofte stilte spørsmål
God produktbilder-optimalisering handler like mye om filnavn, alt-tekst og komprimering som om selve motivet, fordi det er detaljene søkemotoren faktisk leser.
Hvorfor betyr produktbilder så mye for SEO?
Produktbilder påvirker både sidehastighet, brukeropplevelse og kvalitetssignaler, noe som gjør dem til en sentral del av teknisk SEO i nettbutikken.
Google bruker bilder som et rangeringselement i bildesøk, men viktigst er at bildene dine påvirker lastetiden og Core Web Vitals. Bilder er ofte den største andelen av en nettsides totale vekt, så her ligger det mye å hente. En treg butikk taper både konverteringer og posisjoner.
Samtidig gir gode produktbilder bedre brukeropplevelse. Kunder som ser produktet tydelig, blir tryggere på kjøpet. Det reduserer fluktfrekvensen og øker tiden de bruker på siden – signaler som Google tolker positivt. Kombinasjonen av teknisk kvalitet og god brukeropplevelse er akkurat det søkealgoritmene belønner.
For nettbutikker med mange produkter er det spesielt viktig å ha en strategi for bilder. En side med 50 produkter og ukomprimerte bilder kan fort laste flere megabyte per side. Det sliter både på mobilbrukere og på budsjettet ditt i form av tapte salg.
Hvordan velge riktig filformat og komprimering?
Bruk moderne formater som WebP eller AVIF, og komprimer bildene uten synlig kvalitetstap for å redusere lastetiden.
JPEG har lenge vært standarden for fotografiske produktbilder, men WebP og AVIF gir betydelig mindre filstørrelse med samme kvalitet. De fleste nettlesere støtter begge formatene i dag, så det er trygt å ta dem i bruk. Pass også på at bildene vises i riktig størrelse – en 4000 px bred fil skal ikke lastes ned til en 800 px bred boks.
Komprimering kan gjøres med verktøy som Squoosh, TinyPNG eller ImageOptim. Målet er en filstørrelse på under 200 kB per produktbilde, uten at detaljene forsvinner. Kombinerer du riktig format med automatisk komprimering, sparer du ofte 60–80 prosent av opprinnelig størrelse. Les mer om produktbilder-optimalisering i vår guide.
Et godt tips er å lage en standard for alle produktbilder, for eksempel 1600×1600 piksler med hvit bakgrunn. Da blir det enkelt å holde kvaliteten jevn, og du unngår at bilder blir strukket eller beskjært. Filstørrelsen bør ligge stabilt under 200 kB uansett motiv.
Hva er en god alt-tekst for produktbilder?
En god alt-tekst beskriver produktet kort og presist med naturlig språk og fokus på det viktigste for kunden.
Alt-teksten er bildets tekstlige beskrivelse og et viktig signal for både Google og skjermlesere. Den bør fortelle hva produktet er, gjerne med farge, modell eller type, men uten å fylle på med søkeord. Naturlig språk fungerer best i dagens søkealgoritmer.
Skriv for eksempel «Blå ullgenser i størrelse M» i stedet for «genser-ull-blå-kjøp-billig». Unngå å gjenta samme alt-tekst på flere bilder, og la dekorative bilder ha tom alt-tekst. Husk at alt-teksten også skal fungere for brukere med synshemning.
Når du skriver alt-tekster, tenk på hva en kunde som ikke ser bildet trenger å vite. Produkttype, farge og eventuelt størrelse er ofte nok. Ikke gjenta merkenavnet i alle alt-tekster, og unngå å liste opp alle farger og varianter i én og samme setning.
Hvordan bruke strukturert data for produktbilder?
Ved å merke produktbilder med schema markup for Product og ImageObject hjelper du Google med å forstå og vise bildene bedre.
Strukturert data gjør det lettere for Google å tolke innholdet på siden. For produktbilder kan du bruke Product-schema med egenskapene image og additionalImage for å lenke til bildene dine. Da øker sjansen for rike resultater og bedre visning i bildesøk.
Du kan også legge til ImageObject-schema, men det viktigste er at bildene er tilgjengelige på samme domene og at URL-ene fungerer uten hindringer. Test oppsettet med Google sin validator eller rich results test etter publisering. Se vår guide til schema markup for nettbutikk for detaljerte eksempler.
Husk at schema markup ikke er en garanti for rike resultater, men det forbedrer sjansene. Google bruker mange signaler, og bilder med god kvalitet og relevans veier tungt. Sørg for at bildene du refererer til i schema, faktisk finnes og kan indekseres.
Hvordan påvirker bilder Core Web Vitals?
For store og ukomprimerte bilder er den vanligste årsaken til dårlige Core Web Vitals-resultater, særlig LCP og CLS.
Largest Contentful Paint (LCP) måler hvor raskt hovedinnholdet lastes, og produktbildet er ofte nettopp dette elementet. Jo større bildet er, desto lengre tid tar det. Du bør derfor sette opp lazy loading for bilder under folden og sørge for at det første bildet lastes raskt.
Cumulative Layout Shift (CLS) oppstår når bilder mangler bredde- og høydeattributter, slik at siden hopper under innlasting. Legg alltid inn width og height, eller bruk aspect-ratio i CSS. Dette er små grep som gir klare forbedringer i Google sin Core Web Vitals-rapport. Du kan lese mer om Core Web Vitals for e-handel i en egen guide.
Mange nettbutikker kjører på plattformer som Shopify, WooCommerce eller Magento, og alle har egne verktøy for å håndtere bilder. Uansett plattform bør du kontrollere at bildene ikke blokkeres av plugins eller eksterne skript. Det tekniske grunnlaget må være på plass før du kan konkurrere i søkeresultatene.
Hvordan blir produktbilder synlige i Google Bilder?
For å bli synlig i Google Bilder bør du gi bildene beskrivende filnavn, alt-tekst og plassere dem i riktig kontekst på siden.
Google Bilder er en egen søkemotor, og godt optimaliserte produktbilder kan gi ekstra trafikk til nettbutikken. Bruk beskrivende filnavn som «bla-ullgenser-herre.jpg» i stedet for «IMG_2045.jpg». Bildet bør dessuten ha logisk sammenheng med siden det står på.
Det hjelper også å plassere produktbilder nær produktnavnet og beskrivelsen, slik at algoritmene forstår sammenhengen. Sørg for at bildet er synlig i HTML-en og ikke bare lastes inn via JavaScript. Regelmessig oppdatering av produktbilder kan gi positiv effekt i bildesøk.
For produkter som selges i flere farger, kan det være lurt å ha egne bilder per fargevariant. Da får hver variant sin egen alt-tekst og sitt eget filnavn. Det gir både bedre brukeropplevelse og flere muligheter til å bli vist i Google Bilder.
Hvilke verktøy kan du bruke for bildeoptimalisering?
Du kan bruke verktøy som Squoosh, TinyPNG, ImageOptim, CDN-løsninger og CMS-plugins for å forenkle bildeoptimaliseringen.
For manuell optimalisering er Squoosh og TinyPNG enkle og effektive. ImageOptim fungerer godt på Mac, mens Windows-brukere kan bruke nettbaserte tjenester. Mange CMS-er har også innebygde bildeprosesseringer som komprimerer automatisk.
Store nettbutikker bør vurdere CDN med automatisk bildekonvertering, for eksempel Cloudflare Images eller imgix. Da kan du servere bilder i riktig størrelse og format til hver enkelt bruker. Kombinerer du dette med en SEO-plan for nettbutikken, får du et godt grunnlag for vekst.
Hvis du bruker Shopify, finnes det apper som automatisk konverterer bilder til WebP og legger til bredde- og høydeattributter. Tilsvarende plugins finnes for WooCommerce og Magento. Automatisering sparer tid og sikrer at alle nye bilder følger standarden du har satt.
Hvordan følge opp resultatene?
Du bør overvåke bilder og sidehastighet med Google Search Console, PageSpeed Insights og løpende tester for å se effekten av tiltakene.
Når du har optimalisert bildene, er det viktig å måle effekten. Google Search Console viser hvordan bildene dine presterer i bildesøk, og PageSpeed Insights gir konkrete forslag til forbedringer. Du kan også sammenligne før og etter med en SEO-audit for nettbutikk.
Følg med på indeksering og eventuelle feil i Search Console. Hvis mange bilder ikke blir indeksert, kan det skyldes blokkering i robots.txt eller dårlig tilgjengelighet. Sett opp en rutine for å sjekke dette jevnlig, spesielt etter store oppdateringer av produktkatalogen.
Husk at bildeoptimalisering er et kontinuerlig arbeid. Nye produktbilder, kampanjer og sesongvarer krever jevnlig gjennomgang. Ved å inkludere bildeoptimalisering i den løpende lokal SEO for nettbutikk i Norge-innsatsen din, sikrer du at nettstedet holder seg raskt og relevant over tid.
Ønsker du profesjonell hjelp med bilder og teknisk SEO? Ta kontakt med Crawza for rådgivning og konkrete tiltak som passer din nettbutikk.
Crawza går gjennom bildefilene, alt-tekstene og lastetiden i butikken din og sier konkret hva som bør endres først.
Ofte stilte spørsmål
Hvor stor bør et produktbilde være?
Produktbildet bør være minst 800×800 piksler for å vises skarpt på de fleste skjermer, men filstørrelsen bør holdes under 200 kB. Mange nettbutikker bruker 1000–2000 piksler på lengste side for zoom-funksjoner, mens 800 piksler er nok for vanlig visning. Velg størrelse ut fra hvordan bildet brukes i designet, og test alltid med ulike skjermoppløsninger.
Er WebP bedre enn JPEG for produktbilder?
Ja, WebP gir vanligvis 25–35 prosent mindre filstørrelse enn JPEG med samme kvalitet. AVIF er enda bedre på store flater, men støtten er litt mer variabel. For bredest kompatibilitet kan du bruke WebP som standard med JPEG som fallback for eldre nettlesere.
Kan jeg bruke samme alt-tekst på flere bilder?
Nei, hvert bilde bør ha unik alt-tekst som beskriver akkurat det bildet viser. Repeterende alt-tekst oppfattes som tynt innhold og gir lite verdi for verken Google eller skjermlesere. Varier beskrivelsen med vinkel, farge eller detaljer som er relevante for akkurat det bildet.
Hva er forskjellen på alt-tekst og bildetittel?
Alt-tekst beskriver bildet og brukes av skjermlesere og søkemotorer, mens bildetittel er et valgfritt verktøytips som vises når brukeren holder musepekeren over bildet. Tittelen har liten SEO-effekt, men kan forbedre brukeropplevelsen marginalt. Fokuser på alt-tekst i det daglige arbeidet.
Trenger jeg schema markup for alle produktbilder?
Du bør i hvert fall merke hovedbildet med Product-schema, og gjerne også tilleggsbildene i additionalImage-feltet. Slik gir du Google tydelige signaler om hvilke bilder som hører til produktet. Overflødig eller feil schema kan derimot straffes, så valider alltid koden.