27. 11. 2017.

Besplatan blog u 6 koraka

Kako napraviti besplatan blog [6 jednostavnih koraka za pocetnike]



Pocetak blogovanja je NAJBOLJI besplatan poklon koji sebi mozete da priustite na bilo koji dan u godini.

Blog ne samo da vam dozvoljava da delite svoja misljenja, iskustva, svoje znanje, da sticete obozavatelje i pratioce, vec i da ostvarite pristojan prihod preko vaseg bloga.

Ako ste novi u blogovanju i pitate se kako zapoceti i napraviti blog besplatno, u ovom clanku cu vam pokazati kako da napravite besplatan blog na blogger-u, besplatnoj google-ovoj platformi.


Pa da pocnemo sa nekim osnovnim uvodom na Blogger.com.

Uvod u Blogger.com

Blogger.com je Google-ova besplatna stranica za blogovanje ili platforma na kojoj mozete kreirati besplatni blog sa poddomenom blogspot.com (na primer, mojprviblog.blogspot.com) ili mozete kupiti domen (preporucljivo) kako bi ste imali savrsen sajt (na primer, www.mojprviblog.com), ali se na samom pocetku drzite poddomena dok se malo ne uhodate i ne upoznate osnove blogovanja na ovoj platformi.

Prednosti pokretanja bloga na Blogger.com

  1. Pokretanje bloga na Blogger.com je besplatna i jednostavna za pokretanje.
  2. Platforma je u vlasnistvu Google-a, tako da imate poverenje i kredibilitet.
  3. Iako postoji puno besplatnih platformi za blogovanje kao sto su Wordpress, Weebly, Tumblr, Blogger.com je medju njima pobednik kada je rec o slobodi i ponudjenim funkcijama.
  4. Mozete da monetizujete svoj blog sa Google Adsense i drugim programima poput affiliate marketinga lako za razliku od drugih platformi.

Sada kada smo se malo upoznali sa nekim osnovnim stavkama za blogovanje, mozemo preci na objasnjenja i startovanje bloga, korak po korak.

Korak po korak vodic za pokretanje besplatnog bloga na Blogger.com

Sada kada znate zasto je pokretanje bloga na bloggeru korisno, idemo na sledeci koran.
Pocetak na Blogger.com

Navescemo svih 6 koraka koje cemo detaljno preci u nastavku:

  1. Kreiranje Blogger naloga
  2. Izbor imena bloga i teme
  3. Optimizacija Blogger Bloga
  4. Uredjivanje teme i rasporeda
  5. Objavljivanje vaseg prvog sadrzaja
  6. Monetizovanje Bloga sa Adsense

KORAK 1:

Kreiranje Blogger naloga

Da biste zapoceli, idite na Blogger.com koja ce vas automatski prebaciti i pozdraviti sa lepom odradisnom stranicom koja vas poziva da kreirate  besplatan blog.

pocetak blogovanja
Blogger.com pocetna stranica 
Posto je Blogger.com Google-ov proizvod, mozete jednostavno kreirati besplatni blog nalog prijavom na vas Gmail nalog.

Kada se prijavite, od vas ce biti zatrazeno da koristite blogger kao podrazumevani Google plus profil ili zelite da nastavite sa ogranicenim profilom blogger.com.

dodavanje-profila-google-blogger

Preporucujem da odaberete za dodatne pogodnosti kao sto je povezivanje vaseg bloga sa drustvenim Google Plus profilom.

Na sledecem ekranu kliknite dugme "Kreiraj svoj blog" da biste pokrenuli svoj prvi blog.


KORAK 2:

Izbor imena bloga i teme

Na sledecem ekranu, mozete izabrati domen za svoj blog.

Ime domena, u slucaju da ne znate, predstavlja adresu preko koje ljudi sirom sveta mogu pristupiti vasoj veb lokaciji (veb sajtu).

Izaberite kratko ime domena koje je relevantno za vasu temu na blogu. Na primer, ako biste u blogu pisali o zdravoj ishrani, receptima, dijeti, vas domen bi, na primer bio, dijetaizdravahrana.blogspot.com, mozete staviti kako god vi zelite, ali gledajte da se domen podudara sa onim sto se nalaziti na vasem blogu.


Zatim, odaberite odgovarajucu temu (odlucite kako ce vas blog izgledati na prednjoj strani) za vas blog i kliknite na dugme "Kreiraj blog!" (Vi naravno, uvek mozete promeniti temu ukoliko vam se ne svidja.)


KORAK 3:

Optimizacija Blogger Bloga

Nakon sto ste napravili vas blog, vreme je da ga optimizujete za vidljivost na pretrazivacima i bolje korisnicko iskustvo.

Ovo je jednokratni proces.

Mozete pristupiti na levoj bocnoj strani.

Samo kliknite na opciju sa leve strane koja glasi "Settings", i mozete optimizovati blog kao sto je to prikazano ispod:


1. Dodavanje opisa na vas blog

Dodavanjem opisa na vas blog pomazete vasim citaocima i pretrazivacima da znaju o cemu se radi na vasem blogu. Mozete ga podesiti tako sto cete izabrati opciju osnovnih postavki  u glavnom panelu. Vidi na slici:


2. Optimizacija vaseg posta na blogu

Ovo podesavanje ce optimizovati vasu pocetnu stranicu i kako sadrzaj izgleda u postavkama, koliko postova zelite da prikazete na vasoj pocetnoj stranici, komentarisanje postova, itd, ...


Ova podesavanja su prilicno laka i jasna, ali ako imate nekih poteskoca, mozete jednostavno da kliknete na simbol "?" i dobicete vise detalja o tome.

3. SEO Optimizacija Bloga

U ovom odeljku optimizujte vas blog za pretrazivace.

  • Meta tags - Ovde cete opisati o cemu se radi na vasem blogu. Ovaj tekst ce se pojaviti na pretrazivacima i njime privlaciti citaoce na vas blog.
  • Custom Page Not Found - Kada posetioci pristupe adresi stranice koja vise ne postoji, preko ove opcije im mozete ostaviti poruku da ta stranica vise ne postoji ili ih preusmeriti ka nekoj drugoj ili novoj adresi/stranici (Opcija Custom Redirects).
  • Sledeci korak "Crawlers and indexing" - savetujem vam da detaljno o tome procitate ovde kako ne bi bilo problema.

KORAK 4.

Uredjivanje teme i rasporeda/izgleda

U ovom koraku uredicemo izgled naseg templejta, sablona ili teme bloga.

Blogger nudi niz besplatnih sablona za vas blog koji su osnovni i jednostavni. Ali, ako zelite da pokrenete dugaciji sablon/izgled za vas blog, mozete ih preuzeti besplatno, imate beskonacno besplatnih sablona koje mozete naci. Ovde mozete procitati nesto vise o tome.

Za sada cemo koristiti podrazumevani sablon.

1. Dodavanje Logo-a


Logo je ono sto definise vas i identifikuje vas brend.

Blogger vam takodje omogucava da postavite prilagodjeni logo za vas blog.

U pocetku blogovanja ne morate nesto preterano da se opterecujete oko logoa. Mozete jednostavno kreirati jednostavni logo pomocu besplatnog alata kao sto je Canva.

Posle kreiranja, mozete da predjete na opciju i izaberete link "Edit" u zaglavlju.


2. Brisanje Navbar-a

Navbar je neugodna traka za navigaciju na vrhu svake stranice na kojoj tipka da se odjavite ili da posetite druge blogove.

Preporucujem da ovu traku uklonite jer izgleda veoma ruzno i omogucava da vasa poseta ode na druge blogove preko opcije koja se nalazi na njoj.

Da bi ste je uklonili, kliknite na opciju "Edit" u pravougaoniku (vidi sliku iznad) i u sledecem iskacucem prozoru je uklonite.

3. Dodavanje prilagodjenog Gadgeta

Gadgeti su mali unapred napravljeni uredjaji koji vam pomazu da dodate razlicite funkcionalnosti na vas blog.

Mozete ih koristiti za dodavanje razlicitih dugmica drustvenih medija, opciju pretrazivanja, kontakt formu, statistiku poseta, prilagodjeni meni ili bukvalno bilo sta preko prilagodjenog HTML-a.

Ako zelite da dodate prilagodjeni gadget, kada odaberete sa leve strane opciju "Layout", videcete male okvire u kojima pise "Add a Gadget". Klikom na Add a Gadget otvorice vam se nov iskacuci prozor u kome imate puno opcija i gadgeta, izaberite sta zelite.

Ovim ste zavrsili veliki posao posao ka profesionalnom blogovanju na bloggeru. Sve sto sledece trebate da uradite jeste da se bacite na kvalitetno pisanje i objavljivanje kvalitetnih clanaka koje ce vam omoguciti veliku posetu i zainteresovanost ka vasem blogu. 

KORAK 5:

Objavljivanje vaseg prvog sadrzaja

U slucaju da ste zbunjeni, postovi i stranice su doslovno ista stvar, osim cinjenice da se stranice obicno konstantni podaci koji se retko menjaju ili azuriraju ( Na primer, politika privatnosti, kontakt informacije, opis i sadrzaj bloga, biografija, i sve druge takve informacije koje su konstantne i koje se retko kad menjaju.)

Na bloggeru mozete kreirati neogranicen broj clanaka (postova) i samo 20 stranica, tako da vam savetujem da ih mudro i pametno iskoristite.

1. Kreiranje stranice "O nama" za vas blog

Ova stranica je verovatno i najposecenija na blogu, jer svaki citalac koji zeli doci da proveri ko ste, sta je vasa misija i sta oni mogu ocekivati od vas na vasem blogu.

Na ovoj stranici jednostavno trebate da predstavite sebe.

Nakon toga, mozete napisati nesto o vasem blogu i koje sve teme mogu ocekivati.

Ako zelite da pruzate usluge, ako ste otvoreni za poslovanje i saradnju, takodje mozete otvoriti posebnu stranu o tome.

Na kraju, nemojte zaboraviti da dodate vase drustvene kanale poput facebook stranice, profila, twittera ili bilo koju drugu drustvenu mrezu koju koristite.

2. Pisanje politike privatnosti

Politika privatnosti i uslovi koriscenja daju zakonska pojasnjenja u vezi sa nacinima na kojima vasa veb lokacija koristi podatke o posetiocima, za koje faktore ste odgovorini za njih, a za sta ne.

Ovo su veoma korisne i bitne stranice koje trebate da kreirate pre nego sto javno pokrenete vas blog ili podnesete zahtev za bilo kakve programe monetizacije kao sto je na primer Adsense.

Ove stranice se lako kreiraju ili generiraju, ne treba vam neko veliko znanje, tako da vas to ne treba plasiti. Imate bezbroj primera na internetu kako to sve treba da izgleda, uostalom, pisacu i ja nesto vise o tome u nekom sledecem postu.

3. Pisanje vaseg prvog posta

Sada je vreme da napisete i prve postove/clanke koje zelite da ljudi citaju na vasem blogu.

To su obicno teme oko kojih imate iskustva ili strucnog znanja, ili odredjene kljucne reci za koje zelite  rangirati  kada ih ljudi pretrazuju na Google-u.

Da biste napisali post, idite na kontrolnu tablu vaseg bloga i izaberite opciju "New Post".


Na slici iznad, otvara vam se prazna povrsina na kojoj cete pisati, paleta alata sa kojima mozete da uredite vase clanke, kao i prostor u kome cete upisati naslov vaseg posta.

Koncept uredjivanja je slican onome u Wordu ili Google doc-u, tako da nista nece biti neobicno ili tesko.

Moja preporuka je da napisete barem 5 kvalitetnih postova pre nego sto ih javno objavite ili ga podelite sa prijateljima preko drustvenih mreza.

Kako se broj postova povecava na vasem blogu i vasa poseta ce rasti i dati mnogo vise informacija posetiocima kakav je vas blog.

KORAK 6:

Monetizovanje vaseg bloga pomocu Google Adsense-a


Ovaj vodic za pokretanje besplatnog bloga sigurno bi bio nepotpun bez tutorijala za monetizaciju vaseg bloga. 

Ovde mozete procitati nesto vise o Adsense-u.

Kada budete imali neki pristojan broj postova na blogu i solidnu posetu, definitivno se registrujte za Google Adsense kako biste zaradili od vaseg bloga.

Prijava je vrlo laka, imat opciju u levom meniju pod nazivom "Zarada", popunite sve sto treba i sacekajte da vam Google odobri.

dodavanje adsense na vas blog

Posto sam napravio demo blog u svrhu ovog tutorijala i naravno nije odobren Adsense. :D

Medjutim, kada imate sve sto je potrebno na blogu, nekoliko stranica i postova, mozete uspesno da dobijete odobrenje!


I za kraj, nadam se da vam je ovaj vodic barem malo pomogao da napravite vas blog, steknete neko iskustvo o blogovanju, a mozda i zaradite novac.


25. 5. 2017.

5 Najboljih HTML Editora Za Windows

5 najboljih HTML editora koji su potpuno besplatni.

Ukoliko zelite da razvijete sajt, moracete da koristite HTML editor. Vi naravno mozete koristit i Window Notepad za izgradnju sajta, ali to bi bilo poprilicno tesko i neudobno. HTML editor mora da odradi dve stvari veoma dobro, a to su sintakse (obojenost koda) i automatsko dovrsavanje. Ima to jos dosta funkcija koje su nam potrebne, ali ove dve su dosta bitne. Ja sam izabrao, po meni 5 najboljih editora za Windows.

#1 Notepad++

Notepad++ je moj omiljeni besplatan editor za editovanje tekstualnih fajlova i pisanje koda. Ovaj program je potpuno besplatan i mozete ga preuzeti besplatno sa njihove stranice - ovde

Podrzava vise programskih jezika pod Windows okruzenjem, kao sto su: C, C++, Java, C#, XML, HTML, PHP, Javascript, RC file, makefile, nfo, doxygen, ini file, batch file, ASP, VB/VBS, SQL, Objective-C, CSS, Pascal, Perl, Python, Lua, Unix Shell Script, Fortran, NSIS and Flash action script.

Notepad++ je ustvari nesto izmedju klasicnog Window Notapade-a i WordPad-a. Prednosti u odnosu na WordPad je podrska za rad sa tabovima, mozda cak i najvaznija prednost i to vam omogucava da radite sa vise fajlova istovremeno. Jos jedna od prednosti je numerisanje linija koda, tako da uvek mozete lako da se snadjete.

Notepad++ je napisan u programskom jeziku C++ i koristi cist Win32 API i STL koji osigurava vecu brzinu izvrsavanja i manju velicinu programa.

#2 Komodo Edit


Postoje dve verzije na raspolaganju, Komodo Edit i Komodo IDE. Komodo Edit je open source i preuzimanje je besplatno.

Komodo Edit je veoma dobar tekst web editor. To ukljucuje puno odlicnih karakteristika za HTML i CSS razvoj.

Komodo koristi Mozilla i Scintilla bazu kodova jer oni dele mnoge karakteristike i podrsku istih jezika (ukljucujuci, Perl, PHP, Руби, Tcl, SQL, Smarty, CSS, HTML i XML) i operating systems (Linux, OS X i Windows). Komodo Edit mozete preuzeti - ovde.

#3 Eclipse


Eclipse je besplatan program, otvorenog koda, za razvoj softvera i razlicitih aplikacija. Ovaj program je pogodan za ljude koji rade puno kodiranja na razlicitim platformama sa razlicitmi jezicima.

Moze se reci i da predstavlja standardnu platformu koja je prvenstveno namenjena za mobilne programere, programiranju za Android operativni sistem, a moze se koristiti i za rad sa PHP-om i drugim programskim jezicima, ukljucujuci C, C++, Perl, Python, Ruby, Ada, COBOL itd. Tamo su i Java, JavaScript i PHP pluginovi, kao i dodatak za mobilne programere.

Eclipse mozete preuzeti - ovde.

#4 SynWrite


SynWrite je jos jedan besplatan program, otvorenog koda, za pisanje i uredjivanje tekstualnih fajlova i kodova.

Prvenstveno namenjen programerima, webmasterima, html editorima, a potom i svim ostalim korisnicima koji zele da se isprobaju u razvijanju razlicitih projekata.

Podrzava rad sa preko 70 programskih jezika, podrzava vise kodiranja, podrzano snimanje, postavljanje i pokretanje makronaredbi, integracija sa spoljasnjim alatima i dodacima napisanih u Python programskom jeziku, omogućeni pregled izvornog koda u vidu stabla, posedovanje prilagodljivih precica, visejezicni interfejs itd...

SynWrite sigurno spada medju najbolje programe za obradu tekstualnih fajlova. Preporucujemo.

SynWrite mozete preuzeti - ovde.

#5 Aptana Studio 3

5 Najboljih HTML Editora Za Windows

Aptana je IDE (IDE – integrisano razvojno okruzenje) (IDE je - Integrisano razvojno okruzenje poznato i kao IDE (engl. Integrated Development Environment) je softver koji programerima pruza sirok skup objekata za razvoj softvera.)  otvorenog koda i potpuno sveobuhvatno, besplatno resenje napisano u Javi i dostupno za Linux, Mac i Windows operativne sisteme. Veoma je mocan i popularan alat sa pregrst funkcija koje programeru mogu olaksati rad. Isprobajte!

Aptanu mozete preuzeti - ovde.

5 Najboljih HTML Editora Za Windows

Kako zaraditi od reklama na blogu?

6 najboljih oglasnih mreza za zaradu 



Novi ste bloger i u potrazi ste za oglasnom mrezom koja vam omogucava da unovcite svoj blog?

Onda je ovo pravo mesto za vas!

U ovom postu cu napisati 6 najboljih oglasnih mreza koje brzo odobravaju pristup i na kojima mozete da zaradite novac.

AdSense je ubedljivo najbolja platforma zbog kvaliteta njihovih oglasa, ali veliki problem oko odobravanja pristupa. Iako pise da vas domen mora biti star najmanje 6 meseci kako bi ste pristupili, to je samo mit.


Jedinstven sadrzaj nije jedini faktor za odobrenje AdSense-a. Postoje mnogi drugi faktori koje zeli AdSense da vidi pre nego sto vam odobri pristup. Mali blogovi obicno ne mogu dobiti AdSense odobrenje, ali ja cu vam napisati u nastavku nekoliko oglasnih mreza za nove blogere.

Postoje dosta oglasnih mreza, ali nisu sve oglasne mreze tako dobre. Neke oglasne mreze mogu prevariti korisnike tako sto odbijaju da im plate zaradjen novac.

Ovo su 6 pouzdanih oglasnih mreza na kojima gotovo sigurno dobijate pristup i tako zaradite od vasih stranica.
zarada na internetu-kako zaraditi


#6 PropellerAds

zarada od oglasa

PropellerAds je CPM mreza koja je odlicna za nove, male blogove i za blogove koji su osrednji po velicini.
  • Napravite oglas
  • Postavite ga na vas blog
  • Zaradicete negde izmedju $1-$4 za 1000 prikaza.
Minimalna isplata je $100.
Isplate se vrse preko Paypal naloga, Payoneer racuna i drugih metoda..

Ovde se mozete registrovati.

#5 RevenueHitsRevenue Hits

oglasne mreze

Ova oglasna mreza se malo razlikuje u odnosu na druge oglasne mreze na ovoj listi.

Ova mreza nudi razne metode, postavljanje banera na vas blog, slider, popunder, kao sto mozete da vidite na slici iznad..
  • Placaju $10-$50 po akciji.
  • Minimalna isplata je $50
  • Isplate se vrse preko Paypala, Payoneer ili bankovnog transfera
  • Instant aktivacija naloga

#4 Bidvertiser

oglasne mreze

Osnovana je 2002, Bidvertiser je jedna od najstarijih oglasnih mreza.

Oni imaju sirok spektar formata oglasa.

Minimalna isplate je $10 preko Paypala, $20 cekom, a $50 preko bankovnog transfera.

#3 Chitika

oglasne mreze

Chitika je jedna od najboljih AdSense alternativa. Vremenom i sa napretkom nove tehnologije, mnoge druge mreze su zamenjene Chitikom.

Chitika je dosta popularna medju novim blogerima. To je zato sto je minimalna isplata preko paypala $10, jednostavan interfejs za koriscenje i nema minimalni uslov saobracaja.

Jedina stvar koju morate da znate, to je da Chitika ne tolerise ako klikcete na njhove oglase, moze se desiti da vam trajno banuju nalog. Kada se prijavite, potrebno je neko vreme za ne/odobrenje.

#2 Infolinks

oglasne mreze - zarada

Infolinks je jos jedna oglasna mreza koja je popularna i takodje, veoma prijatna za pocetnicke blogere.

Infolinks nudi vise vrsta oglasa, ali najpopularniji su po svojim oglasima u tekstu.

Minimalna isplata je $50

#1 PopAds

oglasne mreze zarada

PopAds je vrhunska, po meni jedna od najboljih oglasnih mreza. Pogotovo za male blogove, jer nemaju minimalne uslove saobracaja.

Poceli su sa radom 2010. Oni omogucavaju sve vrste blogova, ukljucujuci i one ilegalne, porno sajtove i druge stvari vezane sadrzaj "za odrasle".

Odobrenje je instant.
  • Visoke CPM rates u poredjenju sa drugim mrezama
  • Nema minimalan uslov saobracaja
  • Minimalna isplata je $5
  • Jedina mana je mozda ta sto se isplate vrse samo preko Paypala.


Optimizacija Slika - Optimizujte vase slike na sajtu

Svi znamo da bez odgovarajuce SEO optimizacije, kako On-Page, tako i Off-Page, vasi clanci se nece dobro plasirati na prvim stranama Google-a.

Medjutim, neki blogeri su sigurni kako je njihov clanak potpuno optimizovan za pretrazivace, ali su slike koje koriste u clanku nisu ni blizu optimizovane kako treba.


Optimizacija Slika je jedan od najvaznijih faktora koji trebate uzeti u obzir, zato sto mnogi ljudi traze popularne slike i ako slike koje koristite na vasem blogu budu rangirane kako treba, onda mozete dobiti puno posetilaca.

U ovom clanku cu se u potpunosti fokusirati na Optimizaciju slika.

optimizacija-slika

Zasto vam je potrebna Optimizacija Slika?

Postoje mnogi razlozi za optimizaciju slika. Slike koje koristite na vasim stranicama, clancima ce poboljsati vas SEO rezultat, takodje, da bi vas clanak bio jos bolje plasiran na pretrazivacima, page loading ili brzina ucitavanja stranice zavise od optimizacije slika.

Benefiti Optimizacije Slika:

  • Slike ce se pojaviti u pretrazivacima i posto je konkurencija u odeljku images (google images) mnogo manja, mozete lako dobiti bolji rang vasih slika sa pravilnom optimizacijom.
  • Poboljsava stopu posete vaseg bloga i povecava SEO rezultet vaseg clanka.
  • Ako kreirate prilagodjene slike, vrlo je lako da ce biti i povratnih linkova (backlinks), tako sto ce neki blogovi koristiti vase slike u clancima i tako vam omoguciti izvor novih poseta ka vasoj stranici.
  • Photo-sharing na razne sajtove poput Pinterest-a moze dovesti do ogromne kolicine saobracaja ka vasem sajtu.

Pronalazenje pravih slika za vas blog

Svi mi koristimo slike u nasim clancima i pre nego sto pocnemo sa pravim stvarima u cilju sto bolje optimizacije slika, zeleo bih da podelim sa vama neke resurse na kojima mozete dobiti slike besplatno.

Kada se radi o slikama, morate biti veoma pazljivi dok ste u potrazi za njima. Ne mozete da koristite bilo koje slike sa Google Slika da izaberete bilo koju i dodate je u svom clanku. Slike mogu biti zasticene i tako mozete da upadnete u nevolju njihovim koriscenjem.


Umesto toga, mozete koristiti razlicite sajtove koji pruzaju slike za besplatno preuzimanje. Takve sajtove mozete koristiti u pronalazenju slike koja bi savrseno odgovarala sadrzaju vaseg clanka.

Psotoje sajtovi poput FreeDigitalPhotosMorgueFile, PixaBay, idt.. koji omogucavaju koriscenje besplatno fotografija kao i ShutterStock gde mozete dobiti visok kvalitet i profesionalne slike uplatom od par dolara.

Mozete da koristite free sajtove ili placene sajtove da nadju pravu sliku za vas clanak.

Bilo bi jos bolje ako sami kreirate neke slike za vas blog.

Na taj nacin, niko vas nece smarati, imate sva prava na vasim slikama, zato sto ste ih stvorili sami.

Kreiranje svoje slike

Ako niste u mogucnosti da pronadjete odgovarajucu sliku na StockPhoto sajtovima, zelite da kreirate svoju sliku, onda mozete da koristite online internet stranice za te stvari kao npr Canva.


Canva je najbolja platforma, posebno za one koji nisu dizajneri, za stvaranje slika. Mozete naci dosta gotovih sablona. Vro je lako da se snapravi slika bilo koje velicine i dimenzije.

Kako da optimizujete slike za pretrazivace?


#1 Biranje pravog imena slike

Pre nego sto dodate novu sliku vasem clanku, moracete da proverite ime slike pre nego sto je uploadujete. Video sam dosta blogova na kojima imena slika nemaju nikakve veze sa sadrzajem teksta ili imena koja nemaju nikakvog smisla.

Morate promeniti ime slike ako zelite da se vasa slika rangira kako treba. Izbor imena slike obicno treba da bude kljucna rec za sadrzaj koji se tice vaseg teksta.

Na primer, ako pisete clanak "Odrzavanje travnjaka u dvoristu", ime vase slike bi trebalo biti "odrzavanje-travnjaka-u-dvoristu.jpg" ili nesto slicno ovome.

To bi trebalo da ima smisla za vase citaoce, kao i za pretrazivace.

Jos jedna bitna stvar, uverite se da ste stavili crtice izmedju dve reci, izbegavajte pisanje reci bez razmaka izmedju njih. To ne bi trebalo da izgleda ovako - "odrzavanjetravnjakaudvoristu,jpg". Nema nista lose u tome ako napisete u ovom formatu, ali bolje je, preglednije i citljivije je izabrati nacin sa crticama.
  • Pogresan format - "ABCD123.jpg"
  • Dobar format - "odrzavanjetravnjakaudvoristu.jpg"
  • Savrsen format - "odrzavanje-travnjaka-u-dvoristu.jpg"

#2 Velicina slike i kompresija

Sledeca stvar o kojoj trebate da vodite racuna pre dodavanja slike su velicina i dimenzije. Ne morate da postavljate velike slike u vasim clancima, jer one ostavljaju veliki teret serverima i kao rezultat toga, vasa brzina ocitavanja ce se smanjiti.

Vreme ucitavanja vase stranice je izuzetno vazan faktor sa SEO tacke gledista, i ne zelite da se vase ucitavanje stranica oduzi dodavanjem velike slike.


Velicina slike:


Po meni, velicina slike koju postavljate treba da bude najmanje 200 x 200px tako da bude pogodno i za drustvene mreze kao sto su Facebook, Google+, Twitter...

Vi naravno, mozete da ubacite i manju sliku ili vecu u clanku u zavisnosti od vasih potreba. Navedene dimenzije su pomenute zbog toga sto su to minimalni zahtevi za slike da bi se postavila na drustvenim mrezama.

Kada se radi o velikim slikama, proverite sirinu sadrzaja povrsine vaseg bloga.

Vecina sablona za blog dolazi sa tim nekim sirinama oko 600-700px ili mozda manje ili vise, u zavisnosti od teme, tako da, proverite da li se vasa sirina slike uklapa lepo vasim sablonom.

Ako ste slucajno preuzeli sliku sa StockPhoto sajta koja ima ogromne dimenzije, najbolje bi bilo da se velicina promeni u odgovarajucu, a zatim da postavite.

Ako ste dodali neku originalnu sliku i zatim promenili velicine na postu, to i nije bas dobra ideja. Kada se stranica ucita na vasem browseru, slika ce se prvo ucitati sa originalnim dimenzijama, pa ce tek nakon toga biti promenjena dimenzija. To naravno samo povecava preme ucitavanja vase stranice sto nije dobro.

Postoje puno online alata za promeni velicina slika pre nego sto ih otpremite na vas blog, na primer, PicResize, PicMonkey.

Kompresija slika

Kada koristite slike visokog kvaliteta, vi stvarate pritisak serverima oko ucitavanja slika.

Ako je, na primer, vasa slika ima ogromne cifre u KB ili mozda cak i MB, to je zato sto je kvalitet slike ogroman.

Postoje alati poput TinyPNG, koji vam pomaze da izvrsite kompresiju slika kako bi se smanjila velicina. Cak i nakon kompresije slike, to nece uticati mnogo na vas kvalitet slike. Slika ce i dalje izgledati dobro, nece biti izoblicena ili pikselizirana.

kompresija-slika
Rezultat nakon kompresije slike

Napomena:
Ako pisete clanke u kojima delite visokokvalitetne slike, kao i wallpapers kolekcije (pozadine), onda je najbolje da uploadujete te slike na Dropbox ili neki drugi slican sajt. Tada mozete da u vasim clancima psotavite slike sa promenjenim, optimizovanim velicinama, a zatim ih povezati sa Cloud servisom koji ste izabrali za upload originalnih slika, tako da vasi posetioci mogu videti. Na ovaj nacin obezbedjujete visokokvalitetne slike, a da ne ugrozite brzinu vasih stranica.

#3 Alternativni tekst (Alt text)

Osnovna svrha Alt teksta je da pruzi dodatni opis vasih slika. Ako se slike ne prikazu iz nekog razloga, alt tekst ce se pojaviti na njihovo mesto i opisace sadrzaj slike.

Druga upotrba Alt teksta jeste da kaze pretrazivacima da je slika prisutna na tom mestu. Pretrazivaci nisu u stanju da citaju slike i ako se ne koristi alt tekst na vasim stranicama, propusticete dosta saobracaja.

Pretrazivaci takodje koriste Alt tekst za rangiranje najboljih slika. Vecina ljudi pokusava da se probiju na najvisi polozaj na pretrazivacima, ali oni jednostavno ignorisu ili zaborave da odrade ovaj deo posla za slike kako bi se vas clanak sto bolje optimizovao i bio u SEO prednosti sto se tice konkurencije.

Kako odabrati pravi Alt Tekst?

Sada znate koje su prednosti i znacaji Alt tekstova, a da li znate sta bi trebalo da sadrzi jedan Alt tekst?

Alt tekst je najbolje mesto da ubacivanje kljucnih reci kako bi se povecale sanse za sto bolje prijavljivanje vasih slika u pretragama.

Medjutim, morate biti sigurni da je slika pogodna za vas alt tekst. Na primer, nikada nemojte dodavati sliku macke u svom clanku, a upisati alt tekst "najbolji SEO alati besplatno" To jednostavno nema nikakvog smisla.

Koristite odgovarajucu sliku koja opisuje temu vaseg clanka, dodajte kljucne reci u alt opisu da bi bilo vidljivo u pretrazivacima i da bi se sto bolje rangirali.

Kako da dodate Alt tekst na slikama?

Kada ste dodali vasu sliku, kliknite na nju. Pojavice vam se meni za podesavanje slike, potrebno je da kliknete na "Svojstva".


Otvorice vam se jedan prozorcic sa dve rubrike po nazivu "Naslovni tekst" i "Alternativni tekst". U obe rubrike uneti kljucne reci koje opisuju vase slike i vas sadrzaj. Na taj nacin citaoci koji ukucaju neku rec koja se odnosi na opis vase slike, najverovatnije je da ce videti i vasu sliku.

Formati slika - JPEG, PNG ili GIF?

Postoje vise vrsta formata na raspolaganju kao sto su JPEG (JPG), PNG, GIF. Uglavnom vam je to manje vise poznato, i verovatno vam je najpoznatiji format JPG, ali ponekad koristimo i formate PNG i GIF.

  • JPEG format - JPEG forma je najbolji format koji se koristi da digitalne fotografije i najrasprostranjeniji je.
  • PNG format - Ovaj format se isto dosta koristi, vrlo je dobar jer ne gubi kvalitet i nudi neverovatnu kompresiju fotki. To bi znacilo da ako editujete neku sliku vise puta, promenite velicine ili kompresujete je, ona nece izgubiti nikakve podatke i nece izgubiti na kvalitetu.
  • GIF format - Ovaj format je popularan uglavnom zato sto podrzava male velicine slike.
Od svih formata slike, najbolji format za koriscenje je JPEG. Razlog tome je vrlo jednostavan. JPEG formati su relativno manji u velicini, sto znaci da ce se slike ucitati brze. Ovaj format je najbolji za koriscenje u vasim postovima.

Natpis slika:

Natpis slike je opisni tekst koji se pojavljuje odmah ispod slike u vasem clanku. Mozete ga koristiti kako biste dodatno opisali vasu sliku ili mozete cak i da dodate link.

opsimizacija slika - natpis slika

24. 5. 2017.

Prilagodjene oznake zaglavlja robota - Podesavanja za Blogger

Da li ste znali da roboti za pretragu? Oni su odgovorni za prepoznavanje azuriranja na nasim stranicama i obavestavaju pretrazivace o tome.


Uz pomoc odgovarajucih definisanih oznaka, mozete komunicirati sa popisivacima (robotima) da se poveca ili smanji vidljivost za pretragu.


Prilagodjene oznake zaglavlja robota - Podesavanja za Blogger

Kako da podesite Prilagodjene Oznake Zaglavlja Robota?

Nadam se da ste korisnik Blogger platforme kojeg raduje veca izlozenost u pretrazivacu, tako da ce vas organski saobracaj dostici vrunac.

Ako je tako, onda preporucujem da ispratite ovaj vodic do kraja i omogucite prilagodjene oznake zaglavlja robota za maksimalnu vidljivost u pretrazivacima (posebno za nove blogove).

Pre nego sto krenemo sa procesom upoznavanja prilagodjenih oznaka zaglavlja robota, trebalo bi da znate njihovo znacenje.

 Prilagodjene oznake zaglavlja robota i njihovo znacenje

1. all - Ako stiklirate ovu oznaku, popisivaci nisu vezani nikakvim ogranicenjima. Oni slobodno mogu da pregledaju, popisu, indeksiraju i izloze sadrzaj.

2. noindex - Nisu svi blogovi za javno deljenje. Cak i ako ne delite URL vaseg licnog bloga sa bilo kim, velike su sanse da ce ljudi doci do njega iz rezultata pretrage. Za takve stvari, koristi se bas noindex jer sprecava pretrazivace da indeksiraju stranice.

3. nofollow - Nofollov i dofollow su za izlazne linkove. Dofollow je standardna oznaka robota za vase izlazne linkove. To znaci da pretrazivaci mogu da procesljaju stranice koje su linkovane. Ako ne zelite da roboti pregledaju te veze, dodaje se nofollow oznaka.

4. none - none je kombinacija noindex i nofollow oznaka. 

5. noarchive - Google kesira odredjene web stranice i pokazuje vezu sa kesirani stranama u rezultetima pretrage. Google pravi kopiju vaseg sajta na njihovom serveru da se prikaze u slucaju da padne. Ako stiklirate ovu oznaku to bi znacilo da iskljucujete sacuvanu verziju u stranicama za pretrazivanje.

6. nosnippet - Tekst fragmenti u rezultatima pretrage da pomognu ljudima oko toga sta je na stranici. Ako zelite da zadrzite sadrzaj ekskluzivnim, stiklirajte oznaku.

7. noodp - Open Directory Project ili Dmoz je  visejezicni direktorijum sajtova i veb stranica. Google, ponekad, koristi informacije iz njega. Mozete ga iskljuciti ako to zelite.

8. notranslate - Da li zelite da iskljucite prevod na vasem sajtu? Stiklirajte ako zelite da ukljucite prevodjenje.

9. noimageindex - Ako dozvolite Google-u indeksiranje vasih slika, ljudi mogu da ih ukredu i postave na svojim sajtovima. Da biste to sprecili, mozete koristiti ovu oznaku.

10. unavailable_after - Ova oznaka znaci da internet stranica nece biti prikazana u rezultetima pretrage posle navedenog datuma i vremena. 

Kako podesiti prilagodjene oznake zaglavlja robota?

Kao sto smo znate, govorimo o podesavanju oznaka zaglavlja robota na Bloggeru. Pratite sledece korake u nastavku:

  • Posetite Blogger.com i prijavite se na vas nalog. Sa liste blogova izaberite onaj koji zelite.
  • Zatim, idite na Podesavanja > Podesavanja pretrage. Tu mozete videti opciju za Podesavanje oznake zaglavlja robota, kliknite na Izmeni

Prilagodjene oznake zaglavlja robota - Podesavanja za Blogger

  • U ovom koraku, kada kliknete na opciju Izmeni, pojavice vam se opcija da li zelite da omogucite ili ne. Idete na opciju Da.

Prilagodjene oznake zaglavlja robota - Podesavanja za Blogger

  • Sada ce vam se otvoriti jedan okvir sa oznakama koje cete stiklirati. 

Prilagodjene oznake zaglavlja robota - Podesavanja za Blogger

  • Ispratite sve kao sto je na slici iznad i sacuvajte promene.
To bi bilo to. :)




23. 5. 2017.

7 Osnovnih On Page SEO saveta za blog

On Page SEO Optimizacija sajta - Sta je on page SEO optimizacija? On page optimizacija sajta je jedna od najbitnijih stavki SEO optimizacije sajtova za pretrazivace. Odnosi se na optimizaciju same stranice, to znaci da se izvodi na samom sajtu - stranici.


Optimizacija za pretrazivace (SEO) je najvaznija stvar koja se mora nauciti za najbolje blogging iskustvo. Bez odgovarajuceg znanja iz optimizacije, mozemo samo sanjati o vrhunskoj poseti i impresijama na blogu. Zato cu u ovom postu napisati 7 saveta za On-Page optimizaciju. Ovih 7 stvarcica bi svaki bloger morao da zna.

Dakle, hajde da pogledamo neke od najboljih On-Page saveta za uspesno bloggerisanje.

On-Page SEO Optimizacija


On-Page SEO saveti za Blog

Ispod su saveti i trikovi koji ce vam biti od koristi da optimizujete vas blog za Google i druge pretrazivace. Procitajte ih pazljivo i primenite ih sve na svom blogu kako bi vas blog bio voljen od strane citaoca i vredan za pretrazivace.

#1 Prilagodjene oznake zaglavlja robota

Postoje podesavanja za blogere da licno mogu da se podese na blogu da bi vas blog bio SEO Frlendly. Upravo je Custom Robots Header Tags setting (Prilagodjene oznake zaglavlja robota) jedan od njih. Ovi obelezivaci se koriste za psotavljanje oznaka zaglavlja robota koje se prikazuju pretrazivacima.

#2 Prilagodjeni Robot.txt

O ovome sam vec pisao i ovde mozete procitati taj clanak cemu sluzi i kako se podesava robot.txt.

#3 Optimizacija naslova posta

Ako ste skoro poceli sa pisanjem i pravljenjem bloga na podrazumevanim sablonima koje nudi Blogger, onda cete definitivno biti svesni sa cinjenicom da vasi post naslovi nisu pravilno optimizovani za pretrazivace. Potrebno je da promenite neke stvari na vasem sablonu kako bi naslov posta bio pravilno optimizovan. Videcete znatne promene i poboljsanja u organskom saobracaju na vasem blogu.

#4  Optimizacija slika

Verovatno ste primetili relevantne slike izmedju pasusa na mnogim blogovima. Slike ne poboljsavaju samo izgled naseg sadrzaja, one igraju vaznu ulogu u optimizaciji bloga. Ako napravimo efikasnu upotrebu slika u clancima, onda mozemo  postici i dodatni saobracaj iz pretrazivaca.

#5 Interni linkovi

Mnogi blogeri ne optimizuju svoje unutrasnje linkove (veze) ili cak ne povezu svoje clanke medjusobno. Ovo je zaista velika greska  koju moramo izbeci. Interna povezivanja ne samo da povecava preglede nasih stranica, vec i pomaze da se sto bolje rangiramo u pretrazivacima. Ukoliko ste ovakve greske pravili, vreme je da ih ispravite.

#6 Search Engine Submission (Prijava na Google Webmaster)

Kada smo zavrsili sa optimizacijom, sada moramo prijaviti nas blog na Google Alatke Za Webmastere. Provera i prijava na Google Alatke za Webmastere nam pomaze da nase stranice na blogu, Google sto brze indeksira. Ova alatka  nudi razne, korisne i neophodne stvari za nas blog/sajt, daje nam odgovore na razna pitanja, HTML poboljsanja, ukazivanje na neke greske, neposotojece veze koje trebamo da ispravimo. Pre nego sto se prijavite, trazice vam da potvrdite vlasnistvo sajta ili bloga, posaljete sitemap i to je to.

#7 Brzina ucitavanja vasih stranica

Ako vasem blogu treba dosta vremena da se ucita, posetioci koji su posetili vas blog, verovatno i nisu bas strpljivi sto se tice cekanja da se neka stranica ucita, sto bi u prevodu znacilo, poseta se smanjuje, a to nikako ne bismo zeleli. Pretrazivaci takodje daju prednost "Fasto Loading" stranicama kako bi poboljsali takozvana " best user experience". Zato je veoma vazna optimizacija brzine ocitavanja bloga/sajta. Preterano dodavanje slika, flash dodaci umeju da uspore vas blog, tako da nemojte preterivati.

Nadam se da sam uspeo da vam, koliko toliko pomognem oko nekih osnovnih stvari sto se tice On Page SEO optimizacije.


Sitemap za "Staticke stranice" - Blogger

Sitemap za "Staticke stranice" - Blogger


Blogger blogovi imaju sitemap.xml fajl koji sadrzi listu linkova svih "postova" objavljenih od strane korisnika. Ali ono sto je nedostajalo je lista "statickih stranica" koje ova sitemap fajl ne ukljucuje. Ove stranice se ne pojavljuju na sitemap generisano na atom.xml ili rss.xml i ne postoji nacin da se objavi fajl na blogger. Blogger sada automatski generise poseban dinamican sitemap za blog stranice koja sadrzi spisak svih statickih stranica koje su do sada objavljene. Sitemap za blogspot statickih stranica se nalazi na /sitemap-pages.xml. Sada mozete lako da dodate vase stranice na pretrazivacima i da se pravilno popisu i indeksiraju.

Gde se nalazi vas Sitemap Staticnih stranica?

Mozete pristupiti vasoj sitemap stranici tako sto cete ukucati sledecu URL adresu u adresno polje vaseg browser-a.


Za standardne domene .blogspot :

http://Vas-Domen.blogspot.com/sitemap-pages.xml


Za vas vlastiti domen:

http://Vas-Domen.com/sitemap-pages.xml

Tamo gde pise "Vas-Domen" upisite naziv vaseg domena.
Na primer, u mom slucaju, sitemap se nalazi na:
http://www.bloggerisanje.blogspot.com/sitemap-pages.xml

Slanje Sitemap za staticke stranice

Posaljite vase staticke stranice na google tako da bi roboti mogli da indeksiraju i prikazu u Search Engine Result Page - SERP (stranica pretrazivaca sa rezultatima pretrazivanja).

Pratite sledece korake:

  • Idite na Google Webmasteri (Google webmaster tools)
  • Izaberite vas blog sa liste
  • Idite na opciju Popisivanje (Crawl) > Sitemaps

  • Kliknite na Dodavanje/Testiranje Sitemapa

  • Ubacite sledece u rubriku sitemap-pages.xml
  • Kliknite na Posalji i to je to.
Isti metod se primenjuje i za ostale pretrazivace poput Bing/Yahoo ili Yandex.

Zasto nisu sve staticne stranice indeksirane od strane Google-a?

Google moze da indeksira samo stranice koje nisu oznacene sa "noindex", meta tagova ili Custom Robots Tagova. Ako ste izabrali opciju iz "noindex" iz podesavanja stranica, a objavljujete stranicu koristeci Blogger editor onda ce ta stranica biti dostavljena na Google od strane sitemape, ali to nece biti indeksirano sve dok ne iskljucite opciju "noindex".

Sitemap za "Staticke stranice" - Blogger

Na primer, u ovom slucaju imamo 6 stranica, ali su samo 3 indeksirane. To je zato sto smo postavili 3 stranice kao "noindex". Ove stranice obuhvataju Affilate strane, Disclaimer pages itd...

Sitemap za "Staticke stranice" - Blogger

22. 5. 2017.

Dodavanje pokretnog naslova stranice na vas blog

Kako dodati pokretni naslov stranice na vas blog koristeci JavaScript?



U ovom postu cu vam pokazati kako da dodate pokretni naslov stranice na statusnoj traci.


  • Ulogujte se na vas Blogger Account
  • Iz menija izaberite opciju "Tema"
  • Kliknite na opciju "Izmeni HTML"

  • Pronadjite (crtl+f) sledeci kod </head> i iznad njega nalepite sledece:

<b:if cond='data:blog.pageType ==  &quot;index&quot;'><script>var title=&quot;  <data:blog.pageTitle/> &quot;;var speed=200;var  mpse=null;function  rotulo_title(){document.title=title;title=title.substring(1,title.length)+title.charAt(0);mpse=setTimeout(&quot;rotulo_title()&quot;,speed)}rotulo_title();</script>  <b:else/><script>var title=&quot;  <data:blog.pageName/> &quot;;var speed=200;var  mpse=null;function  rotulo_title(){document.title=title;title=title.substring(1,title.length)+title.charAt(0);mpse=setTimeout(&quot;rotulo_title()&quot;,speed)}rotulo_title();</script></b:if>

  • Sacuvajte.
  • Vas naslov ce biti pokretan.
Kako dodati pokretni naslov stranice na blog

SEO alat - Screaming Frog SEO Spider

Besplatan SEO program koji vam moze koristiti kako biste otkrili i otklonili greske na vasim stranicama sajta ili bloga 




Screaming Frog SEO Spider je alat koji ce vam pomoci da analizirate vas sajt i otklonite greske za maksimalnu SEO optimizaciju. SEO Spider proverava detaljno vase web linkove, skripte, slike, CSS, aplikacije i identifikuje razne probleme na vasem sajtu kao sto su duple stranice, neispravni linkovi, analiza naslova stranica, generise sitemaps xml...

seo alat za proveru sajta


Ovde mozete preuzeti besplatnu verziju programa

Screaming Frog SE Spider