Optimera dina bilder för webben

Att lägga till bilder är ett bra sätt att lätta upp en artikel och illustrera det viktigaste i din text. Bilder lyfter dina artiklar och texter till en ny nivå och gör dem ofta lättare att läsa. Men hur optimerar du bilderna på bästa sätt för webben?

Det finns i huvudsak två olika typer av optimering som man brukar prata om när det gäller bilder på webben: optimering av filstorlek och sökmotoroptimering.

Optimera filstorleken på dina bilder

Varje bild du laddar upp på din webbplats bör vara i rätt format och storlek. Det är i huvudsak två format du behöver hålla koll på, JPEG och PNG. JPEG är oftast rätt svar när du ska ladda upp bilder på webben. Det kommer ge dig en bra komprimering utan att tumma för mycket på kvalitén.

 

Men det finns två tillfällen då det är bättre att du laddar upp dina bilder i PNG:

  1.  Din bild är en enkel grafik med bara några få färger, till exempel en logotyp.
  2. Du behöver använda transparens i bilden, det vill säga en genomskinlig bakgrund.

För enklare grafik är det bäst att använda PNG-8. Detta är ett format som bara klarar några få färger men du får små filer och kvalitén är bra så länge grafiken är enkel.

Om du har ett fotografi med många färger och där de tonar in sig i varandra så är det bättre att använda PNG-24 som klarar fler färger. Men PNG-24 ger också riktigt stora filer och därför bör du undvika det för fotografiska bilder så länge du inte måste ha transparens. För alla fotografiska bilder utan transparens kommer JPEG ge dig bäst kvalité och minst filstorlek.

När du sparar din bild är det också viktigt att du sparar den i rätt storlek. Det är bäst att ladda upp bilder i exakt den storlek du behöver istället för att förminska bilden med hjälp av HTML-kod. Ta reda på vilken storlek du behöver och lägg upp bilden rätt från början så håller du nere laddningstiden.

Sökmotoroptimera dina bilder

Även om sökmotorerna har blivit bättre på att läsa och förstå bilder så är det än så länge något du behöver förtydliga i koden när du sökmotoroptimerar. För en sökmotor är det främst tre saker du behöver tänka på: att bilden är relevant för innehållet, bildens filnamn och alt-attributet.

 

Relevans för texten

Att bilden ska vara relevant för innehållet säger kanske sig självt. Bilder är bra både för läsvänligheten och för sökmotoroptimeringen och allra bäst effekt får du om bilderna illustrerar det du vill ha sagt i din text. Sökmotorerna förstår vad din bild föreställer med hjälp av texten runt omkring bilden. Därför är det viktigt både ur ett läsperspektiv och sökperspektiv att hålla bilderna relevanta.

Filnamnet

Så du har koll på storleken på din bild och vilket filformat som kommer passa bäst. nu är det dags att spara din bild och ladda upp den på din webbplats. Filnamnet är viktigt för att sökmotorerna ska förstå vad din bild föreställer. Försök därför göra det så beskrivande som möjligt – kaffekopp.jpg säger sökmotorn mer än bild0085.jpg.

 

Alt-attributet

Alt-attributet betyder helt enkelt en alternativ text till bilden. Det är extra viktigt för de med nedsatt syn och de som använder skärmläsare då den alternativa texten ger dem en förståelse av vad bilden föreställer även om de inte kan se den. Men även sökmotorerna använder alt-attributet för att få mer information om vad bilden föreställer.

Att skriva en bra alt-text behöver inte vara så svårt. De flesta CMS (Content Management System) har ett enkelt sätt att lägga till alt-attribut på bilder som laddas upp. När man skriver en alt-text är det viktigt att tänka på vad det är bilden visar och gärna använda sökord. Men keyword stuffing är inte att rekommendera! Låt texten vara naturlig och läsbar för en vanlig människa. Keyword stuffing ska du hålla dig borta ifrån i alla sammanhang när det gäller sökmotoroptimering.

Bra bildoptimering

<img src=”kaffekopp.jpg” alt=”kaffekopp”/>

Bättre bildoptimering

<img src=”kaffekopp.jpg” alt=”svart kaffekopp och vit blomma”/>

Sämst bildoptimering

<img src=”bild0085.jpg” alt=”kaffekopp kopp med kaffe kaffe dricka kaffe kaffekalas fika fika med kaffe kaffepaus”/>

Title-attributet

Det är många som undrar om man även ska ge sina bilder sökmotoroptimerade title-attribut. Det är inte något som är nödvändigt för sökmotoroptimeringen. Title-attributet är inte unikt för img-taggarna utan kan användas även på andra taggar som till exempel länkar.

Det används inte av sökmotorerna för att förstå dina bilder bättre och många ger därför inte sina bilder unik title-text. I IE, Internet Explorer, visas title-texten när du hovrar över bilder men det fyller inte någon större funktion utöver det.

Ta dig tiden att optimera dina bilder

Så för att sammanfatta, se först och främst till att dina bilder illustrerar det du vill ha sagt i din text. Därefter är det dags att optimera dem för bäst filstorlek. Då undviker du att dina sidor blir tunga att ladda och då laddningshastigheten är en rankingfaktor är detta extra viktigt. När du laddar upp dina bilder på webbplatsen är det viktigt att tänka på att ge sökmotorerna bra information så att de lättare kan förstå vad bilderna föreställer. Det gör du med bra och beskrivande filnamn samt beskrivande alt-texter.

Ta dig den extra tiden att skriva dessa korrekt, din sökmotoroptimering kommer gynnas och det förbättrar också upplevelsen av din webbplats för de med nedsatt syn.

Läs mer om bildoptimering på Google: https://support.google.com/webmasters/answer/114016?hl=en

de senaste trenderna inom digital marknadsföring

4 steg till att synas när dina kunder googlar (SEO-copy)

4 steg till att synas när dina kunder googlar (SEO-copy)

Vad är det egentligen man ska tänka på när man ska skriva en text som är sökmotoroptimerad? Hur bör man konstruera en text om man vill öka chansen att den visas upp av Google? Mikael Högling, Seo-copywriter på Torget Updated reder ut begreppen. Inledning När du...

läs mer

Säg hej till oss!