2025-06-18 · Redaktion Baduno · 6 blog.readMin · Blog & Viden
Billed-SEO: WebP, alt-tekster og slutningen på indlæsningstids-undskyldninger
Billeder er på de fleste sider den tungeste last og samtidig den dårligst udnyttede SEO-flade. Begge dele kan ændres på en eftermiddag.
Formatspørgsmål afklaret
WebP (eller AVIF) i stedet for JPEG/PNG sparer typisk 30–70 % vægt ved samme virkning. Der er næsten ikke længere nogen grund til de gamle formater – enhver billedpipeline bør automatisk konvertere, som vores gør.
Mål og indlæsning
width- og height-attributter forhindrer layout-spring, loading=lazy udskyder usynligt, hero-billedet får prioritet. Tre attributter, mærkbar effekt på alle Core Web Vitals.
Alt-tekster: for mennesker, derefter maskiner
En god alt-tekst beskriver, hvad der ses og hvorfor – først for skærmlæserbrugere, derefter for billedsøgning. Keyword-stuffing skader begge målgrupper. På flere sprog gælder: Alt-tekster oversættes med, ikke glemmes.
Egne billeder vinder
Stockfotos genkender alle, og billedsøgningen er fyldt med dem. Egne, konsistente billedverdener – i dag også KI-producerbare – styrker brand og skelnelighed. Hvert billede på dette website er egenproduktion; det er netop pointen.
Effektivitet gennem AI-baseret billedoptimering
AI kan automatisk vælge det optimale format og den bedste komprimering. Værktøjer analyserer motivet og tilpasser parametre, uden at du manuelt skal kontrollere hvert billede. Typisk opnås en reduktion af filstørrelsen på 40–60% med uændret kvalitet. Resultaterne skal dog stikprøvekontrolleres af et menneske, da AI nogle gange overser detaljer. I praksis integrerer mange CMS'er sådanne optimeringer via plugins. Eksempel: Et rejseportal konverterede tusindvis af billeder automatisk, sparede 55% båndbredde og forbedrede indlæsningstiden med 1,2 sekunder, uden at en medarbejder skulle røre hvert billede.
Sitemap til billeder: Strukturerede data og indeksering
Billeder findes kun, hvis søgemaskinen kan crawle dem. Brug billedsitemappet til også at rapportere alle URL'er for dynamisk genererede billeder. Tilføj strukturerede data (Brødkrumme, Produkt, Video) med billed-URL'er, så Google viser billederne i Rich Results. Sørg for, at billed-URL'erne peger direkte på originalen og ikke via en scriptparameter. Eksempel: En online møbelbutik inkluderer alle produktbilleder i XML-sitemappet og bruger Product-skema med image-egenskab. Dermed vises billederne fremtrædende i Google Billedsøgning og klikkes oftere på.
Responsive billeder og layoutstyring
Med srcset- og sizes-attributterne giver du browseren det rigtige billede afhængigt af viewport. Dette sparer enormt på mobile enheder. Art Direction (picture-elementet) tillader endda forskellige billedbeskæringer – f.eks. på smartphonen et fokus på produktet, på skrivebordet hele scenen. Implementeringen kræver flere billedvarianter, men moderne CMS kan automatisere dette. En rejseblog bruger et hero-billede til hver destination; på mobile enheder indlæses et centreret udsnit, der vejer 70% mindre. Klikraten på billedet steg med 15%, da det ser optimalt ud på alle enheder.
Billeder er på de fleste sider den tungeste last og samtidig den dårligst udnyttede SEO-flade. Begge dele kan ændres på en eftermiddag.
Overvågning og fejlretning af billeder
Selv optimerede billeder kan forårsage problemer: 404-fejl, forkerte dimensioner, manglende alt-tekster. Regelmæssige crawl af billedbestanden hjælper med at identificere sådanne fejl. Værktøjer som Screaming Frog eller integrerede SEO-plugins viser, hvilke billeder der mangler alt-tekster eller er for store. Etabler en arbejdsgang: Efter opdatering eller ny billedserie automatisk tjek, derefter manuel stikprøve. Eksempel: En nyhedswebsite opdager, at 20% af billederne i ældre artikler ikke er konverteret til WebP. Et script konverterer efterfølgende, og indlæsningstiden forbedres med 0,8 sekunder.
Billed-CDN og caching: Hvor pixlene bor
Levering af billeder via et Content Delivery Network (CDN) aflaster din server og fremskynder visningen på alle kontinenter. Et CDN gemmer optimerede kopier af dine billeder på edge-servere tæt på brugeren. Kombineret med intelligent caching – f.eks. lang cache-varighed for uændrede billeder og kort for dynamiske – reducerer du antallet af forespørgsler til din oprindelsesserver. Sørg for, at cache-headere er korrekt indstillet: Cache-Control: public, max-age=31536000, immutable for statiske billedversioner. Ved opdatering ændrer du filnavnet eller bruger en cache-buster. Moderne billed-CDN-tjenester kan desuden automatisk levere WebP eller AVIF afhængigt af browserens kapacitet. Opsætningen sker typisk via et underdomæne (f.eks. media.dinwebsite.dk) og en CNAME-post. I praksis vil du ved migrering til et CDN se en reduktion af indlæsningstiden på 40-60% for billeder hos internationale besøgende. Vigtigt: Overvåg HTTP-statuskoderne – 304 Not Modified er ønskelig, mens 503 eller 403 indikerer fejlkonfiguration. Udfør et crawl efter skiftet for at sikre, at alle billed-URL'er løses korrekt, og at der ikke opstår dobbelte eller fejlagtige poster.
Billedlicenser og juridiske faldgruber i SEO
SEO-effekten af billeder kan tilintetgøres af ophavsretlige problemer. Søgemaskiner tager også højde for indholdets lovlighed ved vurderingen. Brug udelukkende licenserede eller selvoprettede billeder. Vær opmærksom på licensbetingelserne for stockfotos: Mange tillader kun et begrænset antal visninger eller udelukker kommerciel brug. Angiv ophavsmanden korrekt, for manglende kreditering kan være påtaleberettiget, selv med licens. Ved Creative Commons-billeder skelner du mellem varianterne: CC0 tillader alt uden navngivelse, CC BY kræver ophavsmandsangivelse. Implementer en arbejdsgang: Hvert billede får før offentliggørelse en licensangivelse i metadata (f.eks. EXIF-XMP) og på siden en synlig eller som structured data indlejret henvisning. Brug property og:image med korrekt licensangivelse for at skabe gennemsigtighed også i sociale netværk. Juridisk renlighed styrker troværdigheden, hvilket på lang sigt kan påvirke rangeringer positivt. Kontrollér regelmæssigt, om billeder uden gyldig licens er indsat – automatiserede værktøjer kan identificere manglende metadata. Et eksempel: En blog fjernede utilsigtet brugte, ufrie billeder og erstattede dem med CC0-optagelser; afvisningsprocenten faldt, da der ikke længere var juridiske advarsler, der afskrækkede brugerne.
CDN og billed-caching: Optimér indlæsningstid globalt
Et Content Delivery Network (CDN) er næsten uundværligt til levering af billeder, så snart din hjemmeside har internationale besøgende. CDN'er gemmer dine billeder på servere i forskellige regioner og leverer dem fra den geografisk nærmeste placering. Dette reducerer latensen betydeligt. Afgørende er korrekt konfiguration af cache-headere. Indstil lange cache-tider for statiske billedversioner (f.eks. et år) og brug en cache-buster (f.eks. en hash i fil-URL'en), så en ny version straks leveres ved opdateringer. Uden denne mekanisme kan besøgende se forældede eller fejlbehæftede billeder. Mange CDN'er tilbyder desuden automatisk billedoptimering: De konverterer til WebP eller AVIF afhængigt af klientunderstøttelse, tilpasser opløsningen til enheden og komprimerer tabsfrit. Disse funktioner aflaster din server og forbedrer indlæsningstiden med målbare brøkdele af sekunder. Kontrollér dog, om CDN-optimeringen tilsidesætter dine egne indstillinger – du ønsker kontrol over alt-tekster og metadata. Et eksempel: En europæisk netbutik bruger et CDN med billedoptimering og reducerer indlæsningstiden for asiatiske kunder fra 5 til under 2 sekunder. Overgangen krævede kun justering af caching-strategien og aktivering af optimeringsreglerne. Sørg for, at dine billed-URL'er er CDN-kompatible, og at alle billeder leveres via samme CDN for at undgå mixed-content-advarsler.
Billedlicenser og juridisk sikkerhed
Ved brug af billeder på din hjemmeside skal du være opmærksom på juridiske faldgruber, som kan true både SEO-præstationen og dit omdømme. Ethvert billede, der ikke er skabt af dig selv, kræver en gyldig licens – det gælder også for AI-genererede billeder, hvis juridiske status endnu ikke er endeligt afklaret. Brug kun licenserede billeder fra troværdige kilder eller egne optagelser. Dokumentér licenseringen for hvert billede i dit CMS, helst med henvisning til kilden. Manglende eller forkerte licensoplysninger kan føre til påtaler, som er dyre og tidskrævende. Ved alt-tekster og billedtitler bør du heller ikke bruge varemærker eller beskyttede begreber uden tilladelse. Et andet aspekt: Billeder, der viser personer, kræver i mange lande et samtykke (model release). Uden dette må du ikke bruge billederne kommercielt. Kontrollér derfor ved stockfotos, om de også er frigivet til reklameformål. En rejseportal overtog eksempelvis billeder fra en gratis database, som dog kun var licenseret til redaktionelle formål – det førte til et påbud. Integrér derfor et kontroltrin i din arbejdsgang: Før upload af et eksternt billede registreres licensen, og brugsbetingelserne bekræftes. Denne disciplin beskytter dig på lang sigt og skaber tillid hos besøgende, da du kan påvise, at du bruger alt indhold lovligt.
blog.faqT
Skal jeg virkelig tjekke hvert billede manuelt for alt-tekster?
Ideelt set ja, men ved meget mange billeder kan du bruge AI-værktøjer til forslagsgenerering. Resultaterne skal dog stikprøvekontrolleres, da AI ofte overser kontekstuelle nuancer. En gennemprøvet arbejdsgang: Få automatisk genererede alt-tekster tjekket af en modersmålsbruger – især i flersprogede projekter.
Hvordan finder jeg ud af, om mine billeder allerede er optimalt komprimeret?
Brug et værktøj som PageSpeed Insights eller Lighthouse i Chrome DevTools. Disse viser besparelsespotentialerne ved optimerede billeder. Crawl hele dit website med et SEO-værktøj, der lister filstørrelsen pr. billede. Hvis et billede er over 200 KB, bør du optimere eller konvertere det.
