Billedeoptimering i SEO — Alt-tekst, filnavne, format og størrelse
Billedeoptimering dækker alt-tekst, filnavne, filformat, komprimering og lazy loading — det påvirker både søgemaskinens forståelse af billedets indhold og sidens indlæsningshastighed.
Billedeoptimering i SEO dækker de tekniske og indholdsmæssige faktorer der bestemmer om søgemaskiner forstår dine billeder, om de vises i billedesøgning og om de forsinker eller fremskynder sidens indlæsning. Billeder er typisk den største enkeltfaktor i en sides filstørrelse og har direkte indvirkning på Core Web Vitals og indlæsningshastighed — som igen er rankingsignaler. Korrekt billedeoptimering kombinerer semantiske signaler (hvad viser billedet?) med teknisk performance (hvor hurtigt indlæses det?).
Alt-attributter til søgemaskiner og tilgængelighed
Alt-tekst er det vigtigste billede-SEO-element. Google kan ikke “se” billeder som mennesker — alt-attributten er det primære tekstsignal Google bruger til at forstå hvad et billede viser og i hvilken kontekst det er relevant.
<!-- Dårlig alt-tekst -->
<img src="produkt.jpg" alt="billede">
<!-- God alt-tekst -->
<img src="ergonomisk-kontorstol-sort.jpg" alt="ergonomisk kontorstol i sort med justerbar lændestøtte">
God alt-tekst er beskrivende og specifik — ikke keyword-stuvet. “sort kontorstol kontorstol køb kontorstol” er keyword stuffing og skader. “ergonomisk kontorstol i sort med justerbar lændestøtte” beskriver faktisk billedets indhold.
Alt-tekst tjener desuden et tilgængeligheds-formål: skærmlæsere bruger alt-teksten til at beskrive billeder for synshandicappede brugere. Dekorative billeder (spacers, baggrunde) bør have tom alt-tekst alt="" — så springer skærmlæsere dem over.
Beskrivende filnavne
Filnavnet er et supplerende, men reelt signal til Google. Google bruger filnavnet som en del af sin forståelse af billedets emne — særlig når alt-tekst er sparsom eller manglende.
- Godt:
ergonomisk-kontorstol-sort-justerbar.jpg - Dårligt:
IMG_4521.jpg,product_123.jpg,photo.jpg
Brug bindestreger som ordseparator (ikke underscore), hold filnavnet til 3-5 beskrivende ord og sæt det i kontekst med sidens overordnede emne.
WebP vs JPEG og PNG — Valg af billedformat
Filformat har direkte indvirkning på web performance og indlæsningshastighed:
| Format | Brug | Filstørrelse |
|---|---|---|
| WebP | Fotos og komplekse billeder | 25-35% mindre end JPEG |
| JPEG | Fotos når WebP ikke understøttes | Standard |
| PNG | Transparens og skarp grafik | Stor ved fotos |
| AVIF | Næste generation — bedre end WebP | Begrænset support |
WebP bør bruges som standard til alle fotorealistiske billeder på moderne websites. Alle større browsere understøtter WebP. Brug <picture>-elementet til at servere WebP med JPEG-fallback:
<picture>
<source srcset="billede.webp" type="image/webp">
<img src="billede.jpg" alt="beskrivelse af billedet">
</picture>
Lazy loading og hvad det betyder for Core Web Vitals
Lazy loading forsinker indlæsning af billeder der ikke er synlige i viewporten ved første sideindlæsning. Det reducerer den initiale indlæsning markant for billedtunge sider.
<!-- Lazy loading på billeder under fold -->
<img src="billede.jpg" alt="beskrivelse" loading="lazy">
<!-- Eager loading på hero-billeder (aldrig lazy på above-fold) -->
<img src="hero.jpg" alt="hero billede" loading="eager">
En kritisk fejl: at sætte loading="lazy" på sidens hero-billede. Det forsinker Largest Contentful Paint (LCP) — en af de tre Core Web Vitals-metrics — og straffer siden direkte i Googles performance-evaluering.
Image sitemaps og billeder i AI-søgning
Image sitemaps er XML-filer der eksplicit lister billeder med titel, beskrivelse og kilde-URL. De er særlig nyttige for sites der indlæser billeder via JavaScript, da Googlebot ikke altid renderer JS fuldt ud ved første crawl.
I AI-søgning bruges billeder til multimodale søgeresultater — billeder med forklarende tekst citeres i svar. Præcis alt-tekst og omgivende kontekst er de primære signaler for billedrelevans i AI-genererede søgesvar.
→ Denne artikel er en del af On-page SEO — Optimering af sidens egne elementer.
Andre artikler i samme emne
- Duplicate content — Årsager, konsekvenser og løsninger
- Intern linking i SEO — PageRank, anchor text og orphan pages
- Meta description — CTR-optimering i søgeresultater
- On-page vs. off-page SEO — Forskelle, overlap og prioritering
- Over-optimering — Når SEO-tiltag begynder at skade rankings
- Thin content — Definition og konsekvenser for SEO
- Title tags — Title tagget som on-page SEO-signal
Ofte stillede spørgsmål
- Hvad er alt-tekst og hvorfor er det vigtigt for SEO?
- Alt-tekst (alternativ tekst) er attributten alt='' i HTML-billedelement der beskriver billedets indhold i tekst. Google kan ikke se billeder som mennesker — alt-tekst er det primære signal Google bruger til at forstå hvad et billede viser. God alt-tekst er beskrivende og specifik: alt='mand der skriver på laptop ved cafébord' er bedre end alt='billede' eller tom alt-tekst. Alt-tekst er også afgørende for tilgængelighed — skærmlæsere bruger den til at beskrive billeder for synshandicappede brugere.
- Hvordan bør billedefilnavne navngives til SEO?
- Filnavne bør beskrive billedets indhold med bindestreger som ordseparator: sofa-i-graa-stof.jpg er langt bedre end img1234.jpg eller DSC_0087.jpg. Google bruger filnavnet som et supplerende signal til at forstå billedets emne. Filnavne bør holdes korte (3-5 ord), beskrivende og relevante for sidens overordnede emne. Undgå specialtegn, mellemrum og store bogstaver.
- Hvad er forskellen på WebP, JPEG og PNG til weboptimering?
- WebP er Googles moderne billedformat der giver 25-35% mindre filstørrelse end JPEG ved samme visuelle kvalitet. WebP understøttes af alle moderne browsere og anbefales som standard til fotorealistiske billeder. JPEG er stadig acceptabelt til fotos men giver større filer. PNG bruges til billeder med transparens eller grafik med skarp tekst — her giver WebP ikke samme gevinst. AVIF er et endnu nyere format med endnu bedre komprimering men mere begrænset browserunderstøttelse.
- Hvad er lazy loading og hvornår skal det bruges?
- Lazy loading er en teknik der forsinker indlæsning af billeder til de er tæt på at komme i view. Det implementeres med attributten loading='lazy' på <img>-elementet. Lazy loading reducerer initial sideindlæsningstid markant for sider med mange billeder. Brug lazy loading på alle billeder under fold-linjen. Brug det ikke på hero-billeder og andre billeder synlige ved første indlæsning — disse bør indlæses prioriteret.
- Hvad er et image sitemap og hvornår behøver man det?
- Et image sitemap er et XML-sitemap der eksplicit lister billeder på dit site med URL, titel, beskrivelse og licensinformation. Image sitemaps hjælper Google med at opdage billeder der måske ikke er synlige ved normal crawling — f.eks. billeder indlæst via JavaScript. Det er særlig relevant for sites der ønsker synlighed i Google Billeder og for sites med mange dynamisk indlæste billeder.
- Hvad er korrekt billedstørrelse til web-SEO?
- Billeder bør serveres i den størrelse de faktisk vises. Et billede der vises som 400×300 pixels bør ikke uploades som 4000×3000 pixels — det er 100 gange så mange pixels som nødvendigt og øger filstørrelsen unødvendigt. Brug responsive images med srcset og sizes attributterne til at servere korrekt størrelse til forskellige skærmstørrelser. Billeder er typisk den største enkeltfaktor i sidens samlede filstørrelse og har størst effekt på Core Web Vitals.
- Dukker billeder op i Google Billeder på samme måde som normal søgning?
- Google Billeder er en separat kanal med egne rankingfaktorer. Relevante faktorer inkluderer alt-tekst, omgivende sidetekst, filnavn, sidens generelle autoritet og brugeradfærd på billedsøgningssiden. For sites med produktbilleder, redaktionelle fotos eller faglige illustrationer kan Google Billeder-synlighed generere meningsfuld trafik — særlig fra visuelle søgninger der ender i klik til kildesiden.
Placering i ordbogen
- Duplicate content — Årsager, konsekvenser og løsninger
- Intern linking i SEO — PageRank, anchor text og orphan pages
- Meta description — CTR-optimering i søgeresultater
- On-page vs. off-page SEO — Forskelle, overlap og prioritering
- Over-optimering — Når SEO-tiltag begynder at skade rankings
- Thin content — Definition og konsekvenser for SEO
- Title tags — Title tagget som on-page SEO-signal