7 tips til bilde-SEO, synlighet i søk
Bilder hjelper leseren å forstå teksten, gir liv til innholdet og bidrar til nettsidens synlighet i søkemotorene. Søkemotoroptimalisering i praksis. Her er 7 tips til bildebruk på nettsiden din.
Bildesøk i Google: "kurs digital markedsføring Oslo"
Av Hanne Josefsen, oppdatert august 2024
Allerede i 2018 skrev Google at de ikke bare skal svare på spørsmål i søk, men ta med brukeren på en "reise" ved å bruke kunstig intelligens. Google lærer seg hva du vil ha ut fra sammenhengen når du søker.
1. Type bilde
Bruk helst egne bilder om du har mulighet til det. Husk at bildet skal hjelpe leseren. Og når du hjelper leseren, prioriterer Google innholdet ditt opp i søk. Skriver du om "trefelling" er det supert med bilde av et eller flere trær som felles.
Om du ikke har egne bilder, er det i dag mange bildebanker med gode bilder som ikke nødvendigvis ser helt plastikk ut. Husk at du må ha rettighet til å bruke bildene.
Bildebanker, gratis:
2. Filnavn
Lagre bildet med et navn som sier noe om bildet, f. eks "trefelling.jpg". Filnavnet er søkbart, så unngå intetsigende navn som "img1278.jpg" eller "Skjermbilde.png"
3. Filformat
De vanligste filformatene vi bruker på bilder til web, er jpg og png.
4. Filstørrelse
Hvor raskt nettsiden lastes påvirker synlighet i søk, det betyr at du bør komprimere bildene (redusere bildekvaliteten) slik at de ikke blir store og tunge. Dette gjør du i et bildebehandlingsprogram som Photoshop og pixlr (gratis) eller på nettsteder som Squoosh, JPEGmini eller jpeg.io.
5. Bildetekst
Teksten som står til bildet, hjelper leseren om det ikke er selvsagt hva bildet illustrerer. Husk at om du har bilder av mennesker, så vil vi gjerne vite hvem menneskene er - om de ikke er med kun for illustrasjon.
6. Alt-tekst
Om jeg kun hører nettsiden lest opp, og ikke kan se bildet - må du huske alternativ tekst som forteller hva bildet illustrerer. Dette er kun når bildet er viktig for å forstå teksten. Om du forteller dette i bildeteksten, så holder det. Om bildet kun er dekor, f.eks en blomst for å gi farge og pynte på nettsiden, behøver du ikke alt-tekst. Da blir det kun forstyrrende om teksten "bilde av rosa blomst" leses opp sammen med innholdet når det ikke handler om blomster.
7. Bilder som følger innlegg til sosiale medier
Har du oppdaget at når du limer inn lenker fra nettsiden til f.eks Facebook, så kan det være vanskelig å styre hvilket bilde som skal følge artikkelen? Dette kontrollerer du ved å bestemme Meta-informasjon (informasjon som er i hodet til HTML-dokumentet), Open Graph, og ser slik ut: <meta property="og:image" content="http://eksempel.no/trefelling.jpg" />
I WordPress kan det legges inn med SEO-utvidelse, f.eks Yoast. Da ser det slik ut:
Artikkelen er inspirert av bloggposten Image SEO hos Yoast
Bonustips
Har du limt inn en lenke i Facebook eller Linkedin og fått opp feil bilde? Deretter byttet bilde, men det "gamle" bildet henger igjen?
Da må du be Facebook/Linkedin lese landingssiden pånytt, glemme det som var tidligere - skrape det vekk.
Det gjør du her:
Vil du lære mer om digital markedsføring og SEO?
HTML-sider, kortversjon
Alle nettsider er HTML-dokumenter. HTML står for Hyper Text Markup Language. Det spesielle med HTML-sider er at du har klikkbar tekst som gjør at du kan hoppe fra et dokument til et annet.
HTML er et beskrivelsesspråk der du merker teksten med forskjellige HTML-tagger for å lage struktur og prioritere innholdet. F. eks. at du har overskrifter på ulike nivåer.
<h1>Dette er start-taggen for overskrift på øverste nivå. H1 står for header 1. Taggen avsluttes med </h1>
Hvordan overskriftene skal se ut, som layout og det visuelle uttrykket på siden, styres med stilsett (CSS).
Det vil si at det du ser av nettsiden, er nettleserens visning av tekst med tilleggsinfo.
Bilder ligger på webserveren. I HTML-dokumentet er det en lenke til bildet, slik at nettleseren viser bildet der du har plassert bildelenken, <img /> (image)
HTML-dokumentets skjelett:
<!DOCTYPE html>
<html><head>
<title>bilde-SEO</title></head>
<body><h1>header, nivå 1 (overskrift): Bilde-SEO, bilder er viktig for synlighet i søk</h1>
<p>Paragraph (avsnitt): Bilder hjelper leseren å forstå teksten</p><img src="kursbilde-oslo.jpg" alt="Google søkeresultat på "kurs i digital markedsføring oslo;" width="1100" height="284" />
</body>
</html>