{"id":397,"date":"2010-05-19T10:05:10","date_gmt":"2010-05-19T08:05:10","guid":{"rendered":"https:\/\/dev.optiweb.com\/?p=397"},"modified":"2018-01-22T11:08:17","modified_gmt":"2018-01-22T10:08:17","slug":"optimizacija-slik-za-iskalnike","status":"publish","type":"post","link":"https:\/\/dev.optiweb.com\/sl\/blog\/optimizacija-slik-za-iskalnike\/","title":{"rendered":"Optimizacija slik za iskalnike"},"content":{"rendered":"<p>Obiskovalci lahko pridejo na va\u0161o 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.<\/p>\n<p>Nih\u010de ne mara <strong>dolgega nalaganja spletnih strani<\/strong>, katerega vzrok so lahko tudi velike slike. Zato jih za postavitev na stran zmanj\u0161ajmo. Predvsem to velja za slike, ki so stati\u010dne in vklju\u010dene v dizajn ali ozadje spletne strani. Ker so take slike ponavadi manj\u0161ih dimezij, ni potrebno, da jih shranjujemo v visokih kakovostih. Ve\u010dina programov za oblikovanje kot npr. Photoshop ima opcije za shranjevanje prilagojeno za splet. V kolikor potrebujemo slike v velikih lo\u010dljivostih 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\u010dnikov in raz\u0161iritev, ki thumbnaile zgenerirajo avtomatsko, pri kak\u0161ni lastni kodi, pa boste morali sami narediti dve verziji slike, manj\u0161i thumbnail in ve\u010djo sliko.<\/p>\n<p>Ni dovolj, da so slike le pravih dimenzij, poskrbeti je treba tudi, da so na spletno stran pravilno vklju\u010dene in da imajo ustrezne opise.<\/p>\n<p><strong>Pravilna vklju\u010ditev<\/strong> je pomembna za bolj\u0161o uporabni\u0161ko izku\u0161njo. Sem spada ustrezna postavitev med besedilo. Slike lahko popestrijo, druga\u010de pusto stran, ki bi imela samo besedilo. Tudi stran z samimi slikami verjetno ni prav prijazna o\u010dem. Postavitev je seveda odvisna od namena spletne strani.<\/p>\n<p><strong>Opisi pri slikah<\/strong> pa so pomemben del optimizacije spletnih strani. Sem bom napisal \u0161tiri stvari, ki jih dolo\u010dimo sliki:<\/p>\n<ul>\n<li>ime datoteke<\/li>\n<li>image title (naslov slike)<\/li>\n<li>alt text (alternativno besedilo)<\/li>\n<li>caption (opis pri sliki)<\/li>\n<\/ul>\n<p><strong>Ime<\/strong> 134.jpg nam ne pove ni\u010desar o sliki, zato ji dajmo raje opisno ime kot npr. hi\u0161a.jpg. V SEO krogih velja, da ima tudi ime slike nekaj vpliva na pozicije. Pri ve\u010dbesednih klju\u010dnih besedah uporabite pomi\u0161ljaje (npr. lepa-hi\u0161a.jpg), in ne pod\u010drtajev. Da ima <a title=\"pomi\u0161ljaji ali pod\u010drtaji\" href=\"http:\/\/www.mattcutts.com\/blog\/dashes-vs-underscores\/\" target=\"_blank\" rel=\"noopener\">Google raje pomi\u0161ljaje<\/a> je razkril Matt Cutts.<\/p>\n<p><strong>Naslov slike<\/strong> oz. <strong>title<\/strong> je tisto, kar se nam poka\u017ee, \u010de dr\u017eimo mi\u0161ko nad sliko (Nekatere starej\u0161e razli\u010dice brskalnika Internet Explorer sicer napa\u010dno ka\u017eejo alt tekst). Title nima tolik\u0161nega vpliva za pozicije na iskalnikih, ker roboti dajejo ve\u010djo te\u017eo alt tekstu. Se pa lahko uporabi za izbolj\u0161anje uporabni\u0161ke izku\u0161nje, ko imamo na slikah povezave. Primer bi bil, ko ima slika hi\u0161e title &#8220;Ve\u010d hi\u0161 z rumeno streho&#8221;. S kodo se title nastavi tako, da k sliki dodamo <strong>title=&#8221;ime&#8221;<\/strong>. Primer &lt;img src=&#8221;www.spletnastran.si\/slike\/hi\u0161a.jpg&#8221; <strong>title=&#8221;Najlep\u0161a hi\u0161a&#8221;<\/strong> \/&gt;<\/p>\n<p>Alt teksti se prika\u017eejo, kadar ne vidmo slike. Lahko zaradi nastavitev brskalnika, blokiranja slik, brskanja z mobilnikom, itd. Kot sem omenil v prej\u0161njem odstavku, pa so tudi zelo pomembni za pozicije na iskalnikih, ker jih imajo robotki iskalnikov radi. Zato v alt tekst dodajmo najpomembnje\u0161e klju\u010dne besede (ki so seveda povezane s sliko). kodo se alt tekst nastavi tako, da k sliki dodamo <strong>alt=&#8221;ime&#8221;<\/strong>. Primer: &lt;img src=&#8221;www.spletnastran.si\/slike\/hi\u0161a.jpg&#8221; <strong>alt=&#8221;<\/strong><strong>Slika hi\u0161e<\/strong><strong>&#8220;<\/strong> \/&gt;<\/p>\n<p><strong>Caption<\/strong> je <strong>opis pri sliki<\/strong>, ponavadi je pod sliko. Gre za dodaten opis, ki je vedno viden, njegova naloga pa je ponuditi dodatne informacije o sliki. Najve\u010dkrat se uporablja, ko \u017eelimo opozoriti na detajle na sliki, ki bi jih druga\u010de lahko prezrli, npr. &#8220;Hi\u0161a z modrim oknom&#8221;, ali pa za navedbo naslova slike, avtorja, letnice&#8230; npr. &#8220;Sosedov Janez: Va\u0161ka hi\u0161a 2010. Ni pa nujno, da opise vedno uporabimo, ponekod bodo nepotrebni in mote\u010di.<\/p>\n<p>Po vsem povedanem, bi dodal \u0161e tole. K opisom slik dodajte \u010dimve\u010d stvari, a pazite, da klju\u010dnih besed ne ponavljate, saj pretirana uporaba ene in iste klju\u010dne besede lahko \u0161kodi va\u0161im pozicijam. Zato uporabite ve\u010d klju\u010dnih besed ali pa ciljajte na dalj\u0161e opise (ang. <em>long tail keywords<\/em>).\u00a0 S slikami boste boste tako naredili nekaj za optimizacijo spletne strani za iskalnike, poleg tega pa bo posledica dodatni opisi pove\u010danje obiska z iskalnikov, ki lahko i\u0161\u010dejo tudi slike.<\/p>\n<p>Primer slike z urejenimi opisi:<\/p>\n<div id=\"attachment_401\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a title=\"Ve\u010dja slika najlep\u0161e hi\u0161e\" href=\"http:\/\/optiweb.com\/wp-content\/uploads\/2010\/05\/Lepa-hi\u0161a.jpg\"><img aria-describedby=\"caption-attachment-401\" loading=\"lazy\" class=\"size-medium wp-image-401 \" title=\"Najlep\u0161a hi\u0161a\" src=\"http:\/\/optiweb.com\/wp-content\/uploads\/2010\/05\/Lepa-hi\u0161a-300x200.jpg\" alt=\"Slika hi\u0161e\" width=\"300\" height=\"200\" \/><\/a><p id=\"caption-attachment-401\" class=\"wp-caption-text\">Hi\u0161a z modrimi okni<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Obiskovalci lahko pridejo na va\u0161o 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\u010de ne mara dolgega nalaganja spletnih strani, katerega vzrok so lahko tudi velike slike. Zato jih za postavitev [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":16029,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1032],"tags":[],"_links":{"self":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/397"}],"collection":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/comments?post=397"}],"version-history":[{"count":3,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/397\/revisions"}],"predecessor-version":[{"id":19496,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/posts\/397\/revisions\/19496"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/media\/16029"}],"wp:attachment":[{"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/media?parent=397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/categories?post=397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.optiweb.com\/sl\/wp-json\/wp\/v2\/tags?post=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}