12 viktige SEO-tips for bilder du trenger å kjenne til

Intro

Bilder utgjør ofte den største delen av nettsidene og har sin egen fane i Google-resultatene. De er en viktig del av en komplett SEO-strategi, og det er derfor avgjørende å optimalisere dem for å oppnå bedre synlighet.

Hvordan søkemotorer indekserer og forstår bilder

Søkemotorer gjennomsøker nettsider for å finne bilder og trekke ut data som metadata og filnavn. Google bruker faktorer som omgivende tekst, bildefilnavn, alt-tekst, bildetekster og sideinnhold for å forstå konteksten og innholdet i bilder.

Hva er bilde-SEO?

Bildeoptimalisering innebærer teknikker for å øke synligheten på søkemotorenes resultatsider (SERP) ved å komprimere bilder, bruke responsive bilder, implementere lazy loading, legge til relevant alt-tekst, bruke beskrivende filnavn og implementere strukturerte data.

1. Velg riktig bildeformat

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

• PNG: Komprimering uten tap, bedre kvalitet, støtter gjennomsiktighet, større filstørrelse.

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

• WebP: Effektiv, mindre filstørrelser, støttes av alle større nettlesere.

• GIF: Tapsfri, begrenset til 256 farger, egnet for enkel grafikk og animasjoner.

• SVG: Vektorbasert, skalerbar, ideell for logoer og ikoner.

• BMP: Stor, ukomprimert, høy kvalitet, ikke egnet for web på grunn av størrelsen.

Anbefaling: Bruk PNG og konverter til WebP for nettdistribusjon for optimal kvalitet og innlastingstid.

2. Skap unike bilder

Unngå generiske arkivbilder. Bruk originale bilder av høy kvalitet for å forbedre brukeropplevelsen og SEO. Google anbefaler at bilder er minst 1200 px brede, og at du bruker innstillingen max-image-preview: large i metataggen robots for å sikre at de vises som store bilder i Google Discover.

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

3. Optimaliser navn på bildefiler

Bruk beskrivende, nøkkelordrike filnavn for å hjelpe søkemotorene med å forstå hva bildet handler om. Unngå standardnavn som "IMG_722019".

4. Skriv SEO-vennlig alt-tekst

Alt-tagger beskriver innholdet i et bilde og forbedrer tilgjengeligheten. De hjelper også søkemotorene med å forstå bildets kontekst, noe som bidrar til bedre rangeringer.

Eksempel:

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

5. Optimaliser sidetittel og -beskrivelse

Inkluder relevante nøkkelord i sidetittelen og -beskrivelsen for å forbedre rangeringen i bildesøk. Sørg for at alle SEO-faktorer på siden er optimalisert.

6. Definer dimensjonene dine

Inkluder bredde- og høydeattributter for hvert bilde for å unngå problemer med kumulativ layoutforskyvning (CLS) og forbedre Core Web Vitals-poengsummen.

7. Gjør bildene dine mobilvennlige

Bruk srcset- og sizes-attributter for responsive bilder som skaleres i henhold til brukerens enhet.

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 av bildet"> </bilde> <img src="image-300w.jpg 300w, image-600w.jpg 600w, image-1200w.jpg 1200w" sizes="(max-width: 600px) 300px, (max-width: 900px) 600px, 1200px

8. Lazy Loading og forhåndsinnlasting

Bruk lazy loading for bilder som ikke er i visningsvinduet for å forbedre sidens ytelse. Bruk preload eller fetchpriority="high " for bilder over folden.

Eksempel:

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

9. Legg til bilder i områdekartet

Hvis du inkluderer bilder i områdekartet ditt, øker sjansene for at de blir gjennomsøkt og indeksert av søkemotorer. Bruk programtillegg som Yoast eller RankMath for WordPress, eller verktøy som Screaming Frog.

10. Legg til strukturerte data

Forbedre bilder med strukturerte data for å øke synligheten i søkeresultatene. Bruk skjemamerking til å inkludere detaljer som pris, tilgjengelighet og rangeringer.

Eksempel:

{ "@context": "http://schema.org", "@type": "Article", "headline": "Artikkeltittel", "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. Bruk CDN for raskere bildelevering

Et innholdsleveringsnettverk (CDN) kan optimalisere og levere bilder raskere ved å servere dem fra steder som er nærmere brukeren. Vurder å bruke tjenester som Cloudflare, Amazon CloudFront, ImageKit eller KeyCDN.

12. Vær oppmerksom på opphavsrett

Sørg for at du har rett til å bruke bilder for å unngå dyre søksmål. Bruk lisensierte bilder fra leverandører som Getty, Shutterstock eller DepositFiles.

Viktige læringspunkter om bildeoptimalisering

• Velg riktig filformat og -størrelse for raskere innlastingstid.

• Sørg for at SEO-elementene på siden er optimalisert.

• Opprett et bildekart for bedre gjennomsøkbarhet.

Ved å følge disse tipsene kan du forbedre nettstedets bilde-SEO og generelle søkesynlighet. Lykke til med optimaliseringen!