8 načina da optimizujete slike na blogu

optimizacija-slika

(Ažurirano, Maj, 2018.)

Slike koje dodajete na svoj blog, mogu pozitivno uticati na iskustva čitalaca, doneti bolje rangiranje bloga u pretraživačima i tako Vam dovesti još veći broj posetilaca. Ako želite više posetilaca, onda je potrebno da naučite kako da pravilno optimizujete slike i poboljšate ukupan SEO vašeg bloga.

Velike slike zauzimaju dosta prostora na vašem hostingu, naročito ako ne koristite hosting nalog sa “neograničenim” prostorom (jer većina osnovnih hosting paketa nude oko 10 GB na disku) pa se u tom slučaju taj prostor može vrlo brzo popuniti. Veliki broj slika i drugih medijskih datoteka na WordPress sajtu, zahteva pažljiv odabir hosting kompanije.

U ovom postu ću izneti 8 osnovnih stvari kako da poboljšate optimizaciju slika i postignete bolje rangiranje.

Koristite ključne reči u imenu datoteke slike

Pre nego što unesete sliku na svoj sajt ili blog, potrebno je da promenite naziv slike koji je ta slika imala kada ste je skidali negde sa interneta (na primer „image54321.jpg“ ili „photo1432.jpg“). Novo ime slike (odnosno fajla koji sadrži sliku) neka opisuje sliku i sadrži neku ključnu reč koja je povezana sa sadržajem posta na koji se slika odnosi.

Na primer, slika koju koristim za ovaj post imaće naziv „optimizacija-slika.jpg“. Na ovaj način pomažete pretraživačima da otkriju slike, jer oni traže ključne reči u imenima datoteka slika. Ako imate više slika istog tipa predlažem da na kraju naziva dodate -1, -2, itd.

Za kreiranje ključnih reči možete koristiti analitiku svog sajta i videti koje fraze i ključne reči posetioci ukucavaju da bi došli na Vaš sajt ili blog.

optimizacija-slika-blog-nacini

Slika ne mora da se bukvalno odnosi na sadržaj, može da izaziva radoznalost čitalaca i nosi sa sobom kreativna tumačenja:)

Kada sliku ne učitate na svoj blog nego koristite URL adresu slike koja se nalazi na nekoj drugoj lokaciji na internetu, to može imati negativne posledice. Ako ta slika kasnije bude uklonjena sa tog mesta, gubi se veza, i slika nestaje sa Vašeg bloga.  Umesto nje ostaje beli kvadrat, koji će usporiti učitavanje Vašeg sadržaja, što je loša poruka za Google.

Prilikom preuzimanja slike, međutim, važno je proveriti da li je slika zaštićene autorskim pravima i postoje li ograničenja i uslovi u vezi sa njenim korišćenjem.

U imenu datoteke slike između reči koristite crtice

Kada određujete ime slike, ukoliko koristite više ključnih reči, nije poželjno da ostavljate prazan prostor između reči (jer on zauzima 20% veličine datoteke, a nema nikakvo značenje) niti da koristite donju crtu [ _ ] u imenu datoteke. Umesto toga uvek koristite crtice između ključnih reči, kao što je u mom primeru iznad. To je to najbolja opcija za optimizaciju slika.

Svakoj slici dodajte Title i Alt text

optimizacija-slike-dodavanje alt textaSvaka slika treba da ima naslov i alternativni tekst. Alt text (alternativni tekst) treba da opiše sadržaj posta, odnosno sliku, korišćenjem ključnih reči. Kada preko slike na blogu pređete kursorom miša prikazaće Vam se Alt text ako je unešen.

Kada unesete sliku u blog post, naslov i Alt text možete dodati klikom na sliku i u prozorčiću koji se otvori popuniti ove opcije, pa kliknuti na OK.

Dok je prozorčić otvoren, proverite da li je URL slike podešen na „none“ jer ćete u suprotnom, kada neko klikne na sliku, dobiti prikazivanje slike u novom prozoru, u originalnom formatu (osim ako možda upravo to želite dobiti).

optimizacija-slika-alt-text-title

Alternativni tekst vam pruža priliku da pretraživači nađu Vaš sadržaj i blog pomoću slike. Pretraživači ne vide sliku kao što je mi vidimo, već je identifikuju pomoću teksta. Zato je važno da slike imaju ime datoteke, naslov, takođe i Alt text ako želite da poboljšate optimizaciju bloga ili sajta.

Ako ne uradite ništa od ovoga, pretraživačima se slike prikazuju kao prazan prostor što, naravno, uopšte nije dobro za SEO. Alt text obaveštava pretraživače gde je slika postavljena i koja je njena tema, o čemu govori.

U Alt text unosite reči koje opisuju sadržaj posta i ne moraju nužno da budu vezane za sliku. Koristite od 3-5 reči i ne preterujete sa ključnim rečima jer to može da ima suprotan efekat. Takođe, nemojte koristiti reči kao: da, za, su, jeste, između i slično, kao ni specijalne znakove $, @, #, %…

Izaberite najbolji format za sliku

Formati u kojima se slike najčešće koriste su: JPG, GIF i PNG. Kod JPG formata slika se može lako kompresovati, smanjiti njena veličina, a da se ne izgubi kvalitet. Ovaj format je naročito preporučljiv za za e-commerce sajtove jer obezbeđuje kvalitet i najmanju moguću veličinu datoteke.

Slike u GIF formatu su nižeg kvaliteta od JPG formata, pa se koriste za jednostavnije slike kao što su ikonice. Korišćenje boja je ograničeno. GIF format nemojte koristiti za slike svojih proizvoda, naročito kada su većih dimenzija.

PNG format se koristi za grafičke slike kao što su logotipi i baneri.PNG je alternativa je GIF formatu, jer podržava mnogo više boja og GIF-a. Sa smanjenjem veličine može se narušiti kvalitet slike, ai broj podržanih boja nije toliko veliki kao kod JPG formata. Iako svi ovi formati “rade posao”, moj izbor je ipak JPG format.

Koristite alate za kompresiju i optimizaciju slika

Alate koje preporučujem za kompresiju i optimizaciju slika možete preuzeti u PDF-u:

Podesite veličinu slike

Poželjno je da slike koje unesete u sadržaj na svom blogu budu što manje veličine – bez žrtvovanja kvaliteta, naravno, jer to obezbeđuje da se Vaš sadržaj brže učitava i bolje rangira na Google-u.

Ovo ne znači da se veće slike, ili one veoma male, neće uopšte rangirati. Pa ipak, moje je mišljenje da bi bilo dobro da se veličina slika kreće od 100×100 do 1200×1200, osim u slučaju infografika koji zahteva veće veličine.

Da bi smanjili veličinu slike, a da ne pogoršate njen kvalitet, možete koristiti neki besplatan alat kao što je Yahoo-ov Smush.it. U PhotoShop-u to možete uraditi preko opcije „save for web“ u File meniju.

Možete koristiti i alate za besplatnu obradu i konverziju slika kao što su:

Ako imate blog ili sajt u WordPress-u, sliku možete smanjiti u Editoru, bez promene kvaliteta. Ovim možete izbeći korišćenje drugih programa, a uputstvo kako to da uradite imate u VIDEU.

Pored ovog Editora u WordPress-u možete za istu namenu koristiti i dodatak WP Smush.it, kao i dodatak EWWW Image Optimizer

Optimizacija--slika-blog

Povežite svoj blog sa CDN-om

Kada imate dosta slika na svom blogu, možete imati problema sa brzinom učitavanja sajta. Da bi ovo sprečili, pored smeštanja slika na svom hostingu, možete blog povezati sa CDN-om, koji svuda po svetu ima strateški postavljene servere.

Svi CDN serveri imaju kopije vaših slika i automatski usmeravaju posetioce na servere koji su njima geografski najbliži. Tako se slike preuzimaju mnogo brže, smanjuje vreme učitavanja stranica i poboljšavaju performanse sajta.

Ukoliko na svom hostingu nemate opciju besplatnog CDN-a, preuzmite detaljan vodič kako da instalirate najpopularniji CloudFlare.

Gde da nađete slike za blog

Za početak na Vikipediji možete pogledati spisak besplatnih sajtova sa slikama

Google-ova napredna pretraga slika  je takođe dobar izbor. Međutim ako želite da koristite slike u javnom vlasništvu i sa besplatnim licencama, potrebno je da označite opciju “Samo slike označene za ponovno korišćenje”.

Pored ovoga, u mom članku ćete naći 48 resursa sa besplatnim fotografijama za svoj blog ili sajt.

besplatne-fotografije-za blog

Hvala što ste pročitali ovaj tekst! Nadam se da ćete ove savete primeniti pri postavljanju slika na svoj blog i tako poboljšati ukupan SEO bloga. Ako je tako, bila bih vam zahvalna da ovaj post podelite sa prijateljima, na Facebook-u, Twitter-u, Google+, Pinterestu, kako bi i njima pomogao:)

Hvala puno na čitanju:)

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

error: Sadržaj je zaštićen!
Novi posetilac? Preuzmite BESPLATNO knjigu i prijavite se na nedeljni sadržaj. Uvek korisno!DA, želim knjigu!
+ +