Pri izdelavi spletišča moramo upoštevati več pomembnih elementov, ki vplivajo na kakovost končne rešitve. Dobro spletišče ni le lepo oblikovano, ampak je tudi pregledno, uporabno, hitro, dostopno, varno in tehnično pravilno izdelano.
Izdelava spletišča je postopek, pri katerem najprej določimo namen in vsebino, nato pripravimo obliko, izdelamo strani, jih preizkusimo, optimiziramo in objavimo. Po objavi je treba spletišče tudi vzdrževati.
Pomni: Spletišče naj bo načrtovano z vidika uporabnika. Uporabnik mora hitro razumeti, kje je, kaj lahko naredi in kako pride do želene informacije.
Osnovna pravila kakovostnega spletišča
Pri načrtovanju in izdelavi spletišča upoštevamo predvsem naslednje elemente:
- jasen namen in cilje spletišča,
- pregledno strukturo in navigacijo,
- kakovostno, uporabno in razumljivo vsebino,
- ustrezno oblikovno podobo,
- odzivno delovanje na različnih napravah,
- dostopnost za čim širši krog uporabnikov,
- varnost in zanesljivost,
- hitro nalaganje strani,
- tehnično pravilno kodo,
- osnovno optimizacijo za iskalnike.
Pozor: Lep videz sam po sebi še ne pomeni dobrega spletišča. Če uporabnik težko najde informacije, če je stran počasna ali če ne deluje na telefonu, spletišče ni kakovostno.
Načrtovanje spletišča
S kakovostnim načrtovanjem določimo namen, cilje in ciljno skupino spletišča. Premislimo, katere informacije in funkcije bodo uporabniki potrebovali ter kako bodo do njih najlažje dostopali.
V tej fazi pogosto pripravimo:
- opis namena spletišča,
- seznam ciljnih uporabnikov,
- seznam glavnih vsebin in funkcij,
- zemljevid spletišča,
- osnutke posameznih strani,
- načrt navigacije.
Pomembno je, da je struktura logična. Tako uporabnik hitreje najde želene informacije, iskalniki pa lažje razumejo zgradbo spletišča.
Pomni: Pri načrtovanju najprej določimo vsebino in strukturo, šele nato podrobno obliko. Dobra struktura je temelj uporabnega spletišča.
Oblikovanje
Pri oblikovanju določimo videz spletišča. Poskrbeti moramo za usklajeno grafično podobo, berljivost, primerne barve, velikosti pisave in jasno razporeditev elementov.
Sodobno spletišče mora biti odzivno. To pomeni, da se pravilno prilagaja telefonu, tablici in računalniku. Pri oblikovanju ne razmišljamo samo o velikem zaslonu, ampak tudi o manjših napravah in različnih načinih uporabe.
Oblikovanje mora upoštevati tudi dostopnost. Vsebine morajo biti razumljive in uporabne tudi za ljudi z različnimi potrebami, na primer pri uporabi tipkovnice, bralnikov zaslona, povečane pisave ali večjega kontrasta.
Pozor: Besedilo in ozadje morata imeti dovolj kontrasta. Slabo berljive barve, premajhna pisava in preveč natrpana postavitev poslabšajo uporabniško izkušnjo.
Priprava vsebine
Vsebina je eden najpomembnejših delov spletišča. Pripraviti moramo kakovostna besedila, slike, grafikone, videe in druge materiale, ki so namenjeni uporabniku. Vsebina mora biti jasna, koristna, točna in smiselno razporejena po strani.
Pri pripravi vsebine je pomembno, da pišemo za ljudi in ne samo za iskalnike. Naslovi, podnaslovi, opisi povezav in besedilo morajo biti razumljivi ter pomagati uporabniku pri hitrem razumevanju informacij.
Slike naj imajo smiselna imena datotek, ustrezno velikost in opisno besedilo v atributu alt, kadar je slika vsebinsko pomembna.
Pomni: Dobra vsebina odgovarja na vprašanja uporabnika. Stran naj ne bo polna besedila brez strukture, ampak naj uporablja naslove, sezname, odstavke in smiselne poudarke.
Izdelava in testiranje spletišča
Spletišče izdelamo z uporabo sodobnih spletnih tehnologij. Osnovna zgradba strani je zapisana v HTML, videz določimo s CSS, interaktivnost pa pogosto dodamo z JavaScriptom. Pri dinamičnih spletiščih se lahko vključijo tudi strežniške tehnologije in podatkovne baze.
Koda mora biti pregledna, smiselno razdeljena in po možnosti modularna, saj je tako lažje vzdrževanje in nadgrajevanje.
Po izdelavi sledi testiranje. Preverimo pravilno delovanje strani, povezav, obrazcev, slik in drugih elementov. Spletišče preizkusimo v različnih brskalnikih in na različnih velikostih zaslona. Pri tem preverimo tudi hitrost nalaganja, dostopnost in varnost povezave.
Pri testiranju preverimo
- ali vse povezave vodijo na pravilne strani,
- ali se slike pravilno prikažejo,
- ali obrazci pravilno delujejo,
- ali se stran dobro prikaže na telefonu, tablici in računalniku,
- ali so besedila berljiva in dovolj kontrastna,
- ali se stran dovolj hitro naloži,
- ali je stran dostopna tudi s tipkovnico.
Optimizacija spletišča
Optimizacija zajema več področij. Pomembna je tehnična optimizacija, na primer urejeni naslovi strani, pravilna struktura HTML, delujoče povezave, hitrejše nalaganje ter dobra uporabniška izkušnja.
Pomembna je tudi vsebinska optimizacija, kjer poskrbimo za jasne naslove, kakovostno vsebino in smiseln opis teme posamezne strani.
Optimizacija za iskalnike SEO (Search Engine Optimization) danes ne pomeni le uporabe ključnih besed, ampak predvsem pripravo koristne, zanesljive in uporabniku prijazne vsebine. Pomembni so tudi dobra navigacija, odzivnost, varna povezava HTTPS in ustrezna hitrost delovanja strani.
Pozor: Pretirana uporaba ključnih besed ne pomeni dobre optimizacije. Iskalniki in uporabniki bolje ocenijo jasno, uporabno in zanesljivo vsebino.
Objava in spremljanje spletišča
Ko je spletišče pripravljeno, ga objavimo na javnem spletnem strežniku. Po objavi preverimo, ali vse strani delujejo pravilno tudi v produkcijskem okolju.
Pri večjih spletiščih je priporočljivo pripraviti tudi sitemap, ki iskalnikom pomaga pri učinkovitejšem odkrivanju strani. Pomembno je tudi, da je spletišče dostopno prek varne povezave HTTPS.
Po objavi delo še ni končano. Spletišče moramo redno posodabljati, spremljati njegovo delovanje, odpravljati napake, dopolnjevati vsebino in skrbeti za varnost. Le tako ostane uporabno, aktualno in tehnično ustrezno.
Primerjava faz izdelave spletišča
| Faza | Glavni namen | Primer opravila |
|---|---|---|
| načrtovanje | določitev ciljev, uporabnikov in strukture | izdelava zemljevida spletišča |
| oblikovanje | priprava videza in uporabniške izkušnje | določitev barv, pisav in razporeditve |
| vsebina | priprava besedil, slik in drugih gradiv | pisanje naslovov, opisov in odstavkov |
| izdelava | tehnična izdelava strani | pisanje HTML, CSS in JavaScript kode |
| testiranje | preverjanje pravilnega delovanja | preverjanje povezav, obrazcev in odzivnosti |
| objava | prenos spletišča na javni strežnik | preverjanje delovanja v produkcijskem okolju |
| vzdrževanje | posodabljanje in odpravljanje napak | dopolnjevanje vsebine in varnostne posodobitve |
Priporočila
- Pred začetkom izdelave jasno določi namen spletišča.
- Strukturo strani načrtuj tako, da uporabnik hitro najde pomembne informacije.
- Uporabljaj jasne naslove, kratke odstavke in smiselno razdeljene vsebinske sklope.
- Videz naj podpira vsebino, ne pa je zakriva.
- Stran redno preizkušaj na različnih napravah in v različnih brskalnikih.
- Slike optimiziraj, da ne upočasnijo nalaganja strani.
- Po objavi spremljaj delovanje strani in redno posodabljaj vsebino.
Pogoste napake
- Spletišče se začne izdelovati brez jasnega cilja in načrta.
- Navigacija je nepregledna ali nedosledna.
- Vsebina je preveč splošna, zastarela ali slabo razdeljena.
- Stran ni prilagojena manjšim zaslonom.
- Slike so prevelike in upočasnijo nalaganje strani.
- Dostopnost ni preverjena, zato je uporaba strani za nekatere uporabnike otežena.
- Po objavi se spletišče ne vzdržuje več.