U ovom tekstu cu objasniti sve korake od pocetka do kraja kako napraviti web stranicu (ukljucujuci i blog) te usput objasniti kako sve radi.
Ovo je zamisljeno kao WordPress tutorial za pocetnike, ali ako ste napredniji, mozete preskociti dijelove s kojima ste vec upoznati i odmah se baciti na nepoznato.
Kliknite i skocite na dio koji vas zanima:
- Zasto uopce imati web stranicu?
- Kako funkcionira internet?
- Kako registrirati domenu (web adresu)?
- Kako postaviti server?
- Kako instalirati WordPress?
- Koje postavke odabrati na WordPress-u
- Kako napraviti prvi blog post?
- VAZNO: Kako izbjeci usporavanje stranice?
- Kako dovesti posjetitelje/kupce na stranicu?
Zasto uopce imati web stranicu?
Gotovo sve web stranice na internetu postoje kako bi donosile zaradu. Bilo da se radi o:
- novinskim portalima koji zaraduju od prikazivanja oglasa
- osobnim stranicama za CV koje gledaju poslodavci
- ili web shop stranice koje direktno prodaju proizvode
Danas su dosta popularne drustvene mreze i one svakako imaju svoje mjesto u promociji proizvoda i usluga. Ali ogromna vecina prodaje se dogada iskljucivo na web stranicama.
Stoga se postavlja pitanje…
Ako se zarada dogada na web stranici, zasto se uopce muciti sa drustvenim mrezama?
Naravno, nema smisla visiti na drustvenim mrezama ako direktno mozete dovesti kupce na svoju web stranicu. A jedini nacin da ljudi direktno dodu kod vas je preko bloga.
I zato ti u ovom tekstu pokazujem sve korake kako sa tehnicke strane napraviti svoju web stranicu i blog.
A ako vas zanima kako i unovciti taj blog, onda mogu preporuciti jedan kvalitetan tekst od poznate hrvatske blogerice kako napraviti blog i zaraditi.
Kako funkcionira internet?
Vecina korisnika komunicira na internetu putem web browsera i aplikacija. A sve se svodi na to da u browser ukucate neku adresu (npr. www.neka-stranica.com) i onda browser prikaze tu web stranicu. Vrlo slican proces se dogada i u aplikacijama pa ih ne treba posebno objasnjavati.
Web adresa
Web adresa (takoder poznata kao domena) koju ukucate u browser je slicna kao i obicna (fizicka) adresa s kojom vas postar moze naci i dostaviti vam pismo. ✉️ Web adresa ne oznacava niciju kucu, nego server na kojem se vrti web stranica.
Server
Server je obicno racunalo na kojem su pokrenuti programi, konkretno, web stranice koje su takoder samo racunalni programi. Na serveru moze biti jedna ili vise web stranica. A glavni zadatak servera je da cijelo vrijeme radi kako bi web stranica bila dostupna 24 sata na dan.
Browser
Browser je program koji prikazuje sadrzaj web stranice na tvom ekranu. On salje zahtjeve prema serveru, a server nazad vraca podatke (HTML kod) koji browser pretvara u tekst, naslove, linkove i slike koje korisnici mogu vidjeti.
Kako registrirati domenu (web adresu)?
Prvo treba odabrati gdje registrirati domenu. Postoje mnoga mjesta na internetu i nisam primjetio neku razliku medu njima. Osobno koristim NameCheap.com i u 12 godina sam samo jednom imao neki manji problem sa placanjem (koji su oni u rijesili u pola sata).
Tako da ne bi imalo smisla da radim preporuke za nekog drugog ako ja koristim NameCheap. Takoder i ova domena (WebEkran.com) je registrirana tamo.
Kako odabrati domenu?
Ne treba previse komplicirati sa domenom. Ono sto ce najvise odluciti o tome hoce li ljudi dolaziti na stranicu ili ne je sadrzaj na blogu. Naravno da pomaze ako je ime domene povezano sa temom web stranice.
Npr. ako zelis napraviti stranicu o mackama bolje je ako ti se domena zove macke.com umjesto ludilo123.com, ali i dalje sadrzaj ce biti presudan.
Takoder, bolje je da je domena vise opcenita jer nikad ne znate u kom ce se smijeru stranica razvijati u buducnosti. Npr. ako je domena previse uska (CesaljZaMacke.com) pa kasnije saznate da su kupci najvise zainteresirani za hranu za macke, onda vam domena ne djeluje bas smisleno.
Puno bolja opcija bi bila da se domena zove MacjeZdravlje.com jer u to onda spada i prehrana i higijena pa cak i igracke jer to moze spadati pod emocionalno zdravlje.
U svakom slucaju neka domena bude dovoljno opcenita, ali opet vezana uz to sto radite. Dakle, dovoljno specificna da je nacelno jednostavno shvatiti kakav sadrzaj se moze ocekivati kad covjek dode na tu stranicu.
Dobar primjer je i ova domena (WebEkran.com) koja je dovoljno opcenita da moze bez problema pokrivati sirok spektar tema, ali opet se ocekuje da ima veze sa internetom i tehnologijom.
Sto se tice nastavaka, osobno volim .com jer je najlakse za zapamtiti. Ali u nasem primjeru domena Macke.com je vec zauzeta, ali zato Macke.club je dostupna.
Za koji god nastavak se odlucite, necete pogrijesiti. Jer nastavak nece puno utjecati (ako i uopce) na kolicinu prometa sa internet trazilica kao sto je Google.
Ponavljam – glavni sastojak web stranice je sadrzaj. A to se vidi i iz prve ruke. Vi ste sada na ovoj stranici zbog korisnog sadrzaja, a ne zbog naziva moje stranice. Da je sadrzaj los, vec bi odavno otisli i ne bi se vise vratili.
Postupak registracije
Prvo odete na NameCheap i pokusate naci domenu koja je slobodna.
Recimo da se bavite instrukcijama iz matematike ili fizike i odete provjeriti jel dostupna domena InstrukcijeIzFizike.com
Nakon toga kliknete “Add to cart” te prodete sve ostale korake kupovine i pravljenja svog racuna/profila na NameCheap-u.
Konkretno, za potrebe ovog bloga, ja sam registrirao domenu InstrukcijeIzMatematike.com i sa tom domenom cu proci sve ostale korake postavljanja servera i stranice.
Ovako to izgleda na NameCheap-u kada je domena registrirana i na ovom linku se prikazuje lista svih domena (u vasem sucaju ce to najvjerojatnije biti samo jedna)
Takoder, kada unajmimo server, morat cemo povezati nasu domenu sa serverom. To je potrebno kako bi browser znao gdje se web stranica nalazi.
Povezivanje domene i servera se radi klikom na gumb (button) “MANAGE”. No detaljnije o tome cemo u sljedecoj cjelini…
Kako postaviti server?
Prvi korak prije postavljanja servera je najam servera. Postoji mnogo firmi koje nude servere. Konkretno, nama treba server koji je specijaliziran za WordPress (jer cemo u WordPress-u izraditi stranicu).
WordPress koristi 42% svih web stranica na internetu tako da mozemo reci da gotovo pola interneta koristi WordPress. Pa ako je ijedan software na svijetu istestiran, projeren i siguran – onda je to WordPress.
Za razliku od registracije domena, kod najma servera sam primjetio drasticne razlike u brzini, cijeni, i korisnickom iskustvu. Tako da sa obabirom servera definitivno mozete jako puno pogrijesiti.
Sto nikako ne odabrati?
Ne postoje rijeci s kojima bih to mogao dovoljno istaknuti, ali nikako, nikako, NIKAKO ne odabrati WordPress.com
Zasto? Sto je to? I sto nije u redu s njim?
Ajmo od pocetka…
WordPress.org je stranica s koje mozete preuzeti (download-ati) WordPress.
WordPress je besplatan alat (software) koji vam omogucava da izradujete vlastite web stranice. I to cemo i mi koristiti u ovom vodicu/tutorijalu kako bi napravili vasu web stranicu. U nasem konkretnom slucaju nije ga potrebno preuzimati jer ce on biti vec spreman na nasem serveru.
WordPress.com cini stvari malo jednostavnijima. Oni su uzeli tu besplatnu verziju i instalirali je na svom serveru, a vi samo napravite racun, povezete domenu i to je to. Nema servera, tj. koristite njihove servere.
ALI
Problem je u tome sto vas WordPress.com (doslovno) odere po novcaniku kao da nema sutra.
Npr. najniza cijena je 9 eura mjesecno, a sto je najgore u tu cijenu ne dobijete cijeli WordPress nego je uzasno ogranicen. Da biste dobili osnovnu funkcionalnu verziju koja je donekle ok – potrebno je platiti 40 EURA mjesecno!! 😱
I to samo za jednu domenu (jednu web stranicu)!!!
Koji server odabrati?
Ako koristite svoj server, za manje od 40 eura godisnje mozete dobiti cijeli WordPress sa svim funkcionalnostima i mozete ga koristiti za neogranicen broj web stranica.
Npr. na mom serveru (na kojem je i ova stranica koju upravo sada citate), se nalazi 10 aktivnih web stranica. A nakon sto postavimo InstrukcijeIzMatematike.com u ovom tutorijalu – bit ce ih 11.
Iako, mogao bi ih imati preko 100 i ne bi bilo nikakvih problema.Firma od koje unajmljujem server se zove DreamHost. A ovdje mozete odabrati server na kojeg mozete staviti neograniceni broj domena, kao sto sam prethodno spomenuo.
U trenutku pisanja ovog bloga, cijena za prvu godinu je $35.40 sto je gotovo 15 puta (15x) jeftinije nego na WordPress.com (sto je cijena samo za jednu web stranicu). A na DreamHost-u se moze staviti neograniceni broj web stranica.
Nakon prve godine cijena na DreamHost-u je 143 eura godisnje (sto je i dalje preko tri puta jeftinije) nego na WordPress.com i uz to dobivate potpunu funkcionalnost WordPress-a sa svim mogucnostima.
SLJEDECI KORACI…
Odaberite opciju “Yearly” kako je naznaceno te opciju “Choose a domain later”. Zatim unesite podatke za placanje i slijedite daljne korake koji ce vas dovesti do toga da napravite racun na DreamHost-u.
Povezivanje domene sa serverom
Ovaj korak je relativno jednostavan. Ali bitno je imati na umu da nakon sto povezete domenu sa serverom – moze proci i do 48 sati dok se ta poveznica u potpunosti ne rasprostrani po internetu.
Ocekivali bi da se to rijesi u nekoliko sekundi. No zbog nacina na koji internet radi – to jednostavno toliko traje i ne mozete nista posebno napraviti da to ubrzate.
Kako cete znati da je povezivanje uspjelo? Tako sto ce vam se prikazati pocetna stranica vase nove web stranice (nakon sto instalirate WordPress – sto cu objasniti u nastavku teksta).
Prvi korak je da se ponovno prijavite (ulogirate) na NameCheap i tamo kod svoje domene kliknete na gumb “MANAGE” (kako je vec bilo priazano na slici kod registracije domene).
Nakon toga vam se onda prikazuje ovaj ekran:
Sve sto trebate napaviti je odabrati opciju “Custom DNS” iz padajuceg izbornika te unijeti ove tri vrijednosti u ponudena polja:
- ns1.dreamhost.com
- ns2.dreamhost.com
- ns3.dreamhost.com
Ukoliko vam nedostaje polja za unos (npr. postoje samo 2) onda kliknite na “ADD NAMESERVER” (koji se nalazi ispod polja za unos) dok ne budete imali ukupno 3 polja.
Kada ste unijeli podatke kako je prikazano na slici, kliknite na zelenu kvacicu ✔️ i domena sada pokazuje na vas server.
Prihvacanje domene na serveru
Drugi korak je dodavanje domene na serveru. A to mozemo napraviti u svega nekoliko klikova. Najprije se trebamo prijaviti (ulogirati) u DreamHost aplikaciju i otici na ekran za upravljanje s domenama i kliknuti na plavi gumb “Add Hosting to a Domain / Sub-Domain”
Nakon toga nam se otvori drugi ekran gdje trebamo otici skroz do dolje. U polje trebamo unijeti ime nase domene (u ovom slucaju instrukcijeizmatematike.com) te kliknuti na gumb “Host DNS only!”
Nakon toga nam se prikazuje ekran sa porukom da je domena uspjesno povezana:
I to je to.
Svi koraci za povezivanje domene su napravljeni (iako cete jos morati pricekati do 48h da sve promjene budu primjenjene sirom interneta).
Kako instalirati WordPress?
Prvi je korak je otici na lijevi izbornik i kliknuti “Manage Websites”, pronaci domenu (InstrukcijeIzMatematike.com) te kliknuti na gumb “Manage”.
Nakon toga kliknuti na gumb “Add Hosting”.
Potom kliknuti na gumb “Select” i odabrati “Shared Unlimited” hosting plan (ujedno i jedini kojeg imamo).
Nakon sto ste kliknuli “Select” i odabrali jedinu opciju – na dnu ekrana (dolje desno) ce se pojaviti gumb “Next: Options”. Kliknite na njega kako biste otisli na sljedeci ekran:
I na tom ekranu odaberite opcije kako je prikazano na slici. “Deluxe Install” ce napraviti vasu instalaciju WordPress-a sigurnijom. A ovaj “WP Website Builder” vam ne treba jer se vecina stvari moze napraviti bez njega na brzi nacin. A taj Builder ionako sporije radi tako da ga jednostavno odznacite:
Nakon toga na dnu ekrana samo kliknite “Set Up Website” i instalacija WordPress-a moze poceti.
Ovaj proces ce potrajati nekih 5-10 minuta tako da slobodno mozete malo protegnuti noge dok cekate 🙂
Ali to je to – svi koraci za instalaciju WordPress-a su zavrseni 🎉
Nakon sto se instalacija zavrsi – ekran izgleda ovako:
Klikom na WordPress ikonu se otvara vasa web stranica (WordPress admin sucelje u koje ste automatski prijavljeni/ulogirani).
Vazno: mozda necete moci odmah pristupiti svojoj web stranici ako nije proslo onih (maksimalno) 24 sata od povezivanja domene.
Tu ne mozete nista posebno. Dodite sutra i pokusajte ponovno 🙂
Postavljanje sigurnosnog certifikata
Prije nego sto pocnemo konfigurirati WordPress, potrebno je dodati sigurnosni certifikat. To vam je https i onaj zeleni lokot 🔒 koji se prikazuje u browseru kod linka (domene).
Bez sigurnosnog certifikata:
- nitko ne dozivljava vasu stranicu ozbiljno
- browseri stavljaju obavijesti da je vasa domena opasna
- a Google vas ne zeli bas stavljati na rezultate pretrage
Tako da to nije opcionalno – morate to imati.Srecom sve je besplatno i samo je potrebno nekoliko klikova. Za pocetak umjesto da kliknete na WordPress ikonu (sa prethodne slike) – kliknite na “Manage” i otvara vam se ovaj ekran (potrebno je scroll-ati dolje do “Security” sekcije i kliknuti na “Add”:
Na sljedecem ekranu mozete odabrati opciju “Let’s Encrypt” (ako vec nije odabrana) i jednom kada vidite da je certifikat instaliran – to je to.
Takoder, mozete potvrditi da je sigurnosni certifikat instaliran tako da kliknete na “Manage Websites” sa lijeve strane i vidite da postoji zeleni lokot 🔒 pokraj imena vase domene:
Kada to vidite, znate da je certifikat postavljen i vise se oko toga ne trebate brinuti (automatski ga DreamHost sam produzava).
Koje postavke odabrati na WordPress-u?
Kako bi usli u WordPress, kliknite na WordPress ikonu koja se nalazi desno od gumba “Manage” i otvorit ce vam se WP admin sucelje:
A pocetna stranica (na InstrukcijeIzMatematike.com) izgleda otprilike ovako:
Koje plugin-ove odabrati?
Plugin-ovi su kao mali pod-programi koji daju WordPress-u dodatne mogucnosti. I bez njih WordPress ne bi bio niti priblizno ovako popularan.
Zamislite da je WordPress kao iOS ili Android na vasem telefonu. Koliko bi vas telefon bio stvarno koristan da nema niti jednu aplikaciju? (dakle nema Facebook-a, Instagrama, itd.)
E tako je i sa plugin-ovima.
Na lijevom izborniku (meniju) kliknite na “Plugins” i prikazat ce vam se nekih 10-ak instaliranih plugin-ova.
Za pocetak obrisite sve plugin-ove osim “WP Mail SMTP”. Neke ne mozete obrisati prije nego sto ih iskljucite. Ispod svakog plugin-a pise “Deactivate” i tako ga mozete iskljuciti. Nakon sto je iskljucen pojavi se opcija “Delete” i onda ga mozete obrisati svaki plugin.
Kada ste gotovi imat cete ekran koji izgleda otprilike ovako:
Kliknite “Add New” kako bi dodali 4 plugina koji vam stvarno trebaju.
Sa desne strane, odmah iznad ponudenih pluginova, cete vidjeti (relativno malo) polje za pretragu (search bar) u koje mozete ukucati sljedeca imena…
I naravno na svaki od ovih plugin-ova kliknite na “Install Now”.
Yoast SEO
Olaksava neke stvari sa postavljanjem URL-ova (linkova) za pojedine stranice i slicno.
WPCode Lite
Sa ovim pluginom mozete dodati kod u vasi web stranicu. Konkretno, to ce vam trebati za Google Analytics i za Facebook Pixel.
All 404 Redirect to Homepage
U slucaju da vas je ili netko krivo linkao, ili korisnik pokusa doci na stranicu koja ne postoji, ili ste obrisali neku stranicu (a stari link je negdje ostao) – sve to vodi na neku nepostojecu stranicu.
Osobno mi se uopce ne svida ako me baci na neku 404 stranicu (cak i kad je kul i zabavna). Zato radije preusmjeravam sve te linkove na pocetnu stranicu. A vi mozete na neku drugu stranicu (npr. neka gdje skupljate mail adrese svojih posjetitelja i slicno).
CookieYES
GDPR je u punom jeku i napravio je puno glavobolje vlasnicima stranica i krajnjim korisnicima. Popup-ovi iskacu na sve strane i nikako pogasiti to sve.
Od svih ostalih, ovaj plugin mi se cini najmanje nametljiv (i najmanje naporan) korisnicima. Takoder, ova web stranica koristi sve ove plugin-ove koji su ovdje spomenuti tako da ne mogu preporuciti nista drugo sto i sam ne koristim.
I to je to – nakon instalacije ovih pluginova kliknite na “Plugins” na izborniku sa lijeve strane. Kod svakog plugin-a treba kliknuti na aktivaciju – “Activate”. A takoder mozete staviti da se automatski osvjezavaju (update-aju) – “Enable auto-updates”.
Krajnji rezultat treba izgledati otprilike ovako:
Kako bi dodatno uredili bilo koji od ovih plugin-ova mozete kliknuti na “Settings” i slijediti dalje upute.
Odabir WordPress teme
Trenutna tema koja je odabrana je poprilicno ocajna (mozete je vidjeti na pocetnoj stranici ukucavanjem vase domene u browser).
Da biste dosli na odabir tema, samo kliknite “Appearance” na lijevom izborniku. Tamo vam je ponudeno nekih 10-ak tema koje su vec instalirane. Mozete instalirati i dodatne, ali za pocetak su vam i ove dovoljne.
Ako vas zanima kako izgledaju na vasoj stranici, kliknite na “Live Preview”, a ona tema za koju se odlucite se moze aktivirati (“Activate”).
Nakon sto je tema aktivirana – automatski se promijeni izgled vase stranice.
Neve
Ako samo zelite neku temu koja izgleda “normalno” – pocnite sa Neve. Uz nju odmah dobijete neku lijepo dizajniranu pocetnu stranicu, a vrlo lagana za uredivanje.Ovo je primjer kako izgleda nasa stranica InstrukcijeIzMatematike.com nakon samo nekoliko klikova:
Na ovaj nacin vam je dizajn i struktura pocetne stranice vec gotova. Sve sto trebate napraviti je promjeniti tekst i eventualno dodati/maknuti pokoji element i to je to.
Generalne postavke WordPress-a
Ove postavke i sam koristim pa svakako preporucam i vama…
Settings → General
Ovdje mijenjate “Site Title” i “Tagline” sto su naziv vase web stranice i kratki opis. Takoder mozete dolje promjeniti vremensku zonu i format sata i datuma.
Settings → Writing
Ovdje jedino treba promjeniti tematsku kategoriju blog posta koja se automatski postavlja (“Default Post Category”). U slucaju web stranice koja pise o instrukcijama mozda bi to bila kategorija Zadatci jer se vecina sadrzaja vrti oko toga. Dodatne kategorije mogu biti npr. Predavanja i Formule.
Svaka kategorija se moze rucno postaviti, ali zgodno je da se automatski postavlja ona koja je ionako najcesca.
Kategorije se mogu dodati na “Posts → Categories”. Kategorije se mogu uredivati/brisati samo ako nisu dodijeljene nekom blog postu (pa preporucam da obrisete onaj jedan blog post koji je automatski izgeneriran – ionako nema nista posebno u njemu).
Settings → Writing
Ako ste odabrali temu Neve onda automatski imate postavljenu Home stranicu kao pocetnu, a Blog kao stranicu gdje su izlistani svi postovi.
Ovdje takoder odlucujete koliko blog postova zelite prikazati po stranici. Mozete ostaviti 10 kako je automatski i stavljeno.
Jedino bih promjenio postavku “Full text” u “Excerpt”. To znaci da se na stranici gdje su izlistani svi blog postovi ne pojavljuje cijeli tekst nego samo mali dio sa pocetka teksta.
Iskreno nisam siguran zasto to nije tako automatski postavljeno jer prikazivati cijeli tekst bloga na listi svih blogova je vrlo neprakticno 🤔
I na kraju naravno kliknite “Save Changes” kako bi spremili postavke. (isto vrijedi sa sve settings-e do sada, a i ove nakon).
Settings → Discussion
Treba maknuti kvacice ✔️ sa prve tri opcije:
Zasto?
Zato da bi se onemogucilo komentiranje korisnika na blog postove. Naravno, nije problem samo u komentarima, nego i u botovima. To su programi koji koji idu po internetu i objavljuju raznorazne komentare po tudim stranicama i spamaju vlasnike stranica.
Ako ih ne iskljucite, uskoro cete imati tisuce komentara koji ce praviti botovi te ce stavljati linkove na “cudne” stranice. A Google ce naci te linkove na vasoj stranici i shvatiti da je vasa stranica povezana sa njima pa ce maknuti web stranicu sa rezultata pretrage. I na kraju vise ne dobivate organski promet na stranicu.
Osim botova, vrlo je tesko pratiti i moderirati sve te komentare na blogovima i pratiti tko je napisao sto. Pa je moj prijedlog da imate blog bez komentara, a onda te clanke objavljujete na drustvenim mrezama gdje ljudi mogu komentirati. 👍
VAZNO: ove promjene se samo odnose na novo stvorene blog postove. To znaci da onaj jedan blog koji je automatski stvoren i dalje moze dobivati komentare.
Tako da ga treba obrisati i raditi nove blog postove od nule (ne pomaze ako se postojeci preimenuje i promjeni link – mora se obrisati).
Settings → Permalinks
Ovo je vazno za strukturu linkova (kako ce izgledati blog linkovi). Ova pocetna struktura izgleda poprilicno lose tako da cemo napraviti vlastitu. Takoder, ako pogledate URL (link) ovog clanka, vidjet cete da i sam koristim ovu strukturu.
Najprije odaberite “Custom Structure”. Ispod toga cete vidjeti da su neki od gumbova ispod “pritisnuti” pa ih treba ponovno kliknuti kako vise ne bi bili odabrani. Konkretno treba odznaciti:
- %year%
- %monthnum%
- %day%
Samo treba ostati %postname%. A nakon toga rucno treba dodati na pocetak “/blog” kako bi u konacnici izgledalo:
“/blog/%postname%/”
Settings → *
Sve ostale postavke mozete ostaviti kako jesu. WordPress je sada u potpunosti postavljen i mozete poceti uredivati stranice i raditi sadrzaj za blogove. 🎉
Sve stranice (ukljucujuci pocetnu) se ureduju u glavnom izborniku pod “Pages”, a blog clanci se ureduju pod “Posts”.
Kako napraviti prvi blog post?
Ovo je vrlo jednostavno. Vjerojatno znate kako se pise naslov i dodaju elementi. Tri najcesce koristena elementa u blogu su:
- Paragraph
- Heading
- Image
Najvazniji dio koji zelim naglasiti je na samom dnu clanka. A taj dio je dodao jedan od plugin-ova koje smo na pocetku dodali (Yoast SEO).
Ovdje mozete vidjeti da cak i ako imate malo duzi naslov (npr. “Koja je najbolja hrana za macke?”), vas URL (link) moze biti lijep i kratak.
U ovom konkretnom primjeru puni link na ovoj testnoj stranici bi bio:
https://instrukcijeizmatematike.com/blog/hrana-za-macke/
Ovaj format /blog/nesto dolazi iz settings-a kada smo postavljali Permalink.
Drugi koristan indikator je ova crvena traka iznad. Kada naslov bloga nije predugacak za Google i SEO, onda je zelene boje. Pa vam to pomaze da vam naslovi na rezultatima pretrage ne budu “odrezani”.
Stranice koje ne zelite…
Za stranice koje ne zelite na rezultatima pretrage mozete postaviti ove dvije vrijednosti na “No”.
Zasto bi to htjeli?
Recimo da se radi o stranicama vezanima za privatnost ili uvjete koristenja. Te stranice nisu bitne za rezultate pretrage. I ako netko trazi na internetu informacije o mackama, vjerojatno ne zeli vidjeti vas legalni tekst o koristenju kolacica (cookies) na web stranici.
Ovo najvjerojatnije nikad necete koristiti za blog postove, nego za individualne stranice. (Ovaj plugin se prikazuje jednako i na blog postovima i na stranicama.)
VAZNO: Kako izbjeci usporavanje stranice?
Najvazniji element koji usporava web stranicu su slike. I ako pogrijesite oko slika:
- stranica ce se uzasno usporiti
- vasi posjetitelji/kupci ce otici
- Google ce maknuti vasu web stranicu sa rezultata pretrage zbog loseg korisnickog iskustva
Pa pocnimo od dvije najvece greske…
Prevelike slike
Cesto vidim na webu da neke stranice imaju slike po 2MB. Naravno te stranice su jako spore i ja cesto odem s njih. A vjerojatno se tako ponasaju i drugi posjetitelji stranica. Rezultat je veliko osipanje posjetitelja, losa prodaja i gubitak organskog prometa sa internet trazilica (Google).
Konkretno, ovaj blog post ima cca 40-ak slika. Mozda mislite da je to puno, ali one sve zajedno nemaju 2MB. Dakle manje nego jedna jedina slika na nekim sajtovima koje sam vidio.
Najvece slike koje imam su oko 100kB. A vise od pola ih je manje od 50kB. I dalje se sve bitne informacije vide, a stranica je brza.
Kako smanjiti slike?
Promjenite im dimenzije tako da niti jedna stranica slike ne prelazi 1000px (piksela). Ako koristite Photoshop ili GIMP, mozete export-at sliku i podesiti kvalitetu na malo nizu razinu.
Samo te dvije stvari mogu smanjiti (memorijsku) velicinu slike za cak 10 puta. A kad pogledate krajnji rezultat, iznenadit cete se koliko malo se primjeti razlika. Ono u cemu se razlika definitivno primjeti je brzina ucitavanja vaseg sajta.
Ucitavanje slika sa vaseg servera
Ako nemate puno slika na jednoj stranici i nemate puno posjetitelja odjednom, a optimizirali ste (memorijsku) velicinu slika – to jos moze funkcionirati.
Ali idealno bi bilo da se slike ucitavaju sa nekog drugog mjesta (koje je specijalizirano da dostavu slika). A to mjesto se zove CDN (content delivery network).
Sto je CDN?
To je hrpa servera koja je rasprostranjena po cijelom svijetu. Jedini im je zadatak da dostavljaju datoteke (npr. slike) sa servera koji je najblizi lokaciji korisnika koji trazi sliku (najblizi lokaciji browsera).
Dakle sadrzaj web stranice (HTML kod) svi vasi korisnici dobivaju sa istog servera (ovog kojeg ste upravo postavili i instalirali WordPress). Ali slike dolaze sa (lokacijski) najblizeg servera.
Jeftino
CDN je vrlo jeftin. Npr. cijena po gigabajtu (GB) je 10 centa ($0.10). Ali sto to tocno znaci?
To znaci da ako imate stranicu sa slikom koja je velicine 50kB – za 10 centa se ta slika moze poslati 20.000 puta! Dakle placate 10 centa za 20 tisuca ljudi koji vide tu sliku.
Jednostavno
Postoji takoder plugin koji vam vrlo jednostavno omogucava da koristite CDN bez da znate da ga uopce koristite.
Na WordPress-u se pravite kao da ga i nema. Normalno upload-ate slike na stranicu (ili pod Media), a taj plugin sve odradi u pozadini.Ime plugin-a je bunny.net (a to je ujedno i link na stranicu)…
Sve sto treba je napraviti racun na njihovoj web stranici. Dodati neki manji iznos (npr. $10) i onda se to lagano trosi u ovisnosti koliko posjetitelja gleda slike s vase web stranice. I naravno, koje velicine su te slike.
Nakon toga, na lijevom izborniku (meniju) odaberete “Pull Zones” zatim “+ Add Pull Zone” i otvori se sljedeca stranica:
Tu sve sto treba unijeti je jedinstveno ime (“Name”) CDN servera. Ja obicno stavim samo ime moje domene (bez nastavka) i to je to. Ali ime realno moze biti bilo sto. I treba unijeti URL (link) na vasu web stranicu (“Origin URL”).
I samo na dnu kliknete na narancasti gumb “+ ADD PULL ZONE”.
Nakon toga je stvoren CDN server za vasu web stranicu i prikazuju se uputstva kako postaviti bunny.net plugin. Srecom, sve sto treba je unijeti ime CDN servera kojeg smo upravo napravili i gotovi smo.
Nakon aktivacije plugin-a, treba samo kliknuti na lijevi izbornik tamo gdje pise “bunny.net”, unijeti ime “instrukcijeizmatematike” i kliknuti na gumb “Enable bunny.net”.
Kako dovesti posjetitelje/kupce na stranicu?
Prva i osnovna stvar je kvalitetan sadrzaj!!!
U vremenu kada svi pokusavaju nesto smuljati sa automatski generiranim sadrzajem, ono cega definitivno nedostaje je originalnost i kvaliteta.
Jer citatelji su kao i vi. Sada gledate u ovaj clanak jer u njemu pise sve sto vas zanima, kvalitetno je i ne mozete naci ovakav sadrzaj nigdje dalje.
Tako neka bude i vas blog i nikad necete imati problema sa posjetiteljima i monetizacijom.
Naravno potreban je tu i SEO, ali to je izvan opsega (teme) ovog clanka.
Ako vas zanima vise kako napraviti kvalitetan sadrzaj i SEO upucujem vas na ovaj blog gdje je opisano sve vezano za tu temu.
I to je to 🎉 🥳
Gotovi smo 🙂
Ako vam se svidio ovaj clanak i znate bar jednu osobu kojoj bi koristio – slobodno proslijedite link. A necu se ljutiti ako ga podijelite i na drustvenim mrezama 😇
⬇️ ↘️