Web Dizajn i Web Hosting Usluge
Pulse Media

Završna faza izrade web stranice

napisao: pulse media, datum unosa: 7. rujan, 2009.

Odradili ste sav posao oko web dizajna i CMS-a, i stigao je trenutak kad će vaš web sajt konačno online. Ipak, postoje još neki detalji koje ne biste smjeli previdjeti, a na koje mnogi vlasnici web stranica često zaboravljaju. Stoga nije loše imati listu svega ono što je potrebno obaviti prije nego se odlučite predstaviti vašu web stranicu ostatku svijeta.

1) Favicon

Favicon (što je kratica za favorites icon) je sličica koja se pojavljuje pored adrese upravo otvorene web stranice u browseru, na tab-u kod multi-tab preglednika ili pored imena stranice ukoliko je stranica u favoritima (bookmarks). Njezina je veličina samo 16 x 16 piksela, a pomaže posjetiocima da lakše prepoznaju web stranicu. Za neke će browsere biti dovoljno da spremite favicon u root direktorij kao favicon.ico, ali da budete sigurni da će svi browseri prikazivati favicon, savjetujemo vam da u svim .html datotekama dodate u zaglavlje (header) redak:
<link rel=”icon” type=”image/x-icon” href=”/favicon.ico” />
Ukoliko imate iPhone favicon, tada u header uključite:
<link rel=”apple-touch-icon” href=”/favicon.png” />

2) Title i meta podaci

Page title je jedan od najvažnijih SEO elemenata. Nemojte ga zaboraviti, i provjerite imate li ga na svakoj stranici te odnosi li se na sadržaj stranice. To bi trebalo izgledati ovako:
<title>Završna faza izrade web stranice | Pulse Media </title>
Meta opisi i keyword tagovi nisu toliko bitni za SEO, ali nije ih loše uključiti. I tu provjerite slaže li se opis sa sadržajem svake pojedine stranice.

3) Provjerite stranicu u više browsera

Koliko god vi preferirali jedan browser nad ostalima, vaši posjetitelji možda koriste upravo onaj koji vi najviše prezirete, stoga se morate pobrinuti da se vaše stranice pravilno prikazuju u svim tražilicama. Ne mora sve biti identično u pixel, ali sve mora funkcionirati. Najpopularniji browseri su Firefox, Internet Explorer 6, 7 i 8, Chrome, Safari 3 i Opera.

4) Detaljno provjeravajte ima li grešaka

Ovo znači da ćete nekoliko puta morati iščitavati sav sadržaj na stranici, kako biste bili sigurni da nema grešaka i da je sav tekst pravilno i jasno strukturiran. Razdijelite tekst u manje odlomke i dodajte podnaslove, time ćete postići da je tekst čitljiv i pregledan.

5) Provjerite sve linkove

Kliknite na sve linkove i provjerite rade li. Je li uopće vidljivo da je riječ o linkovima? Linkovi bi se trebali isticati od ostalog teksta, stoga nemojte potcrtavati riječi koje nisu linkovi, budući da ćete zbuniti posjetitelje.

6) Testirajte sve dodane funkcionalnosti

Ukoliko imate kontaktnu formu, provjerite kako radi. Isto vrijedi i za search, košaricu za kupovinu, registriranje i logiranje korisnika.. Zamolite druge da testiraju vašu stranicu, nije loše vidjeti kako razni posjetitelji koriste stranicu, budući da bi vam takva provjera mogla otkriti nedostatke koje ste previdjeli.

7) Što kad nema JavaScripta?

Mnogi korisnici iz sigurnosnih razloga ne koriste JavaScript. Kako je glavna funkcija JavaScripta validacija podataka s forme, testirajte slanje forme i provjerite što je sa serverskom validacijom u slučaju da je JavaScript ugašen.

8) Validacija koda

Već smo pisali kako nije potrebno imati savršeno kodiranu stranicu kako biste ostvarili visok plasman na tražilicama, ali uredan kod i poštivanje standarda ipak imaju prednosti. Provjerite kod kako biste barem ispravili veće greške i osigurali da se stranica ispravno prikazuje u browserima.

9) RSS link

Ukoliko vaš sajt ima blog, nije loša ideja imati RSS feed na koji se posjetitelji mogu pretplatiti. Bitno je da korisnici mogu lako naći RSS feed, a konvencija je da se RSS ikona postavlja u adresnu traku browsera.
Stavite ovaj kod između <head> tagova:
<link rel=”alternate” type=”application/rss+xml” title=”Site or RSS title” href=”link-to-feed” />

10) Statistika

Spominjali smo besplatan alat Google Analytics koji vam može olakšati praćenje statistika, koje morate pratiti ukoliko vam je cilj unaprijeđivanje i uspješno vođenje stranice. Pratite koliko ima dnevnih unique hitova, koliko je mjesečnih pregleda stranica i slično, ti će vam podaci pomoći u razvoju stranice.

11) Dodajte sitemap

Dodavanjem sitemap.xml datoteke u root direktorij olakšati ćete pretraživačima indeksiranje stranice. Možete koristiti XML-Sitemaps koji automatski generira sitemap.xml datoteku. Nakon kreiranja datoteke jednostavno je uploadajte u root direktorij. Ukoliko koristite WordPress, koristan će vam biti Google XML Sitemaps plugin, koji radi update mape sajta svaki put kad napišete novi post.

12) „Defenzivni“ dizajn

Ovdje mislimo na često zaboravljenu grešku 404, odnosno svima poznato „page not found“, koja se pojavljuje ukoliko je korisnik pokušao otvoriti stranicu koja ne postoji. Ovo se može dogoditi iz više razloga, a vi se morate pobrinuti da korisnika usmjerite natrag na početnu stranicu, ili mu predložite druge stranice umjesto te koju je tražio. Također, provjerite kako forme koje će korisnici ispunjavati reagiraju na neispravne unose (previše znakova, slova u poljima za unos brojeva i sl.), te ukoliko se javlja greška, osigurajte da se korisnicima objasni u čemu je stvar i što trebaju učiniti.

13) Optimizirajte stranicu

Ovo će vam morati postati rutina nakon što stranica bude online, ali nije loše učiniti to i na samom početku. Reducirajte broj HTTP zahtjeva (requests), optimizirajte slike za prikazivanje na webu, kompresirajte JavaScript i CSS datoteke.. Sve će to pomoći da se stranica brže učitava, a trošit ćete manje resursa.

14) Back up

Ukoliko koristite bazu podataka, radite redoviti back up, kako se ne bi dogodilo da sav vaš trud propadne. Ukoliko koristite WordPress, instalirajte WorPress Database backup plugin.

15) Style Sheet za printanje

Na ovome će vam svi korisnici koji požele isprintati nešto s vaše web stranice biti zahvalni. Ovo će omogućiti da printaju samo sadržaj, bez navigacijskih elemenata, izbornika i ostalog. Kako bi se prilikom printanja koristio posebni CSS style sheet, između <head> tagova dodajte:
<link rel=”stylesheet” type=”text/css” href=”print.css” media=”print” />

Vezani članci:



Tagovi: , , , ,
U kategoriji web stranice |



Jedan odgovor na članak “Završna faza izrade web stranice”

  1. WebFABRIKA.ba je komentirao/la:

    Poučan tekst. Upravo bi ovim stvarima trebalo dati najvažniji značaj. Pozz


Napišite komentar:






Obrt Pulse Media - www.pulsemediaweb.com © 2012.
U skladu sa standardom XHTML 1.0 i CSS 2.1

pulse media blog pulse komplet web dizajn cms web hosting web alati kontakt