Billed-SEO: sådan optimerer du dine billeder

Billedoptimering til SEO i 2026 kræver mere end blot at gøre billeder mindre. Vil du øge din synlighed i Google Images, forbedre webperformance og sikre tilgængelighed, skal du arbejde struktureret med filnavne, alt-tekster, komprimering og moderne billedformater. Her får du en detaljeret, praktisk guide – baseret på de nyeste anbefalinger – til, hvordan du konkret optimerer billeder, så de understøtter både SEO og brugeroplevelse på tværs af enheder og søgetyper.

Filnavn, alt-tekst og billedets rolle i SEO

Det første skridt i billedoptimering for SEO er at vælge et præcist filnavn og en kontekstuel alt-tekst, der tilsammen formidler billedets indhold entydigt for både søgemaskiner og brugere.

• Filnavne: Brug korte, beskrivende filnavne uden specialtegn eller tilfældige tal. Et godt eksempel er sort-loebesko-sideprofil.webp i stedet for IMG_4821.jpg. Filnavnet bør afspejle billedets faktiske motiv og matche sidens sprog. Filendelsen skal svare til det rigtige format – altså ikke bare omdøbe en WebP til .jpg.
• Alt-tekst: Alt-teksten beskriver, hvad billedet viser og hvilken funktion det har på siden. Undgå keyword stuffing og skriv så præcist og kort som muligt. For eksempel: alt=”Sort kontorstol med justerbare armlæn set fra siden”. Dekorative billeder skal have tom alt-attribut (alt=””), så de ignoreres af skærmlæsere.
• Kontekst: Billedet skal placeres tæt på relevant tekst og have en tydelig sammenhæng med sidens indhold, overskrift og evt. billedtekst. Google vurderer billeder ud fra helhed og kontekst, ikke kun ud fra filnavn eller alt-tekst.

Læs mere om grundlæggende teknisk SEO og hvordan korrekt markup understøtter søgemaskiner.

Komprimering og billedformater: WebP og AVIF i praksis

Effektiv billedoptimering kræver, at du leverer billeder i den rette opløsning, med mindst muligt filstørrelse og i et format, der understøttes bredt. I 2026 er WebP og AVIF de mest relevante billedformater for danske websites.

• Komprimering: Reducér både dimensioner og datamængde før upload. Et billede i 4000px bredde bør kun bruges, hvis det faktisk vises så stort – lav varianter til mobil og desktop (f.eks. 480px, 800px, 1200px). Komprimer uden synlige artefakter, og brug værktøjer, der bevarer kvaliteten.
• WebP: Standardformat til både lossy og lossless komprimering, transparens og animationer. Understøttes af alle moderne browsere i 2026.
• AVIF: Giver ofte endnu mindre filer end WebP, især til store, komplekse billeder. Bruges især til hero-billeder, men kræver fallback til WebP eller JPEG for ældre browsere.
• Fallback: Implementér fallback i HTML, så brugeren altid får et understøttet format. Brug <picture>-elementet med både AVIF, WebP og JPEG i prioriteret rækkefølge.
• PNG og SVG: Brug PNG til tabsfri grafik og transparens, SVG til vektorgrafik og ikoner. JPEG bruges kun som fallback eller hvis andet ikke er muligt.

Test altid hvordan billedet ser ud på forskellige enheder og sammenlign filstørrelser før publicering. Se også vores guide til SEO-termer og billedformater for flere definitioner.

Responsive billeder, dimensioner og webperformance

Responsiv billedlevering sikrer, at brugeren kun downloader den nødvendige filstørrelse til deres enhed. Samtidig er korrekt dimensionering afgørende for at undgå layout shifts og forbedre Core Web Vitals.

• Srcset og sizes: Brug srcset og sizes i <img>-tagget, så browseren automatisk vælger den bedst egnede variant. Eksempel:
  
  
  <img src=”produkt-800.webp” srcset=”produkt-480.webp 480w, produkt-800.webp 800w, produkt-1200.webp 1200w” sizes=”(max-width: 600px) 100vw, 50vw” alt=”Hvid keramikkop med blåt håndtag” width=”1200″ height=”1200″>
  
• Width og height: Angiv altid bredde og højde på billeder, så browseren kan reservere plads og undgå Cumulative Layout Shift (CLS). Alternativt kan du bruge CSS aspect-ratio.
• Lazy loading: Brug loading=”lazy” på billeder under folden for at spare båndbredde og forbedre sidehastighed. Lad dog være med at lazy-loade det vigtigste billede på siden (hero-/LCP-billede), da det kan forringe Largest Contentful Paint (LCP).
• Fetchpriority: Overvej fetchpriority=”high” på det centrale billede for at sikre hurtig indlæsning.

Du kan måle effekten af dine optimeringer med PageSpeed Insights og Google Search Console. Husk også at tjekke målepunkter for LCP (<2,5 sek.), CLS (<0,1) og INP (<200 ms) – disse Core Web Vitals er vigtige både for SEO og brugeroplevelse.

Teknisk adgang, billed-URL’er og image sitemaps

Selv de bedst optimerede billeder har ingen værdi, hvis Google ikke kan hente og indeksere dem. Billedets URL, hosting og sitemap er derfor afgørende for synlighed både i Google Images og i almindelige søgeresultater.

• Crawlbarhed: Kontrollér at billeder ikke blokeres af robots.txt, CDN-indstillinger eller kræver login. Billed-URL’er skal være stabile og beskrivende.
• Image sitemap: Brug et image sitemap hvis du har mange billeder, dynamisk indlæsning eller billeder hostet på et separat domæne. Et image sitemap hjælper Google med at opdage og indeksere billeder, der ellers kan være svære at finde.
• Test: Brug Google Search Console, Lighthouse og browserens netværkspanel til at tjekke, om alle billeder leveres korrekt, har den rette MIME-type og er cachet hensigtsmæssigt.

For mere om teknisk gennemgang og fejlretning af billed-SEO, læs vores SEO-analyse guide.

Typiske fejl i billedoptimering – og hvordan du undgår dem

• Generiske filnavne: Navngiv aldrig billeder IMG_1234.jpg eller image1.png. Google tolker ikke tilfældige tal og standardnavne som meningsfulde signaler.
• Keyword stuffing: Fyld ikke filnavne eller alt-tekst med søgeord. Det virker ikke – og kan skade både tilgængelighed og relevans.
• Samme alt-tekst på alle billeder: Beskriv hvert billede individuelt, så brugere og søgemaskiner kan skelne dem fra hinanden.
• Alt-tekst på dekorative billeder: Dekorative elementer skal have tom alt-attribut for ikke at forstyrre skærmlæsere.
• For store billeder: Brug ikke et 4 MB billede til et ikon – skaler og komprimér altid.
• Manglende width/height: Uden dimensioner opstår layout shifts, der forringer CLS og brugeroplevelse.
• Blind brug af lazy loading: Lazy load ikke hero- eller LCP-billedet.
• Ikke-matchede formater og filendelser: En .jpg-fil skal faktisk være JPEG – ikke en WebP omdøbt til .jpg.
• Billeder skjult bag JavaScript: Hvis Google ikke kan finde billedet i HTML, bør du bruge image sitemap og sikre korrekt teknisk struktur.
• Stockfotos uden unik værdi: Originale billeder, diagrammer eller produktfotos har større SEO-værdi end generiske billeder.

Se også vores side om SEO for webshops for konkrete billedeksempler i e-handel.