Optimalisering av bilder for SEO

En av de enkleste måtene å optimalisere innholdet på en side er å fokusere på bildene. De fleste sidene inneholder bilder, enten de er fotografier, illustrasjoner eller ikoner. Med noen få enkle tweaks kan de hjelpe rangeringen din og få deg noen ekstra besøkende.


Optimalisering av bilder? Men hvorfor?

Det store problemet her er at søkemotorer ikke kan se bilder. Vent, la meg omformulere det; de kan se at det er et bilde, de kan til og med gjenkjenne bilder i form av piksler, men de kan ikke vurdere innholdet basert på bildet alene.


Google gjør sitt beste for å utnytte bilder som finnes på nettet, men de trenger hjelpen din ...

La oss si at Google kommer over det følgende bildet (jeg er litt av en bensinhode, så jeg brukte dette bildet av en Ford GT40 fra Sumlin som et eksempel):

Søkemotorer vet at det er et bilde fordi vi brukte HTML tag, men den eneste informasjonen de har om det er nettadressen. Mennesker kan enkelt se at det er et bilde av en bil, men søkemotorer har ikke denne forståelsen. Vi kan imidlertid hjelpe søkemotorer bedre å forstå bilder via alt-attributt og en god filnavn.


Alt-attributt

Alt-attributtet angir en alternativ tekst hvis bildet ikke kan vises (kanskje på grunn av en feil, langsom tilkobling, skjermleser etc.)

Dette attributtet er ikke bare nyttig for besøkende, men også for søkemotorer. Det gir dem en anelse om hva bildet handler om. Derfor er det en god ide å bruke viktig søkeord i alt-beskrivelsen (igjen, ikke gå for søkeordfylling).

Hvis du inspiserer koden til vårt forrige bilde, vil du at den allerede har en alt-beskrivelse:

Ford GT40 i Gulf farger

Via denne alt-attributtet har vi gitt søkemotorer med to viktige opplysninger:

  • Det er et bilde av en Ford GT40.
  • Det er i Gulf farger.

Nå, hvis noen bruker "GT40 Gulf Colors" eller en lignende spørring i Google Images Search, er sjansene for at bildet vårt vil dukke opp.

Som du kan se; Å legge til en alt-beskrivelse er veldig enkelt, du trenger bare tilgang til HTML-oppslaget på bildet.


Mediasjefen i WordPress

Enkelte innholdshåndteringssystemer som WordPress gjør det mulig å spesifisere en altbeskrivelse når du laster opp et bilde.


Filnavn

Hvis du vil optimalisere bildene dine enda lenger, kan du endre filnavnet. Ved å bruke en beskrivende filnavn Vi kan hjelpe søkemotorer.

Et typisk bilde fra et digitalkamera vil bli kalt noe som "DSC0123.jpg". Hvis vi laster opp dette bildet og bruker det på vår side, står det svært lite for søkemotorer fordi filnavnet ikke er veldig informativt. Visst, vi kunne bruke alt-attributtet, men vi kan gjøre enda mer ved å endre filnavnet.

Så i stedet for å kalle bildet vårt 'DSC0123.jpg' kan vi kalle det 'basket-of-red-apples.jpg' for eksempel. Hvis du har lest vår artikkel om hvordan du oppretter en SEO-vennlig URL-struktur, vet du allerede at det er best å bruke bindestrek å dele ord. Bruk av andre separatorer som understreker (_) pluss tegn (+) eller ingen separatorer i det hele tatt, bør unngås. Ved hjelp av bindestrek er søkemotorer i stand til å gjenkjenne de sammensatte delene som individuelle ord.


Ikke glem filstørrelsen!

Som du kanskje har hørt allerede; Google har innarbeidet webområdehastighet i søkerangeringer. Dette betyr at siden lastetiden er en av rangeringsfaktorene; oppveksten av smarttelefoner og mobilt internett spiller en stor rolle i dette. Ikke overraskende, fordi et sakte nettsted ikke er veldig brukervennlig.

Bildestørrelsen er en av elementene som dikterer tiden det tar å laste inn en gitt side. Optimalisering av bildene dine kan derfor forbedre ytelsen. Dette kan ikke være merkbart på en side med ett eller to bilder, men hvis du må laste inn dusinvis av bilder, kan det gjøre en stor forskjell.

Filstørrelsen er i stor grad avhengig av oppløsningen av bildet. Filer med høyere oppløsning er vanligvis større, noe som betyr at vi må balansere kvalitet og filstørrelse.

For å kunne ta en informert beslutning, må vi vurdere de ulike bildetyper og deres fordeler.

De tre mest brukte filtyper på nettet er JPG, PNG og GIF:

  • JPG er en bildefiltype med en justerbar komprimeringsgrad. Ved å komprimere et bilde forkastes det visse opplysninger som øyet er minst sannsynlig å legge merke til. På grunn av dette brukes JPG-bilder ofte på nettsteder.
  • PNG brukes ofte fordi de støtter gjennomsiktighet (i motsetning til JPG-filer). PNG er et lossless alternativ for GIF-formatet.
  • GIF Bildene er lossless for bilder med 256 farger eller mindre. Dette formatet støtter også animasjoner, og det er derfor det fortsatt brukes på enkelte nettsteder.

Det er umulig å fortelle hvilken bildefiltype som er best. JPG, PNG og GIF-filer er alle nyttige i bestemte situasjoner. Hvis du vil optimalisere bildene, foreslår jeg at du velger en filtype med en akseptabel kvalitet og den laveste filstørrelsen. I tvilstilfeller, prøv ganske enkelt ulike typer og sammenlign dem.

En ting du bør huske på er at det er best å ikke bruke HTML for å endre størrelsen på bildene. Når du laster opp et stort bilde (for eksempel 800 x 600 px) og viser det i en mindre oppløsning (for eksempel 400 x 300 px) via HTML-bredde og høydeattributter, slettes båndbredde. Med oppstart av Responsive Web Design, blir bilder ofte lastet inn i en nettside, så vises avhengig av størrelsen på deres inneholdende element, men det er et helt annet ballspill og bildeoptimalisering under disse omstendighetene er fortsatt i sin barndom.

Hvis du vil analysere ytelsen til bildene dine, kan du bruke YSlow eller Google Page Speed ​​Insights. Følgende optimaliseringsteknikker kan også komme til nytte:

  • Smart PNG-optimaliseringsteknikker
  • JPEG-optimalisering
  • Optimalisering av GIF-bilder

Avsluttende merknader

En av fordelene med å optimalisere bildene dine for SEO er at de kan vises i Google Image Search, som muligens trekker inn noen ekstra besøkende.

Bildesøking hjelper ikke alle virksomheter, men i noen tilfeller kan det gi deg svært relevant trafikk. Spesielt for oppskrifter, produkter og digitale varer (ikoner, arkivfotografi ...) kan dette være svært nyttig. Uansett: det gjør ikke vondt for å optimalisere!

Hvis du er ferdig med å optimalisere bildene dine, ikke glem å sende inn et bildeoversikt. Dette vil hjelpe søkemotorer å finne og indeksere bildene dine.


Konklusjon

Optimalisering av bilder for SEO kommer ned til tre faktorer: filnavn, filstørrelse og viktigst alt-attributtet. Filnavnet bør ikke være en tilfeldig streng med bokstaver og tall, men beskrivende søkeord (er). Filstørrelsen skal holdes så lav som mulig for å forbedre sidens hastighet (en av Googles rangeringsfaktorer). Og sist men ikke minst: ikke glem å legge til en alt-beskrivelse til bildene dine. Det er en av de enkleste måtene å optimalisere bildene dine for SEO.