Nettstedet ditt laster tregt, og Google PageSpeed gir deg lav score. Ofte er bilder den største synderen. Et enkelt fotografi på 3 MB bremser siden merkbart, spesielt på mobil. Å optimalisere bilder for SEO handler om å redusere filstørrelsen uten å ødelegge kvaliteten, og samtidig gi søkemotorene nok informasjon til å forstå hva bildene viser.
Gi bildene beskrivende filnavn
Filnavnet er det første Google ser når det indekserer et bilde. Et filnavn som "IMG00023.jpg" forteller ingenting. Et filnavn som "svart-katt-i-solen.jpg" forteller søkemotoren nøyaktig hva bildet inneholder. Bruk bindestrek mellom ordene, hold det kort og informativt, og inkluder gjerne søkeordet hvis det passer naturlig.
Unngå å fylle filnavnet med nøkkelord. "svart-katt-dyr-katt-pelsdyr-kattebilder.jpg" er overdrevet og kan signalisere lav kvalitet til Google. Hold deg til en enkel, presis beskrivelse av det bildet faktisk viser.
Skriv alt-tekst som beskriver bildet
Alt-tekst (alternativ tekst) har tre funksjoner: den hjelper søkemotorer med å forstå bildet, den leses opp av skjermlesere for synshemmede brukere, og den vises hvis bildet ikke kan lastes inn. Alle tre gjør alt-tekst til et viktig element når du skal optimalisere bilder for SEO.
En god alt-tekst beskriver hva bildet viser i en kort setning. "Dette er et bilde av en svart katt som ligger i solen" er presis og nyttig. Unngå å gjenta det samme nøkkelordet flere ganger i alt-teksten. Det gir dårlig brukeropplevelse for skjermleserbrukere og kan telle negativt i Googles vurdering.
I WordPress legger du til alt-tekst direkte i mediebiblioteket. Gjør det til en vane å fylle inn alt-teksten samtidig som du laster opp bildet. Det er mye enklere å skrive en god beskrivelse mens du har bildet ferskt i minne, enn å gå tilbake og oppdatere hundrevis av bilder i ettertid.
Velg riktig filtype for hvert bilde
Ulike bildetyper krever forskjellige formater:
- JPG fungerer best for fotografier. Det gir god komprimering med minimalt tap av kvalitet.
- PNG er bedre for grafikk med tekst, logoer eller gjennomsiktighet. Filstørrelsen er ofte større enn JPG.
- WebP gir enda bedre komprimering enn JPG uten synlig kvalitetstap. Formatet støttes av alle moderne nettlesere og er Googles anbefalte format for nettet.
Bytt til WebP der det er mulig. Det kan redusere filstørrelsen med 25-35 prosent sammenlignet med JPG, noe som har direkte innvirkning på lastetiden. Mange bilderedigeringsprogrammer og onlineverktøy lar deg eksportere direkte til WebP i dag, og WordPress-plugins som ShortPixel kan konvertere eksisterende bilder automatisk.
Optimalisere bilder med riktig dimensjon og komprimering
Ikke last opp bilder som er bredere enn det layouten krever. Hvis nettstedet ditt aldri viser bilder breiere enn 720 piksler, er det meningsløst å laste opp et bilde på 4000 piksler. Skaler bildet ned til riktig dimensjon før du laster det opp.
Bruk komprimeringsverktøy som TinyPNG, ShortPixel eller ImageOptim for å redusere filstørrelsen ytterligere. Ideelt bør hvert bilde være under 100 KB, spesielt på sider med mange bilder. Test forskjellige komprimeringsgrader for å finne balansen mellom kvalitet og hastighet.
Implementer lazy loading for bilder som ikke er synlige umiddelbart. Med lazy loading lastes bildene først når brukeren scroller ned til dem. Det forbedrer den initielle lastetiden dramatisk på sider med mye visuelt innhold. De fleste moderne CMS-er, inkludert WordPress, støtter lazy loading som standard.
Plasser bilder der de gir kontekst
Bilder bør ikke bare være dekorative. Plasser dem strategisk nær teksten de hører til, slik at de støtter og illustrerer budskapet. Et bilde av sosiale medier-apper er mest relevant ved siden av et avsnitt om sosiale medier-strategi, ikke tilfeldig plassert øverst på siden.
Google analyserer teksten rundt bildet for å forstå konteksten. Et bilde omgitt av relevant tekst, med en god alt-tekst og et beskrivende filnavn, har mye bedre sjanser til å dukke opp i Googles bildesøk. Legg gjerne til en bildetekst (caption) under bildet som forklarer hva det viser og hvorfor det er relevant.
Responsive bilder for mobil og desktop
Brukere besøker nettstedet ditt fra forskjellige enheter med ulike skjermstørrelser. Responsive bilder tilpasser seg automatisk slik at mobilbrukere ikke laster ned et bilde tiltenkt en stor skjerm. Dette er noe de fleste CMS-systemer som WordPress og Next.js håndterer automatisk, men det er verdt å sjekke at det faktisk fungerer på ditt nettsted.
Test bildene på mobil. Hvis de tar lang tid å laste eller ser pikselerte ut, kan det tyde på at responsive bilder ikke er konfigurert riktig. Bruk PageSpeed Insights for å identifisere bilder som bremser siden.
Neste steg
Bildeoptimalisering er en del av det større arbeidet med on-page SEO. For å sikre at sidene dine er fullt optimalisert, bør du også se på strukturert data for å gi Google enda rikere informasjon om innholdet. Vil du sikre at bilder og andre elementer laster raskt nok, les videre om mobilvennlig SEO.
Denne artikkelen er basert på en videoleksjon fra kurset Søkemotoroptimalisering (SEO) – komplett guide på Utdannet.no. I kurset får du en komplett gjennomgang av bildeoptimalisering med praktiske øvelser i WordPress.
