Skip to main content
SEO bilder

Lär dig vad bildoptimering inom SEO är, och hur du sökoptimerar bilder för SEO.

En studie som analyserade runt 1 miljon Google-sökresultat drog slutsatsen att webbsidor med minst en bild hade bättre ranking än dem utan.

Förutom SEO-värdet är bilder och annan media (videor, ljud) avgörande för ditt innehålls framgång av ett antal andra skäl.

SEO drar nytta av att använda bilder i ditt innehåll

  1. De gör ditt innehåll mer intressant och det betyder att besökare är mer benägna att faktiskt läsa din artikel. Det är inte en överraskning att innehåll med relevanta bilder får 94% fler visningar än innehåll utan.
  2. Dina läsare är mer benägna att dela en sida med bilder i sociala medier och det delade inlägget har större chanser att få mer uppmärksamhet på sociala medier än vanliga textinlägg. Enligt en ny studie av Buffer får inlägg med bilder 150% fler retweets.
  3. De gör det lättare för dig (författaren), att förklara ett koncept.
  4. Det är ett annat enkelt sätt att driva din SEO genom att ge sökmotorer rätt signaler om vad ditt innehåll handlar om genom bilder.
  5. Bilder kan ranka högre i Google Bildsökning och få mer trafik till din webbplats.

Hur ni optimerar era bilder för sökmotorer

Det finns flera element att optimera när ni använder bilder i ert innehåll. Låt oss se nedan hur ni bäst optimerar era bilder.

1. Optimera bildfilnamnet

Namnet på bilden är det första ni ska kontrollera innan ni ens laddar upp till er webbplats.

Bildfilnamn ska vara informativa och beskriva bilden korrekt.

När ni köper en bild eller tar ett foto med er telefon har de vanligtvis namn som Ip20034IMG.jpg (eller liknande) som inte är meningsfulla.

Istället bör ni byta namn på er bild till ett mer meningsfullt namn, dvs .”iPhone-13-baksida.jpg” eller ”seo-för-bilder.png”.

Med andra ord bör filnamnet beskriva bilden i minsta möjliga antal ord.

2. Optimera bildfilstorleken

En allmän tumregel ju mindre bildstorleken är (i byte) desto bättre.

Stora bilder tar längre tid att ladda och detta kan påverka användarupplevelsen negativt, särskilt för mobilanvändare.

En bra metod är att använda bildoptimeringsverktyg som kan minska filstorleken på en bild utan att förlora kvaliteten. Alla bilder vi använder i våra inlägg öppnas först i Photoshop, ändrar storlek på dem och exporteras sedan i png eller jpg.

Innan vi laddar upp till webbplatsen optimerar vi deras filstorlek med Imagify (WordPressplugin). Detta minskar filstorleken utan att påverka kvaliteten.

3. Använd responsiva bilder

Sedan version 4.4 finns det inbyggt stöd för responsiva bilder i WordPress.

Detta innebär att när ni laddar upp en bild till era sidor eller inlägg kommer WordPress att skapa ett antal mindre bilder i olika storlekar och hämtar automatiskt dem till användare beroende på vilken enhet de använder.

Om ni inte använder WordPress kan ni implementera responsiva bilder med CSS. Den här guiden kan hjälpa er att komma igång.

Här är ett exempel på hur responsiva bilder fungerar:

Ni laddar upp en stor bild (1000×600) till ert inlägg. Bildens filstorlek är 100 kB. När en användare är på mobilen behöver de inte ladda den här bilden och slösa bort sin bandbredd, istället visar WordPress automatiskt användarna en bild som är 320×200 i storlek och endast 15 kB.

Resultatet är mindre bandbredd och snabbare laddningshastigheter.

4. Optimera bildens Alt-text

Alt-text är det viktigaste för bild SEO.

Sökrobotar är inte så bra på att förstå vad en bild handlar om, och även om de hela tiden blir bättre på bildigenkänning, behöver de fortfarande hjälp av ALT-texten.

Varför är ALT-text viktigt?

Alt-text används för att beskriva innehållet i en bild för bottar och även som en guide för personer som är synskadade och faktiskt inte kan se bilden.

När ni skriver ALT-text för era bilder ha följande i åtanke:

  • Använd inte bindestreck i alt-texten. Skriv normalt och försök att med några ord som beskriver vad bilden handlar om.
  • Använd sökord som är relevanta för innehållet på sidan men överdriv inte.
  • Håll er alt-text kort
  • Vissa människor (inklusive mig) tenderar att använda inläggstiteln som alt-text för den presenterade bilden och även om detta inte är det mest effektiva sättet är det acceptabelt och vanligt förekommande.

5. Optimera bildtexten och titeln

Förutom ALT-texten kan sökmotorer använda bildtiteln och bildtexten för att förstå ämnet för er bild, så det är viktigt att förse dem med dessa värden.

6. Optimera bildplaceringen

Ni kan placera era bilder var ni vill på sidan men om ni vill att en viss bild ska beaktas av sökmotorer som en viktig del av ert innehåll (det kan vara en anpassad bild ni gjorde som är unik, original och användbar), måste ni lägga till den nära toppen med relevant alt-text,  bildtitel och bildtext.

7. Lägg inte till viktig text i en bild

Undvik att ha text i en bild som är viktig för användarna att läsa. För att beskriva en bild för användare använder ni bildtexten och för sökmotorer använder ni ALT-texten.

8. Lägg till strukturerad data (bildschema)

Scheman hjälper sökmotorer att förstå innehållet på en sida bättre. När det gäller bilder kan ni implementera schema genom att lägga till relevant strukturerad datamarkering på sidorna.

9. Lägg till metataggar för öppna grafer

Open Graph är ett protokoll som introducerades av Facebook. Konceptet liknar schemamarkering där ni använder taggar för att hjälpa crawlers att identifiera de viktiga delarna av ert innehåll och deras betydelse.

Med Open Graph-taggar kan ni ange vilken bild Facebook (och andra sociala nätverk) ska använda när användare klickar på knapparna DELA eller GILLA från er webbplats.

När ni har en sida med mer än en bild kan ni använda og:image-taggarna för att berätta för FB vilken bild som ska användas.

Det bästa sättet att lägga till stöd för öppna grafprotokoll på er WordPress-webbplats är att installera Yoast SEO Plugin.

10. Använd en webbplatskarta för bilder

Jag har förklarat vikten av att ha en optimerad XML-webbplatskarta i ett tidigare inlägg, för bild SEO-ändamål kan ni berika er webbplatskarta med information om era bilder eller använda en dedikerad bildwebbplatskarta.

Om ni använder Yoast SEO för att generera XML-webbplatskartan ingår redan bilder så att ni inte behöver en separat webbplatskarta för bilder.

11. Undvik att ha bilder utan text

Glöm inte att sökmotorer inte kan läsa texten om den är inbäddad i en bild så för maximal SEO undvik att ha sidor fulla av bilder och ingen text.

Slutsats

Bilder är viktiga ur ett SEO-perspektiv, och är också bra för att göra ert innehåll mer intressant och läsbart.

Vår erfarenhet är att många inte gör någon SEO-optimering när de använder bilder i sitt innehåll och detta är ett SEO-misstag som måste undvikas. Kom också ihåg att bilder endast är en liten del av de mer tekniska aspekterna av SEO.