EDUKACIJA HUB ZNANJA

Izradi web stranicu

U današnje vrijeme svatko može napraviti web stranicu bez da zna kodirati, web dizajn ili programirati. Postoji mnoštvo alata i resursa koji vam mogu pomoći da stvorite web stranicu za vas ili vašu tvrtku, a u nastavku smo napravili vodič za izradu web stranice. Pročitajte naš vodič kako biste saznali kako možete samostalno izraditi web stranicu bez da trošite novac na agencije ili web dizajnere.

Što je web stranica i dimenzije web stranice

Kako bi napravili web stranicu, bitno je razumjeti što je web stranica. Web stranica (eng. webpage) predstavlja skup različitih dokumenata koji se nalaze na jednoj stranici kao što su tekst i fotografija, a može sadržavati video i audio sadržaj te druge multimedijske sadržaje. Ona ima jedinstven URL zapis, a bitno je razlikovati web stranicu (eng. webpage) od web stranica (eng. website). Web stranice (eng. website) su skup povezanih web stranica i smještene su pod jednom domenom, a izradila ih je jedna osoba ili organizacija. 

Dimenzije web stranica mogu biti različite, pa tako njihova veličina ovisi i o uređaju na kojem se koristi. Ono što je bitno istaknuti jest da nema jednog odgovora na to koja je veličina web stranice već je bitno da su one responzivne. To znači da se web stranice mogu prilagoditi različitim uređajima i veličinama ekrana. Sadržaj na web stranicama ostaje isti, no prikazuje se na različit način ovisno o tome koristimo li mobitel, tablet, računalo ili laptop. U nastavku pročitajte što kvalitetna web stranica treba sadržavati te saznajte kako napraviti web stranicu.

Kako izraditi kvalitetnu web stranicu?

Kvalitetna i efikasna web stranica sadržava jedinstveni i nepristrani sadržaj, responzivna je, korisnik se njome može lako koristiti, detaljna je, SEO optimizirana, brzo se učitava te potiče korisnike na interakciju i angažman.

Kako bi izradili web stranicu potrebno je pratiti korake za izradu kvalitetne i efikasne web stranice:

  1.  Odaberite domenu
  2.  Registrirajte domenu i povežite ju s web hostingom 
  3.  Postavite stranicu koristeći CMS platformu
  4.  Prilagodite web dizajn
  5.  Prilagodite strukturu web stranice
  6.  Dodajte važne web stranice
  7.  Dodajte sadržaj na web stranicu
  8.  Postavite menu
  9.  Postavite plugin-ove (*opcionalno)

1. Odaberite domenu

Kod odabira domene bitno je istaknuti da možete uzeti besplatnu domenu ili ju možete platiti. Domena označava naziv vaše web stranice (npr. www.tvojawebstranica.hr). Najbolje je uzeti .com ekstenziju ili .hr tako da vaša stranica izgleda profesionalnije.

Kada birate ime domene možete recimo navesti ime vaše firme (npr. www.tvojafirma.hr) ili možete navesti vašu djelatnost (www.kamptvojafirma.hr).

Domena može koštati između 10 i 50 dolara godišnje, a u prosjeku košta 15 dolara. Ako želite besplatnu domenu možete koristiti web graditelje (eng. web builder) kao što su Wix, Weebly i Jimdo koji uključuju besplatnu domenu u prvih godinu dana. Također možete odabrati i web hosting, kao što je Bluehost, koji nudi besplatan naziv domene tijekom prve godine.

2. Registrirajte domenu i povežite ju s web hostingom

Web domaćin (eng. web hosting) je usluga koja omogućava smještaj web stranice i koja pohranjuje sadržaj na siguran server koji je stalno dostupan korisnicima. Bez web hostinga, sama stranica neće biti dostupna drugima da je vide i koriste.

Povoljan i pouzdan web hosting za nove stranice košta između 3 i 10 dolara mjesečno. Možete odabrati Bluehost ako želite imati posjete izvan Hrvatske i regije, a oni nude besplatan naziv domene prvih godinu dana.

Ako želite koristiti Bluehost i WordPress možete birati između ova tri plana:

;

Basic

Za jednu web stranicu – nudi 50 GB slobodnog prostora, besplatna domenu za jednu godinu i standardne značajke. Cijena je 2.95 dolara mjesečno.

;

Plus

Za neograničen broj web stranica – nudi neograničeni prostor, besplatnu domenu za jednu godinu te standardne i bitne značajke. Cijena je 5.45 dolara mjesečno.

;

Choice Plus

Za neograničen broj web stranica – nudi neograničeni prostor, besplatnu domenu za jednu godinu, privatnost domene, automatsku izradu sigurnosnih kopija, standardne i bitne značajke. Cijena je 5.45 dolara mjesečno.

Možete izvršiti i registraciju besplatne .hr domene ako ste:

  • Pravne osobe registrirane u Republici Hrvatskoj (trgovačka društva, udruge i slično).
  • Fizičke osobe koje obavljaju registriranu samostalnu djelatnost u Republici Hrvatskoj (obrtnici, umjetnici i slično).

Svako od njih ima pravo na jednu besplatnu domenu, a može se registrirati putem CARNET-ovog sučelja za registraciju besplatne .hr domene.

3. Postavite stranicu koristeći CMS platformu

Kada ste odabrali naziv vaše domene i web hosting, trebat ćete izabrati CMS (eng. Content Management System) platformu koja se koristi za izradu web stranice. Preporučujemo korištenje WordPressa jer je jednostavan za korištenje i ima mnoštvo besplatnih tema i dodataka kako bi vaša web stranica izgledala profesionalno i privlačno korisnicima.

Nakon odabira CMS platforme (primjerice odabrali ste WordPress), potrebno je instalirati WordPress uz pomoć web hostinga (npr. Bluehost) koji najčešće nudi opciju za instaliranje, ali ga možete i instalirati ručno.

Nakon što ste instalirali WordPress bitno je provjeriti radi li vam sve, a to možete napraviti tako da upišete naziv vaše domene u web preglednik. Ako ste dobro instalirali WordPress pristupit će te početnoj verziji stranice.

4. Prilagodite web dizajn

WordPress nudi besplatne i premium teme, odnosno plaćene teme koje možete iskoristiti kako bi poboljšali izgled vaše stranice. Ako vam se u nekom trenutku svidi neka druga tema ili vam se trenutna više ne sviđa – možete je lako promijeniti.

Savjetujemo da izaberete popularne teme koje je više korisnika isprobalo. Možete provjeriti i ocjenu za određenu temu kako bi saznali kako ta tema odgovara drugim korisnicima, a možete i pogledati podatke o broju dnevnih preuzimanja za određenu temu. Razmišljajte i o tome da tema odgovara onome čime se vi bavite, pa pretražujte u WordPressu teme koje odgovaraju vašoj djelatnosti.

Kako instalirati odabranu WordPress temu:

  • Kada uđete u WordPress u lijevom izborniku odaberite “Appearance”, pa “Themes”.
  • U zaglavlju stranice pored “Themes” kliknite “Add new”.
  • U tražilicu upišite naziv teme koju ste odabrali.
  • Instalirajte temu klikom na “Install”.
  • Nakon što ste instalirali temu kliknite “Activate”.
  • Nakon što ste aktivirali temu dobit će te potvrdu o tome da je tema uspješno aktivirana.

5. Prilagodite strukturu web stranice

Struktura web stranice važna je kako bi imali bolju poziciju na tražilici. Ako imate dobru strukturu web stranice, Google će je moći lakše analizirati, a to može pomoći tražilici da otkrije gdje se nalazi vaš najvažniji sadržaj te koliko brzo se on može isporučiti kod pretraživanja.

Nemojte pretjerivati kod dizajna i strukture web stranice. Neka web stranica bude jednostavna za korisnike, ne treba imati više od 10 kategorija i nemojte pretjerivati s potkategorijama.

Ono što je bitno kod dizajna web stranice jest da izgled same stranice isplanirate. Definirajte koje će te kategorije imati, koji će te sadržaj postavljati i koji je relevantan za ono čime se bavite. Savjetujemo i da pogledate druge zanimljive web stranice kako bi vidjeli što je vama zanimljivo i što možete iskoristiti i prilagoditi svojoj stranici.

Kada određujete dizajn stranice vodite računa o:

  • Korištenju komplementarnih boja.
  • Korištenju animacija – nemojte pretjerivati!
  • Preglednosti dizajna i korištenju „praznog“ bijelog prostora.
  • Korištenju fontova – nemojte pretjerivati i nemojte koristiti neobične fontove.
  • Konzistentnosti izgleda.
  • Kvaliteti fotografija.

6. Dodajte važne web stranice

Prije nego što definiramo kako možete dodati važne web stranice, bitno je da odredite koje sve web stranice želite imati. Savjetujemo vam da uključite sljedeće stranice:

  • Početna stranica – prva web stranica koju korisnici vide kada dođu na vašu stranicu. Vodite računa o vizualnom dojmu i tome da korisnik pregledom stranice odmah sazna čime se u suštini bavite.
  • O nama – web stranica koja objašnjava tko ste vi i čime se vaša stranica bavi, tko je vlasnik tvrtke, čime se vaši proizvodi ili usluge razlikuju od ostalih.
  • Kontakt – stranica koja omogućuje korisnicima da vas kontaktiraju (ostavite svoje kontakt podatke kao što su e-mail, adresa te telefonski broj ili postavite kontakt obrazac).
  • Blog – stranica na kojoj će te postavljati relevantne sadržaje vezane uz vašu djelatnost (nije nužno da ju imate).
  • Stranica s vašim proizvodima i uslugama – nemojte sve proizvode ili usluge postaviti na jednu web stranicu. Neka svaki proizvod ili usluga ima svoju zasebnu stranicu na kojoj će te detaljnije opisati njihove karakteristike.

Kada ste odlučili koje će te sve stranice uključiti na vašu web stranicu, bitno je znati kako možete to postaviti:

  • Odite u WordPress nadzornu ploču, kliknite “Pages” (Stranice) i “Add New” (Dodaj novu stranicu).
  • Pojavit će vam se prozorčić koji sadržava elemente za web stranicu.
  • Upišite naziv stranice.
  • U tijelo upišite sadržaj stranice.
  • Možete dodati i fotografije te istaknute fotografije koje odražavaju vaš sadržaj.
  • Odredite želite li dodati komentare ili ne.
  • Ako kliknete “Publish” objavit će te stranicu.

Nakon što ste odredili strukturu vaše web stranice bitno je optimizirati permalink (URL) strukturu, a to možete napraviti tako da u WordPressu odete pod “Settings” – “Permalinks”.

Odaberite “Post name” kako bi promijenili URL. Puno je ljepše ako vam određena stranica izgleda ovako „kamptvojafirma.com/o-nama“ nego ovako „kamptvojafirma.com/?p=231.

7. Dodajte sadržaj na web stranicu

Što se tiče postavljanja sadržaja, neka on bude izrazito kvalitetan, gramatički ispravan, zanimljiv i relevantan vašoj ciljanoj skupini. Sadržaj je alat kojim privlačite korisnike da posjete vašu stranicu i pomaže vam da ostvarite svoje ciljeve. Prije pisanja sadržaja potrebno je napraviti strategiju što će te pisati, gdje i kada će taj sadržaj biti dostupan široj javnosti. Također, bitno je definirati kome se obraćate i tko je vaša publika.

Kada krećete s pisanjem sadržaja preporučujemo vam da se vodite sljedećim smjernicama:

  • Pravilo obrnute piramide – privucite pozornost korisnika bacanjem udice, odnosno najbitnije dijelove stavite na početak, a kasnije pišite o specifičnijim stvarima.
  • Pišite kratke i jednostavne rečenice.
  • Koristite aktiv kod pisanja.
  • Objasnite kompleksne riječi – neka sadržaj razumiju svi, pa čak i oni koji o tome ništa ne znaju.
  • Koristite numeričke popise ili natuknice.
  • Koristite podnaslove i sekcije.
  • Uključite i multimedijski sadržaj – ljudi su pretežno vizualna bića i tako najviše pamte, pa je dobro uključiti fotografije i/ili video sadržaj.
  • Pazite da ne uključite „mrtve linkove“ koji izbacuju tekst „Page Not Found“ („Stranica nije pronađena“).

8. Postavite menu

Menu ili izbornik je alat koji omogućava korisnicima da lakše navigiraju vašom stranicom, odnosno to korisnici koriste kako bi išli s jedne vaše stranice na drugu.

Kako bi postavili menu u WordPressu pratite sljedeće korake:

  1. U WordPress nadzornoj ploči (eng. dashboard) odite u “Appearance” pa odaberite “Menus”.
  2. Kliknite “Create a new menu”.
  3. Napišite naziv vašeg izbornika u “Menu name”.
  4. U lijevoj strani prozorčića odaberite koje stranice želite uključiti u vaš izbornik (možete uzeti “O nama”, “Kontakt” i još dvije stranice koje smatrate važnim).
  5. Kliknite “Add to Menu” kako bi uključili te stranice.
  6. Možete povlačiti i ispuštati elemente izbornika kako bi ga reorganizirali.
  7. Kada ste gotovi odaberite lokaciju menu-a – ako izaberete “Primary Menu” pronaći ćete ga na gornjem dijelu stranice.
  8. Kliknite “Save Menu” kako bi spremili vaš izbornik.

9. Postavite plugin-ove (web dodatke)

Značaj plugin-ova za web stranicu može se usporediti sa značajkom aplikacija za vaš mobitel. Plugin-ovi, odnosno dodaci za web stranicu proširuju njenu funkcionalnost pri čemu dodaju važne značajke koje možete iskoristiti.

Savjetujemo vam da uzmete u obzir sljedeće pluginove i da ih postavite na vašu web stranicu:

;

Google Analytics

Alat putem kojeg možete saznati kakav je promet na vašoj stranici.

;

Yoast SEO

Alat koji omogućava to da vaša stranica postigne najveći tehnički SEO standard.

;

Wordfence Security

Alat koji poboljšava sigurnost vaše stranice.

;

Optimole

Alat koji omogućava optimizaciju vaših fotografija.

Ako želite postaviti neki web dodatak odite u lijevi izbornik i potražite “Plugins” te kliknite “Add New”. U tražilici upišite plugin koji želite postaviti, kliknite “Install” te ga zatim aktivirajte.

Nakon što ste pokrenuli web stranicu

Nakon što ste uspješno pokrenuli i objavili WordPress stranicu vodite računa o tome da:

  • S vremena na vrijeme osvježite stranicu.
  • Napravite SEO optimizaciju – različite aktivnosti koje se poduzimaju kako bi porasla posjećenost web stranice.
  • Provodite analizu u Google Analyticsu.
  • Vodite računa o email marketingu.
  • Povežete stranicu s društvenim mrežama.

Nadamo se da vam je ovaj vodič za izradu web stranice pomogao da razumijete kako napraviti kvalitetnu i efikasnu web stranicu.

EDUKACIJA HUB ZNANJA

Sviđa vam se sadržaj?
Naučite još puno toga kroz naše edukacije!