Optimera dina bilder för webben

Det är Motillo SEO-fredag igen och denna gången vill jag prata lite om hur du bör optimera dina bilder för webben. Att optimera bilderna på sin webbplats har länge varit viktigt, men det är nu med Core Web Vitals betygsättning även viktigare då långa laddningstider sänker dina betyg hos Google.

Både Googles prestandabetyg och möjligheten att dyka upp i bildsök påverkas av hur du optimerar dina bilder. Låt oss kika lite närmare på dessa två punkter.

  1. Textoptimera dina bilder med ALT-texter för Googles bildsök
  2. Komprimera dina bilder för kortare laddningstider

Vita Saucony Sneakers

Optimera ALT-texten på dina bilder

Lite beroende av vilken bransch du säljer dina produkter i så är just bildsök ganska viktigt för en del. Låt oss säga att du t.ex. säljer möbler – i denna bransch är det mycket vanligt att kunder söker inspiration innan ett köp. Det kan vara sökfraser som t.ex. ”Grå soffa i vardagsrum” eller ”Kök i lantlig stil”, osv.

Sökrobotar kan inte läsa innehållet i en bild och behöver därför kompletterande text för detta. ALT-texter ger sökrobotar information om vad som finns på bilden - denna text synliggör bilder vid bildsök och är även till hjälp för syntolkning av bilden.

Det kan kännas uppgivet att behöva optimera alla texter på alla bilder, men en tumregel är att hålla det enkelt. När man laddar upp en bild i ett CMS får man oftast möjlighet att skapa en kort beskrivande titel för bilden. Både titel och ALT-texten är viktiga.

Så hur ska man tänka?

Vi kan ta denna bild av flaskan och kaffekoppen som exempel.

Vit flaska och svart kaffekopp

En helt ok ALT-text för denna bild skulle kunna vara
<img src=”flaska_kaffekopp.jpg” alt=”flaska kaffekopp”/>

En bättre ALT-text skulle dock vara
<img src=”flaska_kaffekopp.jpg” alt=”vit vattenflaska och svart kaffekopp”/>

En del försöker stoppa in så många sökord som möjligt, men detta bör man undvika. Sämst bildoptimering är
<img src=”bild0085.jpg” alt=”kaffekopp kopp med kaffe kaffe dricka kaffe kaffekalas fika fika med kaffe kaffepaus”/>

Komprimera dina bilder

Innan du laddar upp bilder på din webbplats behöver du passa på att komprimera dessa. Detta för att hålla nere dina sidors laddningstider. Det finns olika sätt att komprimera dina bilder på – det mest vanliga är nog att använda ett bildbehandlingsprogram som Adobe Photoshop, men det finns också tjänster på nätet som går att använda som t.ex. tinyjpg.com. Försök att hålla vikten på bilderna runt 100 kb.

Vilka filformat?

JPEG och PNG är de vanligaste formaten, men Google rekommenderar att man serverar bilder i WebP när det är möjligt. WebP stöds däremot inte av alla webbläsare så det är viktigt att man har detta i åtanke och har en fallbacklösning för dessa besökare. Använder man en CDN-leverantör för servering av bilder så brukar dessa oftast ha en fallback när de känner av att dina besökare surfar med en webbläsare som inte stödjer detta format. Läs mer om WebP här https://developers.google.com/speed/webp/faq

Lycka till med din e-handel och framgångarna på Google!

#motilloseofredag

Employee image
Är du osäker på hur din bilder står sig på Google? En audit av vårt Growth Team tar reda på det!

Fler intressanta artiklar

Varför skiljer sig konverteringsdata mellan GA4 och Google Ads?
Growth Team
SEM
Varför skiljer sig konverteringsdata mellan GA4 och Google Ads?
Undrar du varför Google Analytics 4 och Google Ads visar olika konverteringssiffror? Läs mer om de vanligaste orsakerna bakom skillnaderna och få tips på hur du tolkar datan smartast!
Läs mer
Motillo utses till Gasellföretag för andra året i rad
Nyhet
Motillo utses till Gasellföretag för andra året i rad
Det är med stor stolthet som vi tar emot utmärkelsen Gasellföretag 2024.
Läs mer
Hur mycket får ett e-handelsprojekt kosta egentligen?
Utveckling
Hur mycket får ett e-handelsprojekt kosta egentligen?
Vad skiljer ett e-handelsprojekt för 300 TSEK från ett som kostar 2 MSEK? Och varför kostar vissa projekt 10 MSEK?
Läs mer