Billedoptimering for SEO
Billeder er en central del af weboplevelsen, men de er også den største synder, når det gælder sidehastighed. Korrekt billedoptimering forbedrer loadtider, øger tilgængelighed og skaber trafik fra Google Images. Denne guide dækker alle aspekter af SEO-venlig billedhåndtering.
Hvorfor billedoptimering er vigtigt
Billeder udgør typisk 50-80% af en websides totalvægt. Uoptimerede billeder forsinker loadtider, forværrer Core Web Vitals og skader brugeroplevelsen. Samtidig er Google Images en ofte overset trafikkilde, der kan levere betydelig organisk trafik.
Alt-tekst: Det vigtigste billedlement
Hvad er alt-tekst?
Alt-tekst (alternativ tekst) er en HTML-attribut der beskriver et billedes indhold. Den bruges af skærmlæsere til synshandicappede, vises når et billede ikke kan loades, og hjælper Google med at forstå billedets indhold.
Sådan skriver du god alt-tekst
- Beskriv billedets indhold præcist og specifikt
- Inkluder relevante keywords naturligt, men undgå keyword stuffing
- Hold det under 125 tegn for optimal skærmlæser-kompatibilitet
- Undgå at starte med "Billede af..." — det er implicit
- Dekorative billeder (ikoner, mønstre) bør have tom alt-tekst (
alt="")
Eksempler
- Dårligt:
alt="billede" - Dårligt:
alt="SEO linkbuilding SEO-værktøj bedste SEO" - Godt:
alt="Google Search Console dashboard med crawl-statistik"
Filformater
JPEG
Bedst til fotografier og billeder med mange farver. God kompression med acceptable kvalitetstab.
PNG
Bedst til billeder med transparens, tekst eller skarpe kanter. Større filstørrelser end JPEG.
WebP
Googles moderne format med 25-35% bedre kompression end JPEG ved samme kvalitet. Understøttes af alle moderne browsere.
AVIF
Det nyeste format med endnu bedre kompression end WebP. Understøttelsen vokser, og det er ideelt som primært format med WebP eller JPEG som fallback.
SVG
Vektorformat til ikoner, logoer og illustrationer. Skalerer uden kvalitetstab og har typisk meget små filstørrelser.
Kompression og filstørrelse
Tab vs. tabsfri kompression
- Tab (lossy): Fjerner billeddata permanent for mindre filer. Ideel til fotografier.
- Tabsfri (lossless): Bevarer al billeddata. Ideel til screenshots og grafik.
Kompressions-værktøjer
- Squoosh — Googles gratis online-værktøj med avancerede indstillinger
- ShortPixel — automatiseret kompression med WordPress-plugin
- ImageOptim — desktop-app til macOS
- TinyPNG — simpelt online-værktøj til PNG og JPEG
Responsive billeder
srcset og sizes
Brug HTML's srcset-attribut til at levere forskellige billedstørrelser til forskellige skærmstørrelser. Kombiner med sizes for at fortælle browseren, hvor stort billedet vises.
Picture-elementet
<picture>-elementet giver fuld kontrol over, hvilket billedformat og hvilken størrelse der serveres baseret på medieforespørgsler og browsersupport.
Lazy loading
Native lazy loading
HTML5's loading="lazy" attribut er den simpleste implementering. Browseren udskyder indlæsning af billeder, der ikke er i viewporten, til brugeren scroller ned.
Undtagelse for above-the-fold
Billeder der er synlige uden scroll (above the fold) bør aldrig lazy loades. Det forsinker LCP og forværrer den oplevede hastighed.
Filnavne og URL-struktur
Brug beskrivende filnavne med relevante keywords. google-search-console-oversigt.jpg er langt bedre end IMG_4532.jpg for både SEO og vedligeholdelse.
Ofte stillede spørgsmål
Hvor store bør mine billeder være?
Sigt efter under 200 KB for de fleste billeder. Hero-billeder kan være op til 500 KB. Brug kompression og moderne formater for at holde filstørrelsen nede.
Er WebP altid bedre end JPEG?
WebP giver typisk bedre kompression, men forskellen varierer. For nogle billeder kan en veloptimeret JPEG være tilstrækkelig. Test begge formater for dine specifikke billeder.
Hvordan optimerer jeg billeder til Google Images?
Brug beskrivende alt-tekst, relevante filnavne, korrekt billedstørrelse og placer billeder i kontekst med relevant tekst. Tilføj billedspecifik schema markup for ekstra synlighed.
Skal jeg bruge et CDN til billeder?
For sites med mange billeder og international trafik er et billed-CDN stærkt anbefalet. Tjenester som Cloudinary og imgix kan også automatisere formatkonvertering og resizing.