Ett av de enklaste sätten att optimera innehållet på en sida är att fokusera på bilderna. De flesta sidor innehåller bilder, oavsett om de är fotografier, illustrationer eller ikoner. Med några enkla tweaks kan de hjälpa din ranking och få dig några extra besökare.
Det stora problemet här är att sökmotorer inte kan se bilder. Vänta, låt mig omformulera det; de kan se att det finns en bild, de kan även känna igen bilder i form av bildpunkter, men de kan inte bedöma innehållet baserat på bilden ensam.
Låt oss säga att Google kommer över den följande bilden (jag är lite av en bensinhuvud, så jag använde den här bilden av en Ford GT40 från Sumlin som exempel):
Sökmotorer vet att det finns en bild eftersom vi använde HTML tagg, men den enda informationen de har om den är URL: en. Människor kan lätt se att det är en bild av en bil, men sökmotorer har inte denna förståelse. Vi kan dock hjälpa sökmotorer att bättre förstå bilder via alt-attributet och en bra filnamn.
Alt-attributet anger en alternativ text om bilden inte kan visas (kanske på grund av ett fel, långsam anslutning, skärmläsare etc.)
Det här attributet är inte bara användbart för besökare utan också för sökmotorer. Det ger dem en aning om vad bilden handlar om. Det är därför det är en bra idé att använda viktiga nyckelord i alt-beskrivningen (återigen, gå inte för nyckelordet fyllning).
Om du inspekterar koden för vår tidigare bild så har du redan en altbeskrivning:
Via detta alt-attribut har vi försett sökmotorer med två viktiga uppgifter:
Nu, om någon använder "GT40 Gulf Colors" eller en liknande fråga i Google Images Search, är chansen att vår bild kommer att dyka upp.
Som du kan se; Att lägga till en alt-beskrivning är väldigt enkel, du behöver bara tillgång till HTML-uppbyggnaden av bilden.
Vissa innehållshanteringssystem som WordPress kan du ange en alt-beskrivning när du laddar upp en bild.
Om du vill optimera dina bilder ännu längre kan du ändra filnamnet. Genom att använda en beskrivande filnamn vi kan hjälpa sökmotorer.
Ett typiskt foto från en digitalkamera kommer att betecknas som "DSC0123.jpg". Om vi laddar upp det här fotot och använder det på vår sida, står det väldigt lite för sökmotorer eftersom filnamnet inte är väldigt informativt. Visst kan vi använda alt-attributet, men vi kan göra ännu mer genom att ändra filnamnet.
Så istället för att ringa vårt foto "DSC0123.jpg" kan vi kalla det "basket-of-red-apples.jpg" till exempel. Om du har läst vår artikel om hur du skapar en SEO-vänlig URL-struktur vet du redan att det är bäst att använda bindestreck att dela upp ord. Användning av andra separatorer, såsom underskrifter (_) plus-tecken (+) eller inga separatorer alls, bör undvikas. Genom att använda bindestreck kan sökmotorer känna igen de sammansatta delarna som enskilda ord.
Som du kanske har hört redan Google har infört platshastighet i sökrankningar. Det betyder att sidladdningstiden är en av rankningsfaktorerna. uppkomsten av smartphones och mobilt internet spelar en stor roll i detta. Inte överraskande, för en långsam webbplats är inte särskilt användarvänlig.
Bildfilstorlek är ett av de element som dikterar den tid det tar att ladda en viss sida. Optimera dina bilder kan därför förbättra prestanda. Det här kanske inte är märkbart på en sida med en eller två bilder, men om du måste ladda dussintals bilder kan det göra en stor skillnad.
Filstorleken beror till stor del på bildens upplösning. Högre upplösningsfiler är vanligtvis större, vilket betyder att vi måste balansera kvalitet och filstorlek.
För att kunna fatta ett välgrundat beslut måste vi överväga de olika bildfiltyperna och deras fördelar.
De tre vanligaste filtyperna på webben är JPG, PNG och GIF:
Det är omöjligt att berätta vilken bildfil typ som är bäst. JPG, PNG och GIF-filer är alla användbara i specifika situationer. Om du vill optimera dina bilder föreslår jag att du väljer en filtyp med en acceptabel kvalitet och den lägsta filstorleken. Om du är osäker, försök helt enkelt olika typer och jämföra dem.
En sak som du bör tänka på är att det är bäst att inte använda HTML för att ändra storlek på bilder. Ladda upp en stor bild (t ex 800 x 600 px) och visa den i en mindre upplösning (t ex 400 x 300 px) via HTML-bredd och höjdattribut sätter bort bandbredd. Med uppkomsten av Responsive Web Design laddas bilder ofta in i en webbsida och visas sedan beroende på storleken på deras innehåll, men det är ett helt annat bollspel och bildoptimering under dessa omständigheter är fortfarande i sin linda.
Om du vill analysera prestanda för dina bilder kan du använda YSlow eller Google Page Speed Insights. Följande optimeringstekniker kan också vara användbara:
En av fördelarna med att optimera dina bilder för SEO är att de kan visas i Google Image Search, vilket eventuellt drar in några extra besökare.
Bildsökning hjälper inte alla affärer, men i vissa tillfällen kan det ge dig mycket relevant trafik. Speciellt för recept, produkter och digitala varor (ikoner, stock photography ...) kan detta vara mycket användbart. Hur som helst: det gör inte ont för att optimera!
Om du är färdig att optimera dina bilder, glöm inte att skicka in en bildkarta. Detta kommer att hjälpa sökmotorer att hitta och indexera dina bilder.
Optimera bilder för SEO kommer ner till tre faktorer: filnamn, filstorlek och viktigast alt-attributet. Filnamnet ska inte vara en slumpmässig sträng med bokstäver och siffror men beskrivande nyckelord (er). Filstorleken bör hållas så låg som möjligt för att förbättra din webbplatshastighet (en av Googles rankingfaktorer). Och sist men inte minst: glöm inte att lägga till en alt-beskrivning till dina bilder. Det är ett av de enklaste sätten att optimera dina bilder för SEO.