1. Hvorfor Bildeformat Betyr Noe
Google anbefaler å bruke WebP fremfor tradisjonelle formater som JPEG eller PNG. WebP gir samme visuelle kvalitet men med 25–34% mindre filstørrelser.
Fordeler med WebP:
- Raskere sidelastingstider
- Forbedrede Core Web Vitals
- Mindre lagring og båndbreddebruk
HTML-eksempel med WebP Fallback:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Svarte gummistøvler for kvinner" loading="lazy" width="800" height="600">
</picture>
2. ALT-tekst: SEOs Hemmelige Våpen
alt
-attributtet hjelper søkemotorer å forstå bildeinnhold og forbedrer tilgjengelighet. Det er også avgjørende for Google Images SEO.
Riktig Eksempel:
<img src="boots.webp" alt="Svarte PVC-regnstøvler for kvinner fra Litma">
Unngå tomme eller generiske alt
-verdier som alt="bilde"
eller alt="produkt"
.
3. LCP og PageSpeed: Optimaliser Largest Contentful Paint
LCP (Largest Contentful Paint) er en av Googles Core Web Vitals. Hvis hovedbildet ditt laster sakte, faller SEO-rangeringene dine.
Tips for å forbedre LCP:
- Bruk komprimerte WebP-bilder
- Spesifiser bildedimensjoner (
width
,height
) - Last kun nøkkelbilder i begynnelsen
- Bruk
loading="lazy"
for ikke-kritiske visuelle elementer
4. Reduser Filstørrelse = Bedre SEO
Hver kilobyte teller. Store bilder (1MB+) bremser butikken din dramatisk.
Anbefalt:
- Hold produktbilder under 100KB
- Endre størrelse til faktiske visningsdimensjoner
- Bruk tapsfri komprimering når mulig
HTML Beste Praksis:
<img src="shoes.webp" alt="Bomull-joggesko for kvinner" width="600" height="600" loading="lazy">
5. Reelle Data: Hvorfor Det Betyr Noe
- 53% av mobilbrukere forlater et nettsted hvis det tar mer enn 3 sekunder å laste
- Over 70% av eCommerce-nettsteder feiler Core Web Vitals på grunn av dårlig bildehåndtering
- Bare 32% av toppforhandlere bruker WebP
- ALT-tekst mangler i 38% av produktoppføringer
6. Rask Referansetabell
Faktor | Anbefaling |
---|---|
Format | WebP |
ALT-tekst | Nøkkelordrik og beskrivende |
Maks størrelse | Under 100KB |
Lazy loading | Ja (loading="lazy" ) |
LCP-bilde | Optimalisert og responsiv |
Oppløsning | Matcher visningsstørrelse |
7. Bruk WebPPhoto for Rask, Gratis Optimalisering
WebPPhoto.com hjelper deg med å:
- Automatisk fjerne bakgrunner
- Konvertere bilder til WebP
- Endre størrelse og beskjære for markedsplasser
- Optimalisere bilder på sekunder
Alle verktøy er gratis, raske og private.