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 blog 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.

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 logotipe. PNG format treba koristiti 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 blog post treba da imaju Istaknutu sliku (Featured Image). Ona se automatski prikazuje na društvenim mrežama kada podelimo link te stranice ili tog blog 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.

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 online alat za kompresiju slika je compessor.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 WordPress dešborda (Dashboard). U nju se ubacuju medijski fajlovi koji se koriste na sajtu. Pogledaj drugu 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 se nalazi 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.

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 plavo 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.

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 automatski prebaci u WebP format.

Zaključak

U ovom blog postu sam pokazao kako pravilno ubaciti sliku na WordPress (WP) 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.