Det finns många sätt att göra dina artiklar lättare att läsa på webben – massor av styckebrytningar, korta snabba meningar, rubriker, underrubriker, Gif-bilder av Kanye Wests humörsvängningar – men ett av de viktigaste sätten att få ditt innehåll att se attraktivt ut genom att med många vackra bilder.
Och det bästa med bilder är att de kan användas för att generera organisk trafik genom sökmotorns bildresultat.
Men för att detta ska hända måste de optimeras därefter.
Här är en guide som låter dig veta de viktigaste sakerna du behöver göra när det gäller att ladda upp bilder till din webbplats, vilket ett förvånansvärt antal människor ofta ignorerar.
Välj bilder
Det är viktigt att använda bilder relaterade till artikelns text. Detta är främst ur en användarupplevelse synvinkel, eftersom du inte vill kasta bort folk med ett trubbigt bildval.
Söt, visst, men Otis hör inte hemma här (även om han försöker berätta det för honom).
Dina bilder ska vara av bra kvalitet, i rätt bildförhållande, med bra upplösning och tillräckligt stora för att kunna ses på alla enheter.
En annan sak att tänka på är användningen av “stockfoton”.
Vi införde en strikt “inga stockfoton”-policy när jag tog över som SEW Editor. Stockbilder är värst. De får din webbplats att se ut som en marknadsföringsbroschyr för ett företag utan ryggrad som “utnyttjar tankeledarskap till potentiella kunder” eller något i den stilen. De är också banala, överanvända och kaxiga som fan.
Och dyrt.
Var mycket försiktig, även om du tror att en bild saknar upphovsrätt, kan den ursprungliga ägaren fortfarande vara Getty eller Shutterstock, och du kan drabbas av en sedel på 500 £ månader senare.
Jag gjorde det här misstaget tidigare när jag använde en bild av Justin Timberlake som redan hade blivit memed till döden och därför antog att det var “fair use”. Jag gjorde ett misstag.
Det är också väldigt svårt just nu att ge dig ett exempel på ett stockfoto utan att behöva betala, så jag ska bara visa dig ett som vi har betalat för tidigare.
Titta på dessa Millennials. De är precis som du och jag, eller hur?
Sluta betala för stockfoton. Betala istället din egen fotograf för att ta bilderna åt dig, eller gå ut och gör det själv.
Du bör också skapa dina egna grafer, diagram och visuella layouter.
Men om du inte har tid eller resurser att göra det, och ärligt talat, vem har det? – det finns många gratis och lättanvända resurser där ute…
Gratis bildresurser
Google Bildsökning: Användningsrättigheter
När du söker efter en bild kan du filtrera bort resultat som är upphovsrättsskyddade. Klicka bara på Sökverktyg, sedan Användningsrättigheter och välj Märkt för återanvändning.
Du hittar inte alltid guld här, men det kan finnas något intressant som ingen annan har använt tidigare.
Flickr Creative Commons
Flickr är en fantastisk resurs för foton, och du kan använda alla som är taggade med en Creative Commons-licens.
Det är ett alternativ till full upphovsrätt, se bara till att du ger full kredit och länkar till Flickr-profilen för personen som tog bilden.
Var försiktig när du använder Flickr Creative Commons eftersom det finns olika licenser tillgängliga, till exempel tillåter vissa fotografer endast att deras bilder används för icke-kommersiella ändamål.
Unsplash
En av mina favoriter, Unsplash-bilder är upphovsrättsfria, du behöver bara kreditera och länka till fotografen. De gränsar ibland till “stockfoton”, men de är alla mycket högre kvalitet än standard “modellen tittar på iPhone och ler” bilder.
Andra användbara verktyg
gif grabber
Tillgänglig för Mac, Gif Grabber är det bästa sättet att skapa så många underbara gifs gratis. Du kan fånga vad som helst på skärmen på din stationära eller bärbara dator och ändra storlek och beskära den färdiga produkten.
Fantastisk skärmdump
Detta är ett Chrome-tillägg som låter dig ta skärmdumpar av ditt webbläsarfönster (antingen delvis eller hela webbsidan) mycket enkelt, och du kan också göra anteckningar innan du laddar ner det till din webbläsare.
Piktochart
Ett av de mest populära verktygen för datavisualisering, Piktochart är gratis, lätt att använda och har massor av fantastiska mallar för infografik och andra annonsmaterial.
Jag gjorde följande Gif om hur man använder Piktochart med Gif Grabber…
Optimera bilder för sökning
När du har hittat eller skapat den önskade bilden. Du är då redo att ladda upp till din webbplats.
Bildstorlek
Du kommer definitivt att vilja ändra storlek på ditt foto så att det inte är en så stor fil. Det är väldigt lätt att förbise det faktum att de flesta iPhone-bilder kan vara över 3 000 pixlar breda (vilket kan vara 2 500 pixlar större än du verkligen behöver).
Enorma bildfiler kan minska sidans laddningstid och direkt påverka din sökmotorrankning, så se till att ändra storlek på dem innan du laddar upp dem.
Om du använder en Mac är det enkelt att ändra storlek, öppna bara bilden, navigera till Verktyg och välj sedan Ändra storlek.
Du kan också använda Photoshop om du har det, eller så kan du använda ett av de många onlineverktygen för storleksändring, som Picresize.
Alternativt, om du är på en PC, kan du använda Paint.
Ja, den gamla MS Paint. Öppna helt enkelt Paint, klicka sedan på Öppna, välj bilden du vill ändra storlek på och öppna den. Klicka sedan på Ändra storlek på fliken Hem i gruppen Bild.
Varning om att använda iPhone-bilder
Om du laddar upp iPhone-bilder till en WordPress-sajt finns det ett fel som kan bli väldigt irriterande. När du har tagit ett foto av något med din iPhone upprätt, kan det visas som ett landskap när ditt föremål är live. Det händer inte alla och beror på vilken generation av iPhone du använder och din WordPress-mall.
Du kan komma runt detta genom att bara ta bilder i liggande läge (med volymknappen nere) eller så finns det flera korrigeringar tillgängliga i detta forumämne.
Filnamn/titel
Innan du laddar upp bilden till din webbplats, se till att du ger den ett exakt filnamn.
Återigen, för att använda iPhone-fotoexemplet, brukar dessa kallas något generiskt som IMG_6056. Så gör dig själv en tjänst och byt namn på det, detta kommer inte nödvändigtvis att hjälpa din SEO, men det kommer att hjälpa om du någonsin behöver söka efter det på baksidan av din webbplats.
På WordPress och andra webbplatser kommer bildfilens namn automatiskt att användas som titel.
Så detta är inte…
Men det här…
Alternativ text
Viktigast av allt är hur du beskriver din bild i Alt-sektionen (kan kallas Alt-taggar eller Alt-text). Google kan inte “se” dina bilder, men det kan “läsa” dem och vad det läser är vad du skriver i alt-attributet.
Alt-text ska vara tydlig, beskrivande, koncis och inte fylld med nyckelord. Alt text är också vad skärmläsare använder för att beskriva bilder för synskadade.
Faktum är att den enda regel jag alltid använder när det kommer till alt-text är att skriva som om du beskrev det för en synskadad person. Så i exemplet ovan skulle du skriva “svartvit katt sover på lila kudde”.
Alt text är också det som visas i textrutan som visas när du håller muspekaren över en bild.
Beskrivning och titel
I WordPress kommer du även att se fält för Beskrivning och Titel. Dessa tillför inte nödvändigtvis något SEO-värde till dina bilder, men de kan vara användbara av andra skäl.
Beskrivningen kan användas för att lägga till många fler ytterligare detaljer, till exempel hur fotot togs, när det togs och andra intressanta element.
Titeln kommer att visas under bilden i liveartikeln. Det är upp till dig om du använder en eller inte. Det kan vara till hjälp att beskriva eller kommentera bilden.
Bildåterställning
Ibland kan du känna ett behov av att kontrollera att dina egna självskapade bilder inte används flitigt på Internet utan ordentlig kredit.
Du kan göra detta genom att använda ett automatiserat verktyg för omvänd sökning, till exempel Image Raider.
Lägg bara till dina bilder i katalogen, så kommer den att varna dig när en annan webbplats använder din bild. Om den sidan inte har gett dig korrekt kredit kan du kontakta dem och be dem att göra det.
Du behöver dock inte vara en mobbar idiot om det, eftersom det förmodligen har gjorts av en slump.
