Struktura Web sajta

Web-sajt (engleski: website ili web site; skraćeno sajt, engleski: site), ili web-lokacija ili prezentacija, predstavlja mesto na internetu. To je skup veb-stranica koje mogu da sadrže tekst, slike, video-snimke i drugi multimedijalan sadržaj sastavljen u jednu celinu.

Najvažniji deo planiranja sajta je struktura sajta, odnosno kako pravilno rasporediti sadržaj (početna stranica, blog, meni, linkovi, slike, tekst..) Poželjno je napraviti šemu, odnosno mapu sajta, koja će Vam pomoći u sagledavanju strukture sajta, a takođe i posetiocima olakšati snalaženje na sajtu.

Osnovni elementi sajta:

  • Header (zaglavlje)
  • Navigacija (meni)
  • Content (sadržaj)
  • Footer (podnožje)
  • Sidebar (bočna traka)
  • Background (pozadina)

Header (zaglavlje)

Header tj. zaglavlje se nalazi na vrhu web stranice. Obično sadrži logo ili neki simbol koji ukazuje na identitet firme ili vlasnika sajta. Header predstavlja najviše pozicionirani element Web stranice. Bitna karakteristika header-a je što je to element koji ostvaruje prvi vizuelni kontakt sa posetiocem. Povezan je sa početnom stranicom tako da u svakom trenutku klikom na logo dolazite na početnu(Home) stranicu. Kod poslovnih sajtova, pored logoa, nalazi se i broj telefona i linkovi društvenih mreža radi što lakšeg uspostavljanje kontakta. Obično se u zaglavlju postavlja i meni.

Navigacija (meni)

Navigacija ili navigacioni meni je skup linkova koji međusobno povezuju stranice web sajta. Navigacija na sajtu mora biti pregledna, laka za korišćenje i da omogućava korisniku da sa što manje klikova dođe do željene stranice. Kada je god to moguće, dobro je rukovoditi se principom da korisnik sa bilo koje stranice može otići na bilo koju drugu stranicu samo jednim klikom. Treba izbegavati otvaranje drugih stranica u novom prozoru, novom tab-u ili pop-up prozoru. Navigacija mora biti jasno uočljiva, ali ne prenapadna da ne bi odvlačila pažnju korisnika od sadržaja.

Content (sadržaj)

Sadržaj sajta je najvažniji deo sajta i zauzima najviše prostora. Od njega zavisi kako će posetioci prihvatiti sajt i odrediti mu vrednost i svrhu. Bitno je da bude kvalitetan, relevantan i originalan. Članci bi trebalo da sadrže ključne reči za koje bi želeli da se sajt dobro rangira. Osim na pravilan raspored slika i ostalih elemenata unutar teksta, potrebno je obratiti pažnju i na korišćenje praznina u obliku margina, novih redova i paragrafa, proreda i sl. Važno je da tekst sadrži dovoljno praznina ili npr. okvira jer se na taj način tekst grupiše u celine koje se lakše pretražuju pogledom. Većina posetilaca kada se prvi put nađe na nekoj stranici prvo pogledom “preleti” po sadržaju stranice i na taj način odluči sadrži li ona ono što ih zanima. Zgusnuti tekst otežava takvo pretraživanje. O čemu pisati? Saveti za pisanje Bloga.

Sidebar (bočna traka)

Radi se o bočnoj koloni ili traci na sajtu koja sadrži meni ili banere(reklame). Obično je na levoj strani ali može biti i na desnoj što odlučuje dizajner u dogovoru sa vlasnikom sajta. Sadržaj bočne trake je često raznolik. Obično se u bočnu traku ubacuju linkovi (veze) ka profilima na društvenim mrežama, navigacija ka popularnim sadržajima ili čak glavna navigacija(umesto u zaglavlju), i zašto da ne, deo sa reklamama (banerima). Bočna traka je element bez kog mnogi sajtovi funkcionišu najnormalnije i u većini slučajeva se nalazi samo na sajtovima koji imaju veliku količinu sadržaja. Svrha banera je reklamiranje i njegova pozicija na sajtu se plaća. Cenu određuje vlasnik sajta u dogovoru sa zainteresovanim zakupcima prostora na sajtu.

Footer (podnožje)

Donji deo web stranice gde se obično postavlja adresa, telefoni, radno vreme, pravila o privatnosti i sl. Često se postavljaju i kategorije, tagovi, meni, zadnji postovi na blogu ili linkovi ka društvenim mrežama. Kod dosta sajtova tu stoji i potpis dizajnera.

Backgorund (pozadina)

Pozadina se nalazi iza ostalih elemenata i može biti neka fotografija koja ima veze sa temom sajta. Boje zavise od teme sajta i ciljne grupe kojoj je sajt namenjen. Npr. dečiji sajtovi imaće boje koje su šarene, crvene, vesele i slično, dok recimo sajtovi firmi imaće dve, do najviše tri boja sa njihovim nijansama, bez šarenila. Odnos između boje pozadine i boje fonta je najbitnija za čitljivost teksta, da ne bi došlo do zamaranja posetilaca prilikom čitanja. Ukoliko se prilikom odabira pozadine teksta uzima neka slika, napravite je manje transparentnom pomoću programa Photoshop.

Organizacija sajta

Početna stranica je izlog vaše prodavnice. Na njoj objašnjavate čime se bavite i usmerava posetioce na druge stranice sajta pomoću navigacije. Zaglavlja za navigaciju mogu da se nalaze u vrhu stranice ili sa strane. To je onaj meni koji ljudima omogućava da se kreću sa jednog dela sajta na drugi. Način na koji organizujete sajt je veoma važan. Razmislite o tome kako su organizovani sajtovi koje redovno posećujete. Zatim odlučite koju vrstu sadržaja želite da prikazujete, pa grupišite sadržaj na način koji ima smisla.

Najlakše je da počnete od stranica i odeljaka koje vidite na većini sajtova. Npr. stranice: „O Nama“ i „Kontakt“. Na stranici za kontakt navedite adresu, telefon, imejl, možda i mapu sa putanjom. Na stranici „O Nama“ ispričajte priču o preduzeću i stavite slike najboljih radova. Ne postoji pravi ili pogrešan način organizovanja sajta, ali uvek treba da se stavite u položaj posetilaca. Šta traže? Šta pokušavaju da urade na sajtu? Potrebno je da to utvrdite kako bi posetioci mogli lako da pronađu potrebne informacije, na primer radno vreme.

Zapamtite da je svaka sekunda važna. Ljudi neće dugo biti na web-sajtu i može se desiti da samo ovlaš pregledaju tekst i da ga ne čitaju. Zato  naslovi, slike i jednostavna navigacija treba da im pomognu. Napravite sajt prema poslovnim ciljevima i željama vaših posetilaca. Tako će imati mnogo veće šanse za uspeh.

Dizajn

Svako ima svoj ukus, ali postoje opšte smernice koje bi trebalo slediti.

Prvo, razmotrite izgled stranice. On treba da bude dosledan na celom sajtu, sa sličnim fontovima, slikama i ostalim elementima dizajna. Što se tiče boje, možda biste hteli da jarkim bojama privučete pažnju, ali je većina ljudi navikla da onlajn čita tamniji tekst na svetloj pozadini. Vredno ste radili da napravite sadržaj, pa pazite da posetiocima ne bude teško da čitaju tekst.

Treba da imate u vidu i mesto na stranici na kome će se sadržaj naći. Pazite da ljudi ne moraju da previše pomeraju sadržaj nadole da bi videli sve važne stvari. Uz pomoć zaglavlja i znakova za nabrajanje korisnici će moći da brzo pregledaju stranice i odluče da li će ostati.

Pišite za svoju publiku. Da li su u pitanju ljudi iz tehničke struke? Ako jesu, slobodno koristite stručne termine, a ako nisu, pišite tako da svako razume.

Elementi sajta

Više elemenata je bitno za dobru strukturu sajta. Logo, poziv na akciju, adresa, telefon, kontakt forma, kvalitetan sadržaj, slike, navigacija, blog, preporuke, unutrašnji i spoljni linkovi i dr. Na Infografiku ispod su pokazani neki uobičajeni elementi koje imaju poslovne web stranice.

struktura web sajta