• SEO-teknikker til billeder

12 vigtige tips til billed-SEO, du skal kende

  • Felix Rose-Collins
  • 3 min read
12 vigtige tips til billed-SEO, du skal kende

Intro

Billeder udgør ofte den største del af websiderne og har deres egen fane i Googles resultater. De er en afgørende del af en komplet SEO-strategi, så det er vigtigt at optimere dem for at opnå bedre synlighed.

Sådan indekserer og forstår søgemaskinerne billeder

Søgemaskiner gennemsøger websider for at finde billeder og udtrække data som metadata og filnavne. Google bruger faktorer som omgivende tekst, billedfilnavn, alt-tekst, billedtekster og sideindhold til at forstå billedernes kontekst og indhold.

Hvad er billed-SEO?

Billedoptimering omfatter teknikker til at øge synligheden på søgemaskinernes resultatsider (SERP'er) ved at komprimere billeder, bruge responsive billeder, implementere lazy loading, tilføje relevant alt-tekst, bruge beskrivende filnavne og implementere strukturerede data.

1. Vælg det rigtige billedformat

Google understøtter formater som JPEG, PNG, WebP, BMP, GIF og SVG. Hvert format har sine egne fordele og ulemper:

  • PNG: Komprimering uden tab, bedre kvalitet, understøtter gennemsigtighed, større filstørrelse.

  • JPEG: Komprimering med tab, justerbar kvalitet, mindre filstørrelse.

  • WebP: Effektiv, mindre filstørrelser, understøttet af alle større browsere.

  • GIF: Tabsfri, begrænset til 256 farver, velegnet til enkel grafik og animationer.

  • SVG: Vektorbaseret, skalerbar, ideel til logoer og ikoner.

  • BMP: Stor, ukomprimeret, høj kvalitet, ikke egnet til web på grund af størrelsen.

Anbefaling: Brug PNG og konverter til WebP til webimplementering for at opnå optimal kvalitet og indlæsningstid.

2. Skab unikke billeder

Undgå generiske stockfotos. Brug originale billeder af høj kvalitet for at forbedre brugeroplevelsen og SEO. Google anbefaler, at billeder er mindst 1200 px brede og bruger indstillingen max-image-preview: large i robots metatag for at sikre, at de vises som store billeder i Google Discover.


<meta name='robots' content='index, follow, max-image-preview:large' />.

3. Optimer navne på billedfiler

Brug beskrivende, nøgleordsrige filnavne for at hjælpe søgemaskinerne med at forstå billedets emne. Undgå standardnavne som "IMG_722019".

4. Skriv SEO-venlig alt-tekst

Alt-tags beskriver indholdet af et billede og forbedrer tilgængeligheden. De hjælper også søgemaskinerne med at forstå billedets kontekst, hvilket giver bedre placeringer.

Et eksempel:


<img src="chocolate-1.jpg" alt="mørk chokoladebar med kaffesmag"/>.

5. Optimer din sides titel og beskrivelse

Inkluder relevante søgeord i sidens titel og beskrivelse for at forbedre placeringen i billedsøgninger. Sørg for, at alle on-page SEO-faktorer er optimeret.

6. Definér dine dimensioner

Inkluder bredde- og højdeattributter for hvert billede for at forhindre CLS-problemer (Cumulative Layout Shift) og forbedre Core Web Vitals-score.

7. Gør dine billeder mobilvenlige

Brug srcset- og sizes-attributterne til responsive billeder, der skaleres i forhold til brugerens enhed.

Et eksempel:


<picture> <source type="image/webp" srcset="image-300w.webp 300w, image-600w.webp 600w, image-1200w.webp 1200w" sizes="(max-width: 600px) 300px, (max-width: 900px) 600px, 1200px"> <img src="image-300w.jpg" srcset="image-300w.jpg 300w, image-600w.jpg 600w, image-1200w.jpg 1200w" sizes="(max-width: 600px) 300px, (max-width: 900px) 600px, 1200px" alt="Beskrivelse af billedet"> </picture>

8. Lazy Loading og Preloading

Brug lazy loading til billeder, der ikke er i viewporten, for at forbedre sidens ydeevne. Brug preload eller fetchpriority="high " til billeder over folden.

Et eksempel:


<img src="image.jpg" loading="lazy" srcset="image-300w.jpg 300w, image-600w.jpg 600w" alt="Beskrivelse">.

9. Føj billeder til dit sitemap

Hvis du inkluderer billeder i dit sitemap, øger du chancerne for, at de bliver crawlet og indekseret af søgemaskinerne. Brug plugins som Yoast eller RankMath til WordPress eller værktøjer som Screaming Frog.

10. Tilføj strukturerede data

Forbedr billeder med strukturerede data for at forbedre synligheden i søgeresultaterne. Brug schema markup til at inkludere detaljer som pris, tilgængelighed og vurderinger.

Et eksempel:


{ "@context": "http://schema.org", "@type": "Article", "headline": "Article Title", "image": [ "https://example.com/photos/1x1/image.jpg", "https://example.com/photos/4x3/image.jpg", "https://example.com/photos/16x9/image.jpg" ], "datePublished": "2024-01-10T08:00:00+08:00", "dateModified": "2024-01-10T09:20:00+08:00", "author": { "@type": "Person", "name": "Forfatternavn" } }

11. Brug CDN til hurtigere billedlevering

Et Content Delivery Network (CDN) kan optimere og levere billeder hurtigere ved at servere dem fra steder, der er tættere på brugeren. Overvej at bruge tjenester som Cloudflare, Amazon CloudFront, ImageKit eller KeyCDN.

12. Pas på med copyright

Sørg for, at du har ret til at bruge billeder for at undgå dyre retssager. Brug licenserede billeder fra udbydere som Getty, Shutterstock eller DepositFiles.

Billedoptimering - vigtige pointer

  • Vælg det rigtige filformat og den rigtige størrelse for at få en hurtigere indlæsningstid.

  • Sørg for, at dine on-page SEO-elementer er optimerede.

  • Opret et sitemap med billeder for bedre crawlbarhed.

Ved at følge disse tips kan du forbedre din hjemmesides billed-SEO og generelle søgesynlighed. God fornøjelse med optimeringen!

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Begynd at bruge Ranktracker... Gratis!

Find ud af, hvad der forhindrer dit websted i at blive placeret på ranglisten.

Opret en gratis konto

Eller logge ind med dine legitimationsoplysninger

Different views of Ranktracker app