Obiskovalci lahko pridejo na vašo stran tudi prek iskanja slik. Tako opcijo ima npr. iskalnik Google. Ker slike prinesejo obisk in tudi vplivajo na pozicije strani na iskalnikih je pomembno, da so tudi slike optimizirane za iskalnike.
Nihče ne mara dolgega nalaganja spletnih strani, katerega vzrok so lahko tudi velike slike. Zato jih za postavitev na stran zmanjšajmo. Predvsem to velja za slike, ki so statične in vključene v dizajn ali ozadje spletne strani. Ker so take slike ponavadi manjših dimezij, ni potrebno, da jih shranjujemo v visokih kakovostih. Večina programov za oblikovanje kot npr. Photoshop ima opcije za shranjevanje prilagojeno za splet. V kolikor potrebujemo slike v velikih ločljivostih za razne fotogalerije je najbolje, da uporabimo thumbnaile, velike slike pa se nato odprejo na zahtevo. Za znane CMS sisteme, kot sta npr. WordPress In Joomla obstaja veliko vtičnikov in razširitev, ki thumbnaile zgenerirajo avtomatsko, pri kakšni lastni kodi, pa boste morali sami narediti dve verziji slike, manjši thumbnail in večjo sliko.
Ni dovolj, da so slike le pravih dimenzij, poskrbeti je treba tudi, da so na spletno stran pravilno vključene in da imajo ustrezne opise.
Pravilna vključitev je pomembna za boljšo uporabniško izkušnjo. Sem spada ustrezna postavitev med besedilo. Slike lahko popestrijo, drugače pusto stran, ki bi imela samo besedilo. Tudi stran z samimi slikami verjetno ni prav prijazna očem. Postavitev je seveda odvisna od namena spletne strani.
Opisi pri slikah pa so pomemben del optimizacije spletnih strani. Sem bom napisal štiri stvari, ki jih določimo sliki:
- ime datoteke
- image title (naslov slike)
- alt text (alternativno besedilo)
- caption (opis pri sliki)
Ime 134.jpg nam ne pove ničesar o sliki, zato ji dajmo raje opisno ime kot npr. hiša.jpg. V SEO krogih velja, da ima tudi ime slike nekaj vpliva na pozicije. Pri večbesednih ključnih besedah uporabite pomišljaje (npr. lepa-hiša.jpg), in ne podčrtajev. Da ima Google raje pomišljaje je razkril Matt Cutts.
Naslov slike oz. title je tisto, kar se nam pokaže, če držimo miško nad sliko (Nekatere starejše različice brskalnika Internet Explorer sicer napačno kažejo alt tekst). Title nima tolikšnega vpliva za pozicije na iskalnikih, ker roboti dajejo večjo težo alt tekstu. Se pa lahko uporabi za izboljšanje uporabniške izkušnje, ko imamo na slikah povezave. Primer bi bil, ko ima slika hiše title “Več hiš z rumeno streho”. S kodo se title nastavi tako, da k sliki dodamo title=”ime”. Primer title=”Najlepša hiša” />
Alt teksti se prikažejo, kadar ne vidmo slike. Lahko zaradi nastavitev brskalnika, blokiranja slik, brskanja z mobilnikom, itd. Kot sem omenil v prejšnjem odstavku, pa so tudi zelo pomembni za pozicije na iskalnikih, ker jih imajo robotki iskalnikov radi. Zato v alt tekst dodajmo najpomembnješe ključne besede (ki so seveda povezane s sliko). kodo se alt tekst nastavi tako, da k sliki dodamo alt=”ime”. Primer: alt=”Slika hiše“ />
Caption je opis pri sliki, ponavadi je pod sliko. Gre za dodaten opis, ki je vedno viden, njegova naloga pa je ponuditi dodatne informacije o sliki. Največkrat se uporablja, ko želimo opozoriti na detajle na sliki, ki bi jih drugače lahko prezrli, npr. “Hiša z modrim oknom”, ali pa za navedbo naslova slike, avtorja, letnice… npr. “Sosedov Janez: Vaška hiša 2010. Ni pa nujno, da opise vedno uporabimo, ponekod bodo nepotrebni in moteči.
Po vsem povedanem, bi dodal še tole. K opisom slik dodajte čimveč stvari, a pazite, da ključnih besed ne ponavljate, saj pretirana uporaba ene in iste ključne besede lahko škodi vašim pozicijam. Zato uporabite več ključnih besed ali pa ciljajte na daljše opise (ang. long tail keywords). S slikami boste boste tako naredili nekaj za optimizacijo spletne strani za iskalnike, poleg tega pa bo posledica dodatni opisi povečanje obiska z iskalnikov, ki lahko iščejo tudi slike.
Primer slike z urejenimi opisi: