Billed-SEO: Sådan optimerer du billeder til søgemaskiner

  • Opdateret
  • Læsetid 12 min
How to Optimize Images for Search Engines
Indhold 29
  1. Hvad er billedoptimering i SEO?
  2. Hvorfor er billed-SEO vigtigt?
  3. Hvordan optimerer du et billede til SEO?
  4. 12 metoder til billed-SEO, der virker
    1. 1. Brug beskrivende filnavne
    2. 2. Skriv alt-teksten til et menneske først
    3. 3. Upload i visningsstørrelse
    4. 4. Komprimér med åbne øjne
    5. 5. Vælg det rigtige format
    6. 6. Servér responsive billeder
    7. 7. Brug lazy loading under folden
    8. 8. Placér billeder tæt på relateret tekst
    9. 9. Levér via et CDN
    10. 10. Tilføj strukturerede data og et billed-sitemap
    11. 11. Hold vigtig tekst ude af billederne
    12. 12. Begræns brugen af stockfotos
  5. Hvordan finder du problemer med billed-SEO?
  6. Hvilken billedstørrelse bør du bruge?
  7. Hvilket billedformat er bedst til SEO?
    1. Er PNG eller JPEG bedst til SEO?
    2. Er PNG eller WebP bedst til SEO?
    3. Er JPEG eller WebP bedst til SEO?
  8. Hvordan håndterer du billeder på et flersproget website?
  9. Hvordan laver du billed-SEO i WordPress?
  10. Påvirker billeder SEO?
  11. Hvad gør et billede SEO-venligt?
  12. Hvad er de bedste værktøjer til billed-SEO?
  13. Hvad er begrænsningerne ved billed-SEO?
  14. Få international SEO fra Marketer Coffee

Billed-SEO handler om at forberede billeder, så de indlæses hurtigt, bliver forstået af søgemaskinerne og vises i billedresultaterne. Det betyder mere i e-handel, end de fleste tror: Mike Blumenthal fra Near Media oplyser, at 74 % af kunderne opfatter en virksomhed som mere troværdig, når der vises billeder i søgeresultaterne, og ifølge Googles egne tal koster ét sekunds forsinkelse i indlæsningen omkring 7 % i konverteringer. Billeder er som regel det tungeste på en side, og det gør dem til den hurtigste vej til et problem med Core Web Vitals og den hurtigste vej til at løse det. Jeg hedder Adrian Dąbrowiecki, og jeg arbejder med SEO for webshops, hvor produktfotos både er det vigtigste aktiv og den største belastning for performance. Her er de tolv ting, der er værd at gøre.

Hvad er billedoptimering i SEO?

Billedoptimering i SEO betyder, at du forbereder billeder, så de indlæses hurtigt, kan findes af søgemaskinerne og styrker relevansen af den side, de står på.

Det dækker valg af format, dimensioner, komprimering, beskrivende filnavne, alt-tekst og responsiv levering. Arbejdet starter før upload og fortsætter i måden, billedet serveres på, og begge dele tæller: Et perfekt navngivet billede, der vejer tre megabyte, er stadig et problem.

Hvorfor er billed-SEO vigtigt?

Billed-SEO er vigtigt, fordi billeder påvirker sidehastighed, brugeroplevelse, synlighed i søgning og tilgængelighed på én gang.

Hastighed er den direkte mekanisme. Uoptimerede billeder er den hyppigste årsag til en dårlig Largest Contentful Paint-score, og LCP er som regel hero-billedet. Ret den ene fil, og hele siden bliver bedre.

Synlighed er den anden. Optimerede billeder dukker op i Google Billeder og Discover, og for detailhandel og medier er det en reel trafikkanal og ikke en afrundingsfejl. På produktdrevne websites klarer billedsøgning sig ofte bedre end bloggen.

Tilgængelighed er den tredje, og den er værd at gøre uanset placeringer. Alt-teksten er det, en skærmlæser læser op, og det tager kun sekunder pr. billede at skrive den ordentligt.

Hvordan optimerer du et billede til SEO?

For at optimere et billede skal du vælge noget relevant og originalt, give filen et beskrivende navn, skalere den til visningsstørrelsen, komprimere den, skrive en meningsfuld alt-tekst og derefter servere den responsivt med lazy loading.

Rækkefølgen er vigtig, fordi hvert trin mindsker det, det næste skal håndtere. At skalere før komprimering gør mere end at komprimere et billede på 3000 pixels hårdt, og det forringer ikke det, den besøgende ser.

Omdøb filerne før upload: organic-almond-butter.jpg i stedet for IMG_2045.jpg. Skalér til den maksimale størrelse, layoutet faktisk viser, for at servere 2400 pixels i en container på 800 pixels spilder båndbredde ved hvert besøg. Komprimér med TinyPNG, Squoosh eller ImageOptim, og se resultatet i stedet for blindt at stole på indstillingen. Skriv derefter en alt-tekst, der beskriver, hvad der er på billedet, i naturligt sprog, og tag kun det relevante søgeord med, hvor det passer.

Pro tip: Google anbefaler WebP, og jeg bruger det med forsigtighed. I praksis er jeg stødt på indekseringsproblemer med WebP-filer så tit, at jeg ikke ville stole på det, hvor hurtig og pålidelig indeksering er afgørende, altså nyhedsindhold og alt, der sigter mod Discover. Her er en godt komprimeret JPEG stadig det sikreste valg. I et e-handelskatalog, hvor vægtbesparelsen er stor, og indekseringen er mindre tidskritisk, fortjener WebP sin plads.

12 metoder til billed-SEO, der virker

De tolv metoder, der er værd at bruge, er beskrivende filnavne, naturlig alt-tekst, korrekte dimensioner, omhyggelig komprimering, passende formater, responsive billeder, lazy loading, placering i kontekst, levering via CDN, strukturerede data og billed-sitemaps, at holde tekst ude af billeder og at begrænse brugen af stockfotos.

1. Brug beskrivende filnavne

Et lille signal, der ikke koster noget og vokser på tværs af tusindvis af filer. Bindestreger mellem ordene, ingen underscores og ingen standardnavne fra kameraet.

2. Skriv alt-teksten til et menneske først

“Kvinde, der påfører anti-age-serum” virker. “Køb hudplejeserum bedste serum online” er keyword stuffing, som en skærmlæser vil læse højt, og det er en god test af, om du er gået for vidt.

3. Upload i visningsstørrelse

Hvis banneret vises i 1200 x 600, så upload det i 1200 x 600. Den ene vane fjerner de fleste problemer med tunge billeder, før de opstår.

4. Komprimér med åbne øjne

Lossy med 70-85 % kvalitet til fotos, lossless til grafik med skarpe kanter. Se altid resultatet. Overkomprimering er sit eget konverteringsproblem, især ved produktfotos, hvor den besøgende vurderer varen.

5. Vælg det rigtige format

JPEG til fotos, PNG til transparens og skarp grafik, SVG til logoer og ikoner, WebP hvor vægtbesparelsen retfærdiggør det, og AVIF hvor du er villig til at håndtere særtilfælde i understøttelsen. BMP og TIFF hører ikke hjemme på et website.

6. Servér responsive billeder

Brug srcset og picture, så en telefon henter en fil i telefonstørrelse. På billedtunge sider gør det større forskel for mobilperformance end nogen komprimeringsindstilling.

7. Brug lazy loading under folden

Indlæs kun det, der er synligt. I en artikel med ti billeder forbedrer det LCP målbart, og indbygget lazy loading dækker de fleste tilfælde uden et plugin.

8. Placér billeder tæt på relateret tekst

Søgemaskiner læser det omgivende indhold og billedtekster for at fortolke et billede. Et foto af en jordbærtærte ved siden af et afsnit om sæsonens desserter er til at forstå. Det samme foto i en galleriblok uden tekst er ikke.

9. Levér via et CDN

Latens er geografisk. Et CDN leverer cachede kopier fra et sted tæt på den besøgende, og det betyder enormt meget, når du har trafik fra mere end ét land, og næsten ingenting, hvis du ikke har.

10. Tilføj strukturerede data og et billed-sitemap

Product-schema med reel pris og lagerstatus gør billeder kvalificerede til rich results. Et billed-sitemap hjælper, når billederne indlæses via JavaScript eller ligger dybt i websitet.

11. Hold vigtig tekst ude af billederne

Søgemaskiner kan ikke læse tekst, der er bagt ind i en grafik. Åbningstider, priser og overskrifter hører hjemme i HTML. Det er også et tilgængelighedsproblem og af og til et juridisk.

12. Begræns brugen af stockfotos

Stockfotos giver ikke straf, de giver bare ingen fordel. Det samme billede findes på fem hundrede andre websites, så det vil ikke rangere i billedsøgning, og det vil ikke skaffe et link. Egne fotos gør begge dele.

Pro tip: Tag målsøgeordet med i billedets URL, ikke kun i filnavnet. Det er en lille optimering på en enkelt side og en betydelig en, når den anvendes konsekvent på tværs af et helt katalog, og det er dér, det meste af den sammensatte effekt i SEO for webshops kommer fra.

Hvordan finder du problemer med billed-SEO?

For at finde problemer med billeder skal du crawle websitet med Screaming Frog, tjekke billedrapporten i Search Console og køre de vigtigste sider gennem PageSpeed Insights.

Screaming Frog viser manglende alt-tekst, for store filer, døde billed-URL’er og billeder uden angivne dimensioner. Sæt en grænse for filstørrelse, 500 KB er et fornuftigt udgangspunkt, og alt derover bliver til en arbejdsliste.

I Search Console skal du skifte effektivitetsrapporten til Billedsøgning. Få visninger på et visuelt rigt website betyder som regel, at billederne mangler kontekst, snarere end at de er for tunge. Billeder, der er crawlet, men ikke indekseret, peger generelt på manglende alt-tekst, indlæsning via JavaScript eller robots-begrænsninger.

PageSpeed Insights og Lighthouse markerer detaljerne: tilpas billedstørrelser korrekt, servér i moderne formater, udskyd billeder uden for skærmen. Hvis LCP er langsom og kan spores til et hero-billede, har du fundet den ene fil, der er værd at rette først.

Tjek derefter manuelt. Højreklik og inspicér i Chrome for at sammenligne den naturlige størrelse med den viste, og sådan fanger du en fil på 2400 pixels, der bliver skaleret ned til 600 i browseren.

Hvilken billedstørrelse bør du bruge?

Hold billeder i brødteksten under cirka 100 KB og hero-billeder under 300 KB, i dimensioner, der ikke er større end den container, der viser dem.

BilledtypeTypisk breddeMålvægt
Billeder i brødteksten800-1200 pxUnder 100 KB
Produktfotos1000-1500 px100-200 KB
Hero-bannereOp til 1920 pxUnder 300 KB
Thumbnails300-400 pxUnder 30 KB

Det er arbejdsmål, ikke regler. Den reelle test er, om siden rammer sine Core Web Vitals-grænser på en mellemklassetelefon over mobildata, og det er et helt andet miljø end det, du tester i.

Hvilket billedformat er bedst til SEO?

Brug JPEG til fotos, PNG til transparens, SVG til logoer og ikoner og WebP, hvor besparelsen i filstørrelse retfærdiggør kompromiserne.

Er PNG eller JPEG bedst til SEO?

JPEG til fotos, fordi det giver langt mindre filer ved samme oplevede kvalitet. PNG til logoer, ikoner og alt, der kræver transparens eller skarpe kanter. At bruge PNG til produktfotos er en af de mest almindelige årsager til en oppustet produktside.

Er PNG eller WebP bedst til SEO?

WebP i de fleste tilfælde, da det understøtter transparens ligesom PNG ved væsentligt mindre størrelser. PNG kun hvor tabsfri præcision reelt betyder noget.

Er JPEG eller WebP bedst til SEO?

WebP giver tilsvarende kvalitet ved mindre størrelse, hvilket taler for det alene på vægten. Mit forbehold fra tidligere gælder: Hvor pålidelig, øjeblikkelig indeksering er afgørende, har JPEG efter min erfaring været mere pålideligt.

Hvordan håndterer du billeder på et flersproget website?

På flersprogede websites bør alt-tekst og filnavne skrives på sidens sprog, fordi Google Billeder er personaliseret efter sprog og lokation.

Det er den del, der mangler i de fleste guides til billed-SEO, og det er en ligetil trafikkilde, som næsten ingen udnytter. Tre punkter:

  • Alt-tekst pr. sprogversion. En tysk side med engelsk alt-tekst vil ikke dukke op i tyske billedsøgninger. De fleste websites kopierer de engelske alt-attributter til alle versioner, fordi CMS’et kopierer dem automatisk.
  • Filnavne pr. marked, hvor det er praktisk muligt. Det kan ikke altid lade sig gøre med et fælles mediebibliotek, men hvor det samme produkt reelt hedder noget forskelligt fra marked til marked, er det umagen værd.
  • Fælles billed-URL’er på tværs af versioner er fint. Du behøver ikke separate filer pr. sprog, og dubletter splitter signalerne. Behold én fil, og variér de omgivende attributter.

Den bredere sammenhæng finder du i vores guide til international SEO, men billedlaget alene står ofte for flere procent af den organiske trafik på et produktdrevet website, der opererer på flere sprog.

Hvordan laver du billed-SEO i WordPress?

I WordPress skal du komprimere og skalere før upload, give filerne beskrivende navne, udfylde alt-tekstfeltet i mediebiblioteket og lade temaet håndtere den responsive markup.

WordPress tilføjer srcset automatisk og har haft indbygget lazy loading siden version 5.5, så plugins er kun nødvendige til komprimering, WebP-konvertering og masserettelser. ShortPixel, Smush og Imagify klarer alle det kompetent. Yoast eller Rank Math tager billederne med i sitemappet.

I WooCommerce skal du indstille billedstørrelserne korrekt i Customizer, før du uploader et katalog, for at gendanne tusindvis af thumbnails bagefter er en betydeligt værre eftermiddag end at gøre det rigtigt første gang.

Påvirker billeder SEO?

Ja. Billeder påvirker sidehastighed, indholdsrelevans, tilgængelighed og engagement, og alt det har betydning for, hvordan en side klarer sig.

Hastighed er den målbare vej, primært gennem LCP. Relevans er den mere subtile: Alt-tekst, filnavne, billedtekster og omgivende indhold hjælper alle søgemaskinerne med at fortolke, hvad en side handler om, og med maskinsyn bidrager selve billedindholdet også. Trafik fra Google Billeder er en direkte kanal for detailhandel og opskrifter. Og engagement, det blødere signal, følger af sider, der ser gennemtænkte ud frem for sammenstykkede.

Pro tip: Bevar de præcise billed-URL’er under en migrering af websitet, eller omdirigér de gamle korrekt. Teams genskaber omhyggeligt sidernes URL-struktur og lader mediebiblioteket gendanne alt nedenunder, og så forsvinder den opbyggede synlighed i billedsøgning fra den ene dag til den anden. Jeg har set det koste mere trafik, end selve migreringen skulle vinde.

Hvad gør et billede SEO-venligt?

Et SEO-venligt billede indlæses hurtigt, har et beskrivende filnavn og en præcis alt-tekst, bruger et passende format i passende dimensioner og står tæt på indhold, der forklarer det.

Det er hele tjeklisten. Ingen af punkterne er svære hver for sig, og det er præcis derfor, de bliver sprunget over, og derfor er det en reel konkurrencefordel at gøre dem konsekvent på tværs af et katalog.

Hvad er de bedste værktøjer til billed-SEO?

De værktøjer, der er værd at have, er TinyPNG eller Squoosh til manuel komprimering, ShortPixel eller Imagify til automatiserede workflows i WordPress, et CDN som Cloudflare eller Cloudinary til levering og Screaming Frog plus Search Console til at finde problemer.

VærktøjAnvendelseBedst til
TinyPNG / SquooshManuel komprimering med forhåndsvisningEnkelte billeder, fuld kontrol
ShortPixel / Imagify / SmushAutomatiseret komprimering og konverteringWordPress i stor skala
Cloudflare / Cloudinary / ImgixSkalering og levering i realtidInternational trafik, store kataloger
Screaming FrogMasseanalyse af alt-tekst, størrelse og døde filerAt finde ud af, hvad der er galt
PageSpeed Insights / LighthouseDiagnosticering af performancePrioritering efter effekt
Google Search ConsolePerformance og indeksering i billedsøgningAt måle, om det virkede

Hvad er begrænsningerne ved billed-SEO?

Begrænsningerne ved billed-SEO er, at billeder ikke kan erstatte tekstindhold, at ikke alle billeder bliver indekseret, at overkomprimering skader oplevelsen, og at alt-tekst kun giver begrænset kontekst.

“billeder alene skaber ikke høje placeringer”Landingi, SEO Image Optimization: Definition, Importance, and 12 Tips

Indeksering er ikke garanteret. Billeder uden alt-tekst, indlæst via JavaScript, sat som CSS-baggrunde eller blokeret i robots.txt bidrager intet, og dekorative billeder bidrager per definition intet.

Overkomprimering er en reel omkostning, der behandles, som om den var gratis. Et sløret produktfoto underminerer tilliden præcis i det øjeblik, hvor nogen beslutter sig for at købe, og ingen Core Web Vitals-score kan opveje det.

Og billed-SEO kan ikke rette langsom hosting, dårligt mobildesign eller manglende strukturerede data. Det er ét lag blandt flere, værd at gøre ordentligt og ikke værd at forveksle med en strategi.

Få international SEO fra Marketer Coffee

Arbejdet med billeder er den slags uglamourøse, sammensatte indsats, der adskiller kataloger over et par år, og effekten ganges op, når en webshop sælger på flere sprog, hvor alt-tekst, leveringslatens og synlighed i billedsøgning alle varierer fra marked til marked. Det er det, vi laver hos Marketer Coffee, et polsk SEO-bureau med fokus på international SEO, der arbejder med e-handels- og SaaS-brands i USA, Storbritannien og Europa til priser, der ligger 40-60 % under tilsvarende amerikanske og britiske bureauer. Hvert samarbejde starter med en gratis indledende SEO-analyse, der dækker Core Web Vitals, indeksering og huller på markedsniveau, plus en 90-dages plan prioriteret efter, hvad der koster dig mest.

Se omfang og priser under international SEO-ydelser, eller gå direkte til dit marked: USA, Storbritannien, Tyskland. Vil du hellere se resultater fra detailhandlen først, så viser kundecasen om Aldi 132 % organisk vækst på tolv måneder.

Leave a Reply

Your email address will not be published. Required fields are marked *

Vil du have sådan nogle resultater for dit website?

Book et gratis opkald på 30 minutter. Du får tre konkrete SEO-muligheder, uanset om vi arbejder sammen eller ej.

Book et gratis opkald