Pokazaću ti kako pravilno ubaciti sliku na WordPress sajt.

To je veoma bitno iz tri razloga.

Slike zauzimaju najveći prostor na sajtu i vrlo je bitno da budu dobro optimizovane, da ne bi usporavale sajt.

Slike su bitne za SEO ili optimizaciju sajta za pretraživače.

Slike privlače najveću pažnju posetilaca sajta i vrlo je bitno izabrati odgovarajuće slike za stranice i postove.

Kako ubaciti sliku na WordPress sajt

Ubacivanje slike na WordPress sajt ima pet koraka.

  1. Izbor odgovarajuće slike za WP sajt
  2. Kompresija slike pre ubacivanja na WP sajt
  3. Ubacivanje slike u medijsku biblioteku
  4. Upisivanje atributa slike
  5. Prebacivanje slike u WebP format

Pokazaću ti svaki od ovih koraka. Prvo pogledaj video.

Za samo 20 $ mesečno dobijaš ovo

Domen + Hosting + Pomoć 1 na 1

u izradi tvog WordPress sajta

Video kurs – Marketing sistem

300 tutorijala – Dopunjuje se

Zarada u affiliate programu 75%

Od svake prodaje 15$ mesečno

– Preporučuj ovaj program i zarađuj –

Nađi samo 80 kupaca i zarađuj
1.200 $ mesečno bez daljeg rada

Za 20 $ mesečno dobijaš ovo

Domen + Hosting + Pomoć 1 na 1

u izradi tvog WordPress sajta

Video kurs – Marketing sistem

300 tutorijala – Dopunjuje se

Zarada u affiliate programu 75%

Od svake prodaje 15$ mesečno

– Preporučuj ovaj program i zarađuj –

Nađi samo 80 kupaca i zarađuj
1.200 $ mesečno bez daljeg rada

Izbor odgovarajuće slike za sajt

Osnovni formati slika koji se koriste na sajtu su JPG i PNG.

PNG slike mogu imati transparentnu pozadinu i često se koriste za logo. PNG format se koristi za slike sa tekstom. JPG slike imaju manju veličinu i malo slabiji kvalitet slike.

Treba razlikovati dimenzije i veličinu slike. Dimenzije slike su u pikselima (px) a veličina je u kilobajtima (kb). Dobro optimizovana slika za sajt treba da bude manja od 100 kb.

Svaka stranica i svaki post treba da imaju Istaknutu sliku (Featured Image). Ona se automatski prikazuje na društvenim mrežama kada podelimo link te stranice/posta.

Dimenzije Istaknute slike treba da budu 1200 x 628 px

U blog postu je najbolje koristiti skrinšot slike koje pokazuju konkretne stvari vezane za temu tog blog posta.

Najjednostavniji alat za izradu skrinšota je LightShot.

Medijska biblioteka
Medijska biblioteka

Ovaj skrinšot koji pokazuje kako se otvara Medijska biblioteka (Media Library) u koju se ubacuju slike za sajt.

Kompresija slike pre ubacivanja na sajt

Najbolji besplatan alat za kompresiju slika je compessor.io

compressor-io

Klikneš na Select files, izabereš sliku iz kompjutera i ovaj sajt je automatski kompresuje. Zatim klikneš na Download da preuzmeš kompresovanu sliku u svoj kompjuter.

U video tutorijalu na početku sam pokazao kako se to radi.

Kad preuzmeš kompresovanu sliku u kompjuter treba da upišeš tačan naziv slike koji objašnjava šta je na njoj.

Naziv slike se piše sve malim slovima, bez razmaka i bez naših slova đžščć. Između svake reči stavi srednju crtu. Na primer, kako-ubaciti-sliku-na-wordpress-sajt.

Istaknuta slika (Featured Image) za stranicu ili blog post treba da ima isti naziv kao i naziv te stranice ili posta.

Ubacivanje slike u Medijsku biblioteku

Medijska biblioteka (Media Library) se nalazi sa leve strane WP dešborda (Dashboard). U nju se ubacuju medijski fajlovi koji se koriste na sajtu. Pogledaj 2. sliku iznad.

U Medijsku biblioteku se najčešće ubacuju slike. Ali, mogu se ubaciti i dokumenti (PDF, Word, Excel) i kratka videa.

Upisivanje atributa slike

Upisivanje atributa slike je veoma bitno za SEO (Search Engine Optimization) ili optimizaciju sajta za pretraživače. To pomaže pretraživačima da prepoznaju šta je na slici.

Upisivanje atributa slike se radi u Medijskoj biblioteci. Prvo klikneš na sliku u Medijskoj biblioteci. Otvara se ta slika sa tri prazna polja ispod slike. U njih unosiš tačan opis slike.

Upisivanje atributa slike
Upisivanje atributa slike

Ta tri polja za upisivanje atributa slike su Alternative Text, Caption i Description. Alternativni tekst, naslov i opis slike. Na kraju sačuvaš promene kliknom na dugme Update.

Tekst u polju Caption se pojavljuje na sajtu ispod slike. Možeš da isključiš opciju ako ne želiš da se vidi naslov slike.

Dodavanje Title atributa
Dodavanje Title atributa

Kad ubaciš sliku na stranicu ili post, u desnoj traci klikni na polje Advanced i ukucaj naziv slike u polju Title Attribute.

Prebacivanje slike u WebP format

Poslednji korak je prebacivanje slike u WebP format koji je kreirao Google, da zameni JPG i PNG format.

Za tu opciju je najbolje koristiti LiteSpeed Cache WP plugin.

Ovaj plugin prvo služi za ubrzanje sajta, ali ima i opciju da kompresuje slike i da ih prebaci u WebP format.

Zaključak

U ovom blog postu sam pokazao kako pravilno ubaciti sliku na WordPress (WP) sajt.

Kako ubaciti sliku na WordPress sajt
Kako ubaciti sliku na WordPress sajt

Ubacivanje slike na WordPress sajt ima pet koraka.

  1. Izbor odgovarajuće slike za WP sajt
  2. Kompresija slike pre ubacivanja na WP sajt
  3. Ubacivanje slike u medijsku biblioteku
  4. Upisivanje atributa slike
  5. Prebacivanje slike u WebP format

Preporučeni video

Prijavi se (subscribe) na moj YouTube kanal i klikni na zvonce za obaveštenje kad objavim video.