Bilde-SEO: velg, beskriv og lever bilder riktig
Bildet skal forklare noe kunden trenger å se. Deretter må det kunne finnes, forstås og lastes uten at siden blir unødvendig tung.
I denne guiden
Bilde-SEO kombinerer et relevant bilde, en forståelig sammenheng og teknisk levering som fungerer. En fil med et søkeord i navnet hjelper lite hvis den er utilgjengelig eller ikke viser det leseren trenger.
For en tjenestebedrift kan et tydelig bilde av komponenten, arbeidsprosessen eller resultatets avgrensning være mer nyttig enn et generisk kontorfoto. For en nettbutikk kan detaljer, mål og riktige produktvarianter være avgjørende.
Begynn med bildets oppgave
Spør hva leseren kan forstå etter å ha sett bildet som var vanskelig å forklare med bare tekst. Hvis svaret er «det gjør siden penere», er bildet dekorativt. Det kan fortsatt ha en rolle, men det bør ikke stå i veien for hovedsvaret eller kontaktknappen.
Et diagram skal vise en sammenheng, et produktbilde skal vise det faktiske produktet, og et illustrasjonsbilde må ikke presenteres som dokumentasjon på et kundearbeid. Legg viktig informasjon i lesbar tekst også, særlig hvis et bilde inneholder tekst.
Velg format etter innholdet
| Bildeoppgave | Aktuelt utgangspunkt | Kontroller |
|---|---|---|
| Foto av produkt eller arbeid | AVIF eller WebP, sammenlignet med originalen | Farger, små detaljer og filstørrelse |
| Enkel tegning, logo eller diagram | SVG | Lesbar tekst og riktig skalering |
| Skjermbilde med liten tekst | Sammenlign tapsfri og forsiktig komprimert versjon | At viktig tekst fortsatt kan leses |
| Stort bilde øverst på mobil | Riktig dimensjon og responsiv levering | At mobilen ikke laster en unødvendig stor fil |
Ikke konverter et lite SVG-diagram til et rasterbilde bare for å bruke et nyere format. Ikke komprimer en allerede komprimert fil gjentatte ganger. Ta utgangspunkt i originalen og vurder den faktiske visningsstørrelsen.
Google støtter blant annet AVIF og beskriver hvordan bilder oppdages. Et vanlig bildeelement med en tilgjengelig bildeadresse gjør bildet lettere å behandle enn innhold som bare finnes som en bakgrunn uten nødvendig sammenheng.
Skriv alt-tekst for det relevante innholdet
Alt-teksten er ikke en liste med søkeord. Beskriv det bildet bidrar med på den aktuelle siden. For et foto av et ventilasjonsfilter kan «Tett støvlag på filterets innside» forklare poenget bedre enn «ventilasjon service billig ventilasjon».
Ikke skriv at et bilde viser en ferdig kundeleveranse hvis det er en illustrasjon. Dekorative bilder trenger en annen behandling enn informative bilder. Gi dessuten bilder med faglig innhold en forklaring i teksten rundt, slik at selve resonnementet ikke avhenger av at bildet lastes.
Et eksempel på dimensjoner og filvalg
Tenk deg et produktfoto som er 4 000 piksler bredt, men vises i en kolonne på omtrent 700 piksler på desktop og mindre på mobil. Det er et klart signal om å lage passende størrelser og velge en versjon som matcher skjermen. Det betyr ikke at én bestemt bredde eller komprimeringsprosent er riktig for alle enheter.
Sammenlign to eksporterte alternativer i faktisk visningsstørrelse. Hvis det mindre bildet gjør en produktetikett uleselig eller endrer en viktig farge, er filbesparelsen ikke verdt det. Hvis leseren ikke mister relevant informasjon, kan den lettere filen være et bedre valg.
Kontroller dette før publisering
- Åpne bildeadressen og bekreft at den returnerer selve bildet uten innlogging.
- Kontroller at siden bruker riktig bilde og produktvariant.
- Sett dimensjoner slik at nettleseren kan reservere plass der det er mulig.
- Test mobilvisningen: teksten skal ikke bli for liten eller diagrammet klippes.
- Last bilder lenger nede ved behov; ikke utsett det sentrale bildet brukeren trenger med en gang.
- Sjekk at hovedforklaringen fortsatt er forståelig når bildet ikke vises.
Bruk teknisk SEO når problemet gjelder lasting eller indeksering. Følg bilderelaterte søk separat fra øvrig synlighet i SEO-rapporten. Endret filformat alene dokumenterer ikke bedre rangering.