Sökmotoroptimera bilder

Bilder bör vara en naturlig del av din SEO strategi och alla delar bör koordineras. De olika delarna ska berätta vad bilden heter, vad den handlar om och vad den visar. Det här ökar chansen att bilden visas i sökresultaten samtidigt som den kan hjälpa till att öka sidans relevans och därmed bidra till att öka den organiska placeringen.

Bildstorlek

Ju större bilden är desto längre tid tar det för en användare att se bilden. Samma sak gäller en sökmotor. Sökmotorer värderar webbplatser utifrån deras prestanda, bl.a. inkluderar laddningstider, och en av de största bovarna i förhållande till laddningstider är just stora bilder.

Generellt sätt kan man säga att 100 kb är en bra gräns. Det gör ingenting att en del bilder är tyngre men användarupplevelsen blir bättre om storleken är mindre. Stora bilder på flera mb bör komprimeras.

Storlek

För att bilden ska visas så snabbt och korrekt som möjligt är det viktigt att bilden varken förminskas eller förstoras. Den ska inte anpassas med kod utan visas i sin fulla storlek. Är bilden t.ex. för stor bör den redigeras innan den laddas upp, såvida det inte finns en funktion man kan göra thumbnails med.

Med andra ord ska du inte ladda upp en bild i formatet 1680 × 1080 om du vill visa den i 800 × 600. Eftersom hela bildfilen laddas och därefter justeras, tar det lika lång tid att ladda den mindre bilden som det tar att ladda hela den stora bilden.

Responsiva bilder

Det här borde kanske inte vara en egen rubrik eftersom allt material idag ska vara responsivt. Arbetar du inte med ett program som automatisk skalerar bilderna utifrån användarnas skärmstorlek, är det ett måste att implementera srcset attribut på bilderna. Det gör det möjligt att visa flera olika varianter av samma bild, beroende på användarens skärmstorlek.

Filnamn

Det är bäst att döpa bildfilen till det som bilden föreställer. Det här gör det lätt både för användarna och sökmotorerna att förstå vad bilden innehåller. Google och andra sökmotorer är (ännu) inte speciellt bra på att avkoda bilder, därför måste vi hjälpa sökmotorerna med att avkoda och förstå bilderna. Vi måste med andra ord förklara vad som visas på bilderna som vi använder på vår webbplats. Det är här vi använder Alt-text.

I alt-taggen ska du berätta vad man ser på bilden och vad bilden innehåller. Texten bör vara så pass beskrivande att även den som inte kan se, förstår hur bilden ser ut. Alt-texten kan också användas när användare valt att inte kunna se bilder eller när bilden av annan anledning inte visas och därför inte kan avkodas. I dessa fall säkrar alt-texten att ingen information går förlorad, oavsett om bilden kan visas eller inte.

ALT-taggen formateras så här: <Img src = ”bild.png” alt = ”Här är en bild av ett berg”>

Title-tag/ Rubriktagg

Title-taggen är den minst viktiga när det gäller att optimera bilder för sökmotorer. Den definierar bara bildnamnet eller vad bilden föreställer och är samtidigt den text som visas när du håller muspekaren över en bild. Title-taggen används för lite extra information eller så återger den bara namnet på bilden. Den har ingen direkt inverkan på din SEO strategi.

Title-tag formateras så här: <Img src = ”bild.png” title = ”bild”>

Bildtext

En caption är en bildtext som vanligtvis ligger under bilden. Användare som ögnar igenom en artikel lägger oftast märker till rubriker och bildtexter. Enligt en stor studie som gjorts av KISSmetrics, läser användare bildtexter under bilder över 300% oftare än vanlig brödtext.

Därför kan du använda bildtexter för att behålla läsarna längre på din webbplats och därmed bättra på ”time on site” och ”sidor per session”. Förbättringen av dessa faktorer ökar Googles bedömning på sidan och därmed placeringen i sökresultaten.

Unika bilder

Sökmotorer föredrar unika bilder. I Googles optik innebär det en bild vars pixlar inte matchar någon annan bilds pixlar till 100%. I Googles bildsökning visas ofta bara en unik bild i taget. Det betyder att om du använder samma bild som många andra, är ni många som kämpar om samma placering i bildsökmotorns resultatlista. Google visar oftast bara en enda variant av samma bild, vilket innebär att det är oftast den största och mest väletablerade webbplatsen som visas.

Som mindre webbplats kan det alltså finnas mycket att vinna, genom att göra bilderna unika. Det kan t.ex. räcka med att lägga in en logga, en illustration eller att ändra bakgrundsfärg. Eftersom Google jämför pixlar räcker det inte att bara ändra storlek, utan pixlarnas sammansättning ska ändras för att den ska uppfattas som unik.

Lycka till!