Billed-SEO

Billed-SEO er arbejdet med at gøre billeder forståelige, hurtige og teknisk tilgængelige for både brugere og søgemaskiner. Det omfatter mere end filstørrelse: motivets relevans, den omgivende tekst, filnavnet, alt-teksten og den måde, billedet indlæses på, hænger sammen.

Målet er ikke at få alle billeder i Google Billeder. Målet er at bruge billeder, der hjælper siden, og levere dem i en form, der kan findes og vises effektivt.

Vælg et relevant originalt billede

Et billede bør understøtte sidens emne eller brugerens beslutning. Produktfotos, diagrammer og før/efter-eksempler kan være værdifulde, når de viser noget, teksten ikke gør lige så godt. Generiske pyntemotiver kræver stadig download, men tilfører måske ingen information.

Sørg også for nødvendige brugsrettigheder. Ophavsret og licensoplysninger er ikke løst ved blot at ændre filnavnet.

Navn, kontekst og tekstalternativ

• Brug et kort, beskrivende filnavn som sort-regnjakke-aftagelig-haette.webp frem for IMG_4821.jpg.
• Placér billedet tæt på relevant tekst og giv siden en tydelig overskrift.
• Skriv alt-tekst efter billedets mening eller funktion, ikke som en liste af søgeord.
• Brug synlig billedtekst, når kilde, dato eller ekstra forklaring er relevant for alle.

Lever den rigtige fil til skærmen

Komprimér billedet med en kvalitet, der stadig passer til formålet, og vælg et egnet format. WebP og AVIF kan ofte reducere filstørrelsen, mens SVG er velegnet til simple skalerbare illustrationer. Formatet bør vælges efter motiv, gennemsigtighed, browserunderstøttelse og arbejdsgang.

Med srcset og sizes kan browseren vælge en passende variant:

<img
  src="/billeder/jakke-800.webp"
  srcset="/billeder/jakke-400.webp 400w,
          /billeder/jakke-800.webp 800w,
          /billeder/jakke-1200.webp 1200w"
  sizes="(max-width: 600px) 100vw, 50vw"
  width="800"
  height="600"
  alt="Sort regnjakke med aftagelig hætte">

De angivne bredde- og højdemål hjælper browseren med at reservere plads og kan reducere layoutskift.

Lazy loading med omtanke

Billeder langt nede på siden kan ofte indlæses med loading="lazy", så de ikke konkurrerer med den første visning. Det vigtigste billede over folden bør normalt ikke lazy-loades. Er det sidens LCP-element, skal det kunne opdages og hentes tidligt; se forklaringen af Largest Contentful Paint.

Kan Google finde billedet?

Brug almindelige HTML-billedelementer med crawlbare adresser. Billeder, der kun bliver vist som CSS-baggrunde eller indsættes sent på en måde, crawleren ikke kan behandle, kan være vanskeligere at opdage. På store eller billedtunge websites kan et billed-sitemap hjælpe med at gøre billedadresser kendte, men det garanterer ikke indeksering eller trafik.

En praktisk arbejdsgang

1. Vælg et billede, der har en tydelig opgave på siden.
2. Eksportér passende størrelser og komprimér uden synligt kvalitetstab.
3. Brug et beskrivende filnavn og korrekt alt-tekst.
4. Lever responsive varianter, og angiv billedets dimensioner.
5. Lazy-load kun billeder, der ikke er nødvendige i første visning.
6. Test mobilvisning og sidehastighed.
7. Kontrollér, at billedet stadig er tydeligt og brugbart – ikke kun lille i kilobyte.

Et teknisk perfekt billede kan ikke redde en irrelevant side, og et godt motiv bør ikke leveres som en unødigt stor fil. Billed-SEO er balancen mellem mening, tilgængelighed, kvalitet og ydelse.