{"id":786,"date":"2020-05-19T19:10:31","date_gmt":"2020-05-19T17:10:31","guid":{"rendered":"https:\/\/digitalcircleweb.com\/seo-zurnal\/?p=786"},"modified":"2022-08-05T09:29:06","modified_gmt":"2022-08-05T07:29:06","slug":"kako-optimizovati-slike-seo","status":"publish","type":"post","link":"https:\/\/digitalcircleweb.com\/seo-zurnal\/kako-optimizovati-slike-seo\/","title":{"rendered":"Sve \u0161to treba da znate o optimizaciji slika za SEO i web"},"content":{"rendered":"\n

Google-ov a\u017eurirani interfejs za pretragu slika nije jedini alat koji stavlja akcenat na vizualni sadr\u017eaj i otkrivanje proizvoda.<\/p>\n\n\n\n

O performansama interneta i slikama mo\u017ee se re\u0107i puno toga. Ovaj tekst ima za cilj da pru\u017ei pregled klju\u010dnih aspekata optimizacije slika, kako bi vam pomogao u va\u0161im SEO<\/a> naporima, od brzinskih pogodaka do ne\u0161to slo\u017eenijih tehnika.<\/p>\n\n\n\n

Za\u0161to je pretraga slika va\u017ena?<\/h2>\n\n\n\n

Iako ne postoje ta\u010dni zvani\u010dni brojevi, Google je izjavio da svakoga dana stotine miliona ljudi koriste Google Images, kako bi vizuelno otkrili i istra\u017eivali sadr\u017eaj na internetu. Sude\u0107i po Moz-u, pretraga slika bi predstavljala 27% svih upita generisanih u prvih 10 svetskih pretra\u017eivanja interneta:<\/p>\n\n\n\n

Pre otprilike 2 godine, Google je a\u017eurirao \u201eView image\u201c opciju iz pretrage slika, pretvoriv\u0161i je u \u201eVisit page\u201c. Kao rezultat tog \u010dina, analiti\u010dke platforme po\u010dele su da bele\u017ee porast sesija posebno pokrenutih pretragom slika i vidljivo\u0161\u0107u sadr\u017eaja na glavnim stranicama (umesto slu\u010dajnih datoteka sa slikama bez konteksta). Osim \u0161to podr\u017eavaju sadr\u017eaj i pobolj\u0161avaju korisni\u010dko iskustvo, slike su va\u017ean izvor saobra\u0107aja na sajtu i ne treba ih zanemariti.<\/p>\n\n\n\n

Kako pripremiti slike za web sajt?<\/h2>\n\n\n\n

Pre nego \u0161to se slike upload-uju na web sajt potrebno ih je pripremiti. Odabrati format, veli\u010dinu slike i kompresovati je.<\/p>\n\n\n\n

Odabir formata slike<\/h3>\n\n\n\n

Veli\u010dina dimenzije slike<\/strong> mo\u017ee nesrazmerno uticati na vreme u\u010ditavanja stranice, tako da je va\u017eno da je ispravite. JPG formati su obi\u010dno prilago\u0111eniji za SEO nego PNG format, posebno ako vam nisu potrebne transparentne pozadine, jer nude bolji nivo kompresije. Logotipi i ostale kompjuterski generisane grafike sa visokom rezolucijom obi\u010dno mogu da koriste SVG format, koji je baziran na vektorima (proverite da li va\u0161 server ke\u0161ira, minimizuje i kompresuje taj format). GIF format treba da bude rezervisan za jednostavne animacije koje ne zahtevaju \u0161iroke skale boja (ograni\u010dene su na 256 boja). Za velike i duge animirane slike mo\u017eda je najbolje koristiti mp4 video format.<\/p>\n\n\n\n

Ono \u0161to je najva\u017enije jeste stvarna veli\u010dina (u kb) samih slika: uvek se trudite da ih sa\u010duvate ispod 100kb ili manje, kad god je to mogu\u0107e. Ako se mora koristiti ve\u0107a veli\u010dina slike iznad preklopa (velike baner slike na primer), mo\u017ee pomo\u0107i da se slike sa\u010duvaju kao progresivni JPG-ovi, gde se slike mogu po\u010deti progresivno prikazivati tokom u\u010ditavanja (prvo se pojavljuje zamagljena verzija slike i postepeno se izo\u0161trava, kako se preuzima vi\u0161e bajtova). Zato po\u010dnite sa odabirom najboljeg formata za va\u0161e potrebe, a zatim za njih odaberite najbolja pode\u0161avanja.<\/p>\n\n\n\n

Kako da ubrzate va\u0161 sajt i smanjite vreme potrebno za u\u010ditavanje web sajta?<\/strong><\/em><\/a><\/p>\n\n\n\n

Iako alati za reviziju Google Lighthouse i PageSpeed Insights preporu\u010duju jo\u0161 specifi\u010dnije formate kompresije (formate kao \u0161to su JPEG 2000, JPEG XR i WebP), oni jo\u0161 uvek nisu kompatibilni sa svim pretra\u017eiva\u010dima. Neki dodaci za WordPress nude WebP konverziju kada posetioci koriste odgovaraju\u0107e pretra\u017eiva\u010de kao \u0161to je dodatak webp express<\/a> koji radi preko GD ili iMagic skripte koja bi trebala biti instalirana na va\u0161em hosting nalogu. Kontaktirajte podr\u0161ku hostinga i zamolite ih da vam aktiviraju GD ili iMagic skriptu.<\/p>\n\n\n\n

Koja je rezolucija slike najbolja za web sajt<\/h3>\n\n\n
\n
\"\"
Primeri dimenzija za web sajt<\/figcaption><\/figure><\/div>\n\n\n

\u0160to se ti\u010de dimenzija (visina i \u0161irina slike), pobrinite se da slike ne budu \u0161ire od najpopularnijih rezolucija ekrana na radnoj povr\u0161ini (koja je obi\u010dno 1920 piksela u \u0161irini. Ina\u010de \u0107e ih pretra\u017eiva\u010di bespotrebno skalirati) i da va\u0161 CSS \u010dini slike prilagodljivim (slike se automatski prilago\u0111avaju veli\u010dini ekrana ili prozora). U zavisnosti od vizualnih potreba va\u0161eg sajta, to mo\u017ee zna\u010diti spremanje razli\u010ditih verzija iste slike u razli\u010ditim dimenzijama, kako bi se dinami\u010dki servirala najoptimizovanija slika, na osnovu korisnikovog ekrana (mobilni ure\u0111aj, tablet, ra\u0161irena slika na desktopu itd.).<\/p>\n\n\n\n

Nekoliko popularnih alata za kompresiju slika:<\/p>\n\n\n\n