Bildeoptimalisering for nettbutikk: Komplett SEO-guide 2026

Bildeoptimalisering for nettbutikk er prosessen med å redusere filstørrelsen, velge riktige formater og legge til kontekst til bilder, slik at sidehastigheten og synligheten i søkeresultater forbedres. For norske nettbutikker er dette en av de mest kostnadseffektive SEO-tiltakene, fordi produktbilder ofte utgjør hoveddelen av sidevekten.

• WebP gir omtrent 25–35 prosent mindre filstørrelse enn JPEG ved samme kvalitet.
• Bilder utgjør ofte over 50 prosent av den totale vekten på en nettbutikkside.
• Lazy loading kan redusere den innledende lastetiden ved å utsette bilder utenfor skjermen.
• AVIF bygger på AV1-teknologi og gir bedre komprimering enn WebP i mange tilfeller.

For mer, se vår SEO-verktøy for e-handel-side.

Hvorfor er bildeoptimalisering viktig for nettbutikk SEO?

Bildeoptimalisering er viktig for nettbutikk SEO fordi det reduserer lastetid, forbedrer brukeropplevelsen og åpner for trafikk fra bildesøk.

Bilder utgjør ofte over 50 prosent av vekten på en nettbutikkside. Når bildene ikke er optimalisert, øker lastetiden, og besøkende forlater siden før den er ferdig lastet. Søkemotorer som Google bruker hastighet som et signal både i organiske og mobile resultater.

For nettbutikker er produktbilder avgjørende for konvertering. Et skarpt, raskt lastende bilde kan utgjøre forskjellen mellom et salg og et tapt besøk. Optimalisering handler ikke bare om å gjøre filen mindre, men om å beholde nok kvalitet til at bildet fortsatt overbeviser kunden.

I tillegg gir bildeoptimalisering deg en egen trafikkkanal: Google Bilder og andre visuelle søk. Med riktig alt-tekst og struktur kan produktbildene dine rangere og drive kvalifiserte besøkende til nettbutikken.

Hvilke bildeformater bør du bruke i nettbutikken?

For nettbutikker bør du bruke moderne formater som WebP og AVIF til produktbilder, med JPEG og PNG som fallback for eldre nettlesere.

JPEG har lenge vært standardformatet for fotografiske produktbilder. Formatet gir god komprimering, men kan vise komprimeringsartefakter ved høye kvalitetsnivåer. PNG egner seg best for grafikk, logoer og bilder med gjennomsiktighet, men filene blir ofte mye større enn JPEG.

WebP er utviklet av Google og gir omtrent 25–35 prosent mindre filstørrelse enn JPEG ved samme kvalitet. AVIF, som bygger på AV1-teknologi, kan gi enda bedre komprimering. Mange moderne nettbutikker oppnår svært gode resultater med AVIF, spesielt for store produktbilder.

For best kompatibilitet bør du bruke -elementet med flere filformater. Nettleseren velger da selv det beste formatet den støtter. På den måten beholder du kvaliteten, samtidig som du sikrer at også eldre nettlesere viser et bilde.

Hvordan komprimere bilder uten å miste kvalitet?

Du komprimerer bilder uten synlig kvalitetstap ved å bruke tapsfri eller optimalisert komprimering, riktig bildeoppløsning og verktøy som justerer kvaliteten automatisk.

Komprimering handler om å fjerne overflødig informasjon fra bildefilen. Tapsfri komprimering beholder alle detaljer, men reduksjonen er begrenset. Tapsbasert komprimering gir mye mindre filer, men kan skape synlige artefakter hvis kvaliteten settes for lavt.

Før du komprimerer, må du sørge for at bildet faktisk er like stort som det vises i grensesnittet. Et 4000 piksler bredt bilde som vises i 400 piksler, kaster bort både plass og lastetid. Skaler bildet til maksimal visningsstørrelse før du optimaliserer.

Bruk verktøy som ImageOptim, Squoosh eller PageSpeed Insights for å finne riktig balanse. Mange CMS-plattformer har også automatisk komprimering. Med en skikkelig komprimeringspipeline kan du redusere filstørrelsen med 60–80 prosent uten at kunden merker forskjell.

Hva er beste praksis for alt-tekst og bildenavn?

Beste praksis for alt-tekst er å beskrive bildets innhold og kontekst med naturlige nøkkelord, og filnavnet bør være beskrivende med bindestrek mellom ordene.

Alt-tekst er tekstalternativet som vises hvis bildet ikke kan lastes, og det leses opp av skjermlesere. For søkemotorer gir alt-tekst kontekst om hva bildet viser. Unngå å fylle alt-tekst med nøkkelord; skriv i stedet en naturlig beskrivelse som inneholder relevante fraser der det faller naturlig.

Filnavnet er en del av bilde-URL-en og bør beskrive produktet, ikke være en generisk streng som 'IMG_4821.jpg'. Bruk små bokstaver og bindestrek mellom ord, for eksempel 'bla-hvit-ullgenser.jpg'. Dette gjør det enklere for søkemotorer å forstå bildet.

Funksjonelle bilder, som knapper og bakgrunner, bør ha tom alt-tekst (alt="") så skjermlesere hopper over dem. Produktbilder bør derimot ha en presis og unik alt-tekst som skiller seg fra bilder av andre produkter.

Hvordan bruke lazy loading og responsive bilder?

Lazy loading utsetter lasting av bilder utenfor skjermen til brukeren ruller ned, mens responsive bilder leverer riktig størrelse basert på enhet og skjermoppløsning.

Lazy loading er en teknikk som sørger for at bilder under folden ikke lastes før brukeren nærmer seg dem. Du kan aktivere det enkelt med loading='lazy'-attributtet på img-elementer. Dette reduserer den innledende lastetiden betydelig på produktsider med mange bilder.

Husk at lazy loading ikke bør brukes på det første bildet som er synlig når siden åpnes, for eksempel hero-bildet. Vi anbefaler også å sette bredde og høyde på alle bilder. Det forhindrer layout-shift, som er et viktig signal for Google Core Web Vitals.

Responsive bilder oppnår du med srcset og sizes-attributtene. Da kan nettleseren velge den beste filstørrelsen ut fra enhetens skjermbredde. Kombiner dette med lazy loading for å få en både rask og fleksibel nettbutikk.

Hvordan teste og måle bildeoptimalisering i nettbutikken?

Du tester bildeoptimaliseringen din med verktøy som PageSpeed Insights, Lighthouse og Search Console, og måler effekten på lastetid, Core Web Vitals og bildeindeksering.

Google PageSpeed Insights gir deg en konkret liste over bilder som kan optimaliseres, sammen med forslag til ny filstørrelse. Lighthouse, som er innebygd i Chrome DevTools, analyserer også bilder og gir score for ytelse. Disse verktøyene bør være en fast del av den tekniske SEO-oppfølgingen.

Google Search Console viser hvordan bildene dine presterer i søk. Her ser du antall visninger, klikk og gjennomsnittlig plassering for bilder. Hvis bildene dine ikke blir indeksert, bør du sjekke alt-tekst, robots.txt og strukturert data på produktsidene. For mer om strukturert data, se vår veiledning om strukturert data for nettbutikker.

For avansert testing kan du bruke nettverkspanelet i utviklerverktøy for å se hvordan hvert bilde lastes. Følg med på Core Web Vitals-spesifikt LCP (Largest Contentful Paint). Bildene er ofte hovedårsaken til høy LCP, og optimalisering gir raskest mulig resultat.

Du kan utforske Crawza priser.