Napredna optimizacija za tražilice: tehnički SEO

Do sada sam opisao tehnike za seo optimizaciju za tražilice na stranici i izvan nje (on-site i off-site seo optimizacija), a sad ću završiti seriju članaka o naprednoj seo optimizaciji s tehničkim čimbenicima koje morate svladati kako biste ostvarili najveći promet na vašoj web-lokaciji.

Top 5 tehničkih problema na web stranici:

  • (ne)-indeksiranost web stranice
  • spora web stranica
  • problemi sa serverom
  • izostanak korištenja Search Console
  • linkovi koji ne rade

Naprednu SEO optimizaciju smo podijelili u 3 dijela:

  • On-page SEOoptimizacija sadržaja koji se nalazi na vašoj web stranici.
  • Off-page SEO – broj i kvaliteta linkova koji su povezani s vašom web stranicom
  • Tehnički SEO – rad na tzv. tehničkim faktorima koji utječu na brzinu rada vaše web stranice i mogućnost da ju tražilice indeksiraju, i kategoriziraju

Meni je tehnički dio SEO optimizacija najdraži jer tu uvijek radim fino poliranje web stranice. Optimizacija WordPress web stranice mi je uvijek nova prilika da pokušam primijeniti nove dodatke i tehnike za najbolji rad web stranice.

Ova lista za tehnički dio napredne SEO optimizacije ispod je napravljena kao lista zadataka koju provjeravamo sa svakom web stranicom kako bi postigli što bolje efekte. Međutim, vrijedi spomenuti da je to lista stvari koje međusobno djeluju, dakle, niti jedna stavka nije tzv. deal-breaker, i da će baš zbog toga vaša web stranica biti bolje rangirana (Google koristi više od 200 faktora za rangiranje web stranica).

SEO lista za naprednu tehničku SEO optimizaciju

1. Provjerite da li je Google indeksirao vašu stranicu:

Ovo je prvi, lagani, ali izuzetno važni test koji će vam reći da li je Google uspješno indeksirao vašu web stranicu. Ako nije indeksirana, ne možete se rangirati. Kratko i jednostavno. Indeksirana web stranica zapravo znači da se vaša web stranica nalazi u Googleovoj bazi podataka i da postoji mogućnost da će se pojaviti kao rezultat kod pretrage na tražilici. Ako želite provjeriti da li je web stranica rangirana, u polje za pretragu upišite bez navodnika:

site:imewebstranice.hr

Upit na tražilici Google sa kojom provjeramo indeksiranost stranice
Upit na tražilici Google sa kojom provjeramo indeksiranost stranice

Iz primjera je vidljivo da je Google indeksirao trenutno 4890 stranica na domeni neomedia.hr.

Ako vam se prikaže da je Google indeksirao 0 ili jako mali broj stranica, potrebno je istražiti zašto se to dogodilo. Najčešće je to zbog greške u robots.txt datoteci, ili je Google kaznio stranicu iz nekog razloga, ili jendnostavno ne zna za nju, i potrebno ju je poslati Googleu da ju indeksira (kroz alat Search Console tj. bivši Webmaster Tools).

2. Provjerite brzinu vaše web stranice:

Alat koji koristim za analizu brzine web stranice je gtmetrix.com. Alternativa je PageSpeed Insights. Ono što je dobro kod oba alata je da jednostavno možemo otkriti koji dio web stranice nije dobro dorađen i što trebamo napraviti da ju ubrzamo. Brza web stranica nije samo benefit za vaše posjetitelje, nego je vrlo važan faktor kod rangiranja web stranice.

Brzina web stranice je izuzetno važna, i cilj treba biti ispod 3 sekunde da se učita web stranica. Iako 3 sekunde je stvarno kratko vrijeme, stopa napuštanja web stranice koja je spora je vrlo visoka. Prema nekim istraživanjima, čak 47% posjetitelja će napustiti web stranicu ako se nije učitala unutar 2 sekunde. Dakle, sa sporom web stranicom vi doslovno gubite novac.

Ako želite optimiziranu web stranicu pošaljite nam upit.

3. Otkrijte i ispravite probleme s hostingom web stranice:

Postoji mogućnost da hosting web stranice ne radi dobro tj. server na kojem se nalazi web stranice šalje grešku kod zahtjeva (engl. response code). Iako se to kod normalnog pregledavanja web stranice to možda ne primijeti, najbolji alat za provjeru tih grešaka je unutar Google Search Console.

Unutar SearchConsole alata fokusirajte se na 2 izvještaja: “Pokrivenost” i “Upotrebljivost za mobilni web”.

Ako web stranice ima određene greške (404, 403, 500 itd.), prikazat će se ovdje
Ako web stranice ima određene greške (404, 403, 500 itd.), prikazat će se ovdje

Normalno je da se s vremena na vrijeme pojave neke greške (recimo greška 500). Ali ako imate više od 10 grešaka dnevno svakako trebate kontaktirati web dizajnera kako bi se taj problem riješio.

4. Upoznajte i ovladajte sa svim opcijama u Search Console:

Search Console je izvrstan alat s kojim možete uočiti što se događa s vašom web stranicom. Pored toga što vas može upozoriti na greške koje su događaju na web stranici, postoje i druge vrlo korisne stvari:

  • Možete poslati Googleu link ili cijelu web stranicu da ju indeksira
  • Možete provjeriti koje sve upite koriste posjetitelji da bi posjetili vašu web stranicu
  • Možete provjeriti ranking web stranice za određeni upit
  • Možete vidjeti iz koje zemlje ili s kojim uređajima posjetitelji dolaze na web stranicu
  • Možete provjeriti koje sve web stranice imaju poveznicu na vašu web stranicu i s kojim tekstom
  • Postoji opcija “Dohvati kao Google” s kojom možemo vidjeti kako Google bot vidi web stranicu

Search Console neće samo upozoriti na propuste – on pokazuje i sve dobro što radimo s web stranicom. Možemo uočiti koje su ključne riječi tražene i vidjeti u kolikoj količini i ta nam informacija može biti jako korisna kada želimo strukturirati sadržaj web stranice.

5. Provjerite i popravite sve linkove koji ne rade:

Google koristi preko 200 faktora s kojim rangira web stranicu i linkovi koji ne rade s vaše web stranice su negativni faktor. Postoji nekoliko besplatnih alata koje možete koristiti za tu provjeru – jedan od onih koje ja koristim je brokenlinkcheck.com. Stranica je super jednostavna, dovoljno je upisati link do web stranice i alat će sam pronaći sve linkove koji ne rade. Kada pronađete linkove koji ne rade, ispravite ih ili obrišite ako više nisu relevantni ili korisni.

Linkove koji ne rade možemo pronači sa stranicom brokenlinkchecker.com
Linkove koji ne rade možemo pronaći sa stranicom brokenlinkchecker.com

Za kraj, ovdje je nabrojano top 5 tehničkih problema kod SEO optimizacije (ne-indeksiranost web stranice, spora web stranica, problemi sa serverom, problemi vidljivi u Search Console, linkovi koji ne rade), ali uz njih postoje i neki drugi problemi koji se mogu pojaviti. Ova lista će biti dobar početak i čini izvrstan start za krenuti s popravkom problema na web stranici.



Naprednu SEO optimizaciju uvodimo kao dio naše standardne procedure kod pokretanja web stranice. Kod svih web stranica koje radimo uvijek radimo osnovnu ili naprednu SEO optimizaciju. Nadam se da će vam savjeti iz članka pomoći da i sami optimizirate stranicu za tražilice.

Ako želite profesionalne, optimizirane, moderne i funkcionalne web stranice koje ćete kasnije sami ažurirati, pošaljite nam upit.

Elementi koje naslovnica vaše web stranice mora imati

Jeste li se ikad zapitali koji su to elementi koje bi svaka početna stranica (naslovnica) vaše web stranice trebala imati? Vrlo često prvi susret koji vaš potencijalni klijent ima s vašom tvrtkom je vaša web stranica. Statistike pokazuju da 30% prometa na vašoj web stranici dolazi na naslovnu (početnu) stranicu vaše web stranice.

Tako da je početna stranica svakako najvažniji dio vaše web stranice. Posjetitelj odustaje od toga da pogleda ostatak ponude, ako je loše napravljena web stranica. Koliko god da je ostali sadržaj web stranice dobar, ako je dizajn i struktura naslovnice loš, gubite potencijalne klijente.

Svaka web stranica se sastoji od elemenata koji ju grade i pomažu u prezentiranju vaše tvrtke. Neki elementi govore o vama i vašim uslugama i proizvodima dok drugi poboljšavaju izgled sadržaja na različitim uređajima.

Osnovni elementi koje naslovnica treba imati

Iako se različite web stranice vizualno razlikuju jedna od druge, svaka od njih u sebi sadrži zajedničke elemente:

  • Jasna i jednostavna navigacija
  • Naslovi i podnaslovi
  • Slike i video
  • CTA ili call-to-action
  • Prazan (negativan) prostor
  • Blog / stručni članci
  • Recenzije klijenata

Navigacija kao ključni element

Iako se to možda čini očitim, važno je spomenuti i naglasiti važnost navigacije. Preporuka je da navigacija bude na očekivanom mjestu, da je jasna i da je jednostavna. Pet do deset navigacijskih elemenata je više nego dovoljno na prosječnoj web stranici koje korisnik posjećuje.

Ako vam navigacija nije dobra, odnosno zbunjuje korisnika, onda je velika vjerojatnost da će vrlo brzo napustiti web stranicu.

Navigacija može biti primarna i sekundarna. Nemojte pokušavati u primarnu navigaciju “natrpati” baš sve. Ono bitno izdvojite i stavite u primarnu navigaciju, a manje bitne stvari dolaze u sekundarnu.

Unutar navigacije dodajemo i 2 dodatna elementa: logotip (obično lijevo) i tražilicu (obično desno).

Naslovi i podnaslovi privlače pažnju

Naslov i podnaslov neke vijesti koristimo na web stranici da bi privukli pažnju posjetitelja. U naslov i podnaslov web stranice stavljamo bitne informacije i dajemo odgovore posjetitelju i prije nego postavi pitanje.

Korištenjem naslova i podnaslova radimo i SEO optimizaciju, i posebno je korisno za lokalni SEO:

Dobar primjer za tko-što-gdje :) Dakle, tvrtka NEOMEDIA iz Osijeka, bavi se izradom web stranica
Dobar primjer za tko-što-gdje 🙂 Dakle, tvrtka NEOMEDIA iz Osijeka, bavi se izradom web stranica

Slike, video, interaktivnost

Naslovi i podnaslovi na web stranici trebaju sadržavati ključne riječi koje su nam bitne za dobar ranking, međutim s dodavanjem slika i videa na web stranicu, obogaćujemo ju. S njima se stvara interaktivnost, one trebaju s tekstom ispričati priču vašim posjetiteljima na web stranici. Koristite ih pametno, nemojte pretjerati s njima.

Sugestija je da uvijek koristimo relevantne slike – dakle one koje su povezane s vašim proizvodima i uslugama. Najbolje je koristiti vlastite slike.

Velike slike i video u pozadini danas su veliki trend u dizajnu web stranica.

Kratak video preko cijele stranice može zamijeniti dugačke članke koje bi morali napisati. Korištenje kratkog teksta ili opisa preko videa daje vašoj stranici moderan izgled.

CTA služi kao putokaz posjetitelju

Danas je standard imati nekoliko tzv. call-to-action linkova na stranici. Prepoznati ćemo ih po tome što uz neku poruku “pozivaju” korisnika na akciju – na klik koji će ga odvesti na neku drugu podstranicu, na web stranicu pojedinog proizvoda ili usluge, na kontakt formu, itd.

CTA gumbe koristimo i na naslovnici, pogotovo kada pozivamo posjetitelja da pogledaju ostale naše usluge ili da nas kontaktiraju:

cta kao element naslovnice
Kod CTA gumba pripazimo na kontrast te na boju koju koristimo. U ovom slučaju plava boja znači povjerenje i sigurnost a crvena stvara hitnost.

Negativan prostor

Prazan, negativan ili bijeli prostor zapravo znači isto. Bijeli prostor (engl. white space) predstavlja baš ono što mu i ime kaže – bijeli prostor na web stranici. Pritom mislim na prazan prostor na web stranicama, okolo teksta, okolo slika, video, CTA linkova i ostalih elemenata web stranica.

Svaki element kojeg imate na web stranici treba imati svoj “prostor”, da se vidi, da bude primijećen, da dođe do izražaju u cijeloj priči.

Slično kao i kod klasičnog tiska, uvijek je potrebno ostaviti razmake oko teksta, slike i ostalih elemenata na web stranici.

“Whitespace / negativan prostor”, izvor: www.flashwebz.com
“Whitespace / negativan prostor”, izvor: www.flashwebz.com

Blog / članci

Jedna od većih pogrešaka vlasnika web stranica koje rade je da ne objavljuje ništa na web stranici nakon što je naprave. Radi se o tome da jedan od kriterija koje Google koristi za dobar rejting web stranice je i količina sadržaja koja se objavljuje. Pa tako ako web stranicu zanemarite i ne objavljujete ništa, izgleda kao da se ništa ne događa ni u vašoj tvrtki i na klijente to ostavlja negativan dojam.

Uz objavu novosti, preporučio bih i redovito objavljivanje članaka o uslugama kojima se tvrtka bavi.

Radi se o tome da svakom objavom članka vi imate mogućnost za rangiranje sve više i bolje.

Ovo je statistika za blog neomedia.hr. Na konkretnom primjeru može se vidjeti koliko je bitno održavati blog.
Statistika 12 mjeseci za jedan blog. Na konkretnom primjeru može se vidjeti koliko je bitno održavati blog. I kolika je veza između količine kvalitetnih tekstova i posjećenosti web stranice

Na konkretnom primjeru: blog donosi sve veći broj posjeta (zadnjih 28 dana: 30-35 tzv. organskih posjeta dnevno (onih preko tražilica), 900 pojavljivanja u tražilicama dnevno). Budući da je broj tema na blogu sve veći, samim time je i sve više pojmova za koje je blog dobro rangiran, i blog služi kao izvrstan prodajni kanal jer uz sve veću posjećenost dolazi i sve veći broj upita za usluge 🙂

Recenzije klijenata su danas ključan pokazatelj kvalitete

Možda je izjava malo senzacionalistička, ali u zadnjih godinu – dvije može se uočiti snažna povezanost između broja i kvalitete recenzije koje vaša tvrtka dobiva te pozicije na tražilicama. Recenzije smo obradili u temi lokalni SEO, ali ponavljam zaključke:

– što više to bolje
– što su recenzije bolje s ocjenama, to je vaša tvrtka bolje rangirana
– što je tvrtka bolje rangirana, ima više posjeta na web stranici
– što je više posjeta, veći je broj upita.

Dakle, kroz brigu o korisnicima i ako oni to prepoznaju izravno možemo utjecati na poziciju na tražilicama.

Ako prikažemo recenzije na svojoj web stranici, to nije hvalisanje, nego samo želimo potencijalnom klijentu dati potvrdu da je našoj tvrtki stalno do klijenata.


Nemojte ignorirati mogućnosti koje vam dobro dizajnirana web stranica može donijeti.

Ako želite optimizirane, moderne i funkcionalne web stranice koje ćete kasnije sami ažurirati, pošaljite nam upit.

Koje su kvalitete dobro dizajnirane web stranice [2018]

Dobro dizajnirane web stranice su ogledalo vaše tvrtke. Ako vam je važno da se dobro prezentirate, onda sigurno imate i kvalitetnu web stranicu.

Web stranice su danas postale jedna od najvažnijih imovina koju jedna tvrtka može imati i izuzetno je važno da su web stranice responzivne i da je SEO optimizacija obuhvatila što više faktora. Web stranica tvrtke vam može pomoći u povećanju prihoda. Na kraju, ne zaboravite da je vaša web stranica, vaša digitalna posjetnica.

Polako se približavamo brojci od 2 milijarde web stranica na internetu. Čak i da pretpostavimo da su 3/4 web stranica neaktivne, i dalje je to veliki broj. Tvrtke koje se žele istaknuti na internetu (zapravo u poslu, kako bi pokazale da su bolje od konkurencije), uvijek imaju najnovije trendove i tehnologije na svojim korporativnim stranicama kako bi i svojim pokazateljima pokazali da stalno napreduju, čak i u online svijetu. Međutim, sam dizajn, ako ostavi bez riječi, i da je inovativan, nije jedina stavka koja čini da je web stranica sjajna.

Web dizajn kao dio IT industrije postoji jedva tri desetljeća. Prve web stranice su nastale na početku 90ih, i u to vrijeme je sve vezano uz www, internet, i slične pojmove bio jako veliki bauk i nepoznanica. Pa tako web dizajn nije djelatnost kao primjerice pekarska industrija koja “postoji oduvijek” i da su svi standardi definirani, da nema velikih promjena, i da se sve zna. Međutim, možemo se složiti da danas svaka tvrtka treba izradu web stranice, i da “ako nisi online, ne postojiš”. Također, postoje i određene kvalitete koja svaka dobro dizajnirana web stranica treba imati.

Dobro isplaniran i razumljiv dizajn

Krenimo od najvažnijeg. Većina informacija (oko 80%) koje naš mozak upija iz vanjskog svijeta je kroz vizualne informacije. Ljudski mozak je sposoban obraditi jako veliku količinu informacija u kratkom roku. Vid je naš najvažniji osjet, i igra važnu ulogu u formiranju mišljenja o stvarima i svijetu oko nas – pa i o web stranicama.

Dobar dizajn nikoga ne ostavlja ravnodušnim
Dobar dizajn nikoga ne ostavlja ravnodušnim

Dobar dizajn se oslanja na neke osnovne principe koji pospješuju učinkovitost web stranica. Postoji tzv. teorija boja i kreiranje vizualne hijerarhije. Svaka tvrtka ima određeni vizualni identitet. Najviše se to vidi u posjetnicama, memorandumima, potpisu u e-mailu, rokovnicima itd. Dakle, na svim mogućim načinima kako komunicira s klijentima tvrtka promovira svoj logotip, boje, tipografiju. Pa tako i na svojoj službenoj web stranici. Ako isti logotip imamo i na posjetnici i na web stranici – klijenti će brzo imati povjerenje u web stranicu, i da su sve informacije točne i ispravne. To je ista situacija kao primjerice – hoćete li prije kupiti od poznate marke s kojom ste se već susreli ili od neke koja nudi isti proizvod, ali da nikada niste čuli za njih.

Dakle, korištenjem istog vizualnog identiteta vi stvarate dodatnu razinu povjerenja kod svojih klijenata. Ako su klijenti kod vaše tvrtke navikli na određene boje i određeni font, jako je važno da ih nastavite koristiti i dalje.

Ovaj font, logotip i nijansa crvene boje je poznata svima. Ako se nalazimo u trgovini i vidimo ovo, mi odmah znamo da je to provjereni proizvod i nećemo dugo odlučivati želimo li ga kupiti
Ovaj font, logotip i nijansa crvene boje je poznata svima. Ako se nalazimo u trgovini i vidimo ovo, mi odmah znamo da je to provjereni proizvod i nećemo dugo odlučivati želimo li ga kupiti

Brzina učitavanja web stranice

Iako kod brzine učitavanja web stranica mi govorimo o sekundama, brzina je važna. Prosjek brzine učitavanja web stranice je nešto iznad 8.5 sekundi, a preporuka je da bude ispod 3 sekunde.

Važno je da je vaša stranica brza, najviše zbog činjenice da što se dulje učitava, to je stopa napuštanja web stranice veća. Pogotovo se to vidi kod mobitela. Više od pola posjeta se gubi ako je stranici potrebno više od 3 sekunde da se učita. Puno je faktora koji utječu na brzinu web stranice: hosting, SSL, struktura i veličina baze podataka, male veličine datoteka itd…

Jednostavna navigacija

Kod navigacije je najvažnija jedna stvar: jednostavnost. Kao što je važno da je web stranica brza tako je važno i da je navigacija jednostavna. Zlatno pravilo kaže da bi do svake informacije na web stranici trebalo biti najviše 3 klika. Primjerice, da bi pronašli određeni proizvod, put korisnika mora izgleda ovako: Naslovnica > Kategorija > Potkategorija > Stranica proizvoda. Nema smisla da proizvoda “skrivamo”. Sve treba biti lako dostupno. Taj savjet bih dao svim webshopovima koji imaju jako veliko stablo kategorija i potkategorija, a loše kategoriziraju proizvode.

Također, kada imamo jasnu i jednostavnu navigaciju, posjetitelji se lagano snalaze na web stranici i brzo pronalaze informacije. Kao pomoć u navigaciji, dodao bih na svaku web stranicu i sljedeće:

  • tražilica pri vrhu stranice
  • tzv. “glavna navigacija” gore, i “pomoćna (kategorije)” sa strane web stranice
  • mapa stranice
  • hijerarhijska (breadcrumbs) navigacija
  • navigacija do pravnih i ostalih podstranica pri dnu stranice

Responzivnost web stranice

Trend je da je sve veći broj pretraga na tražilicama putem mobitela. Posljedično tome raste i broj posjeta na web stranice putem mobitela. Statistika kaže da je preko 60% pretraga preko mobitela.

Web stranice koje su prilagođene samo za stolna računala, a ne i za mobitele se što prije moraju prebaciti na responzivni dizajn. Radi se o tome da se one teško čitaju na mobitelu, korisnici se ne snalaze na njima, frustrirajuće ih je za koristiti i velika je stopa napuštanja takvih web stranica.

Pravilna upotreba elemenata na web stranici

Prije je bio standard da se na početnoj stranici tvrtkine web stranice “vrti” slider na nekim informacijama. S vremenom se pokazalo da jako mali broj posjetitelja zanima taj slider i da ih samo preskaču. Zato se taj trend sve više napušta i ovisno o tipu web stranice, kao prva stvar koju posjetitelj vidi je najčešće tzv. call-to-action gumb ili neka pozdravna poruka. Također, cilj je i pojenostaviti web stranicu. Ako imamo kontakt podstranicu, onda tu dodajemo kontakt formu, google kartu, podatke o tvrtki, broj telefona itd. I nema smisla da tu primjerice dodamo najnovije proizvode iz webshopa, ili galeriju slika interijera. Ne treba pretjerivati, nego pojednostaviti posjetiteljima.

Što manje to bolje: najvažnije pravilo kod dizajniranja formi
Što manje to bolje: najvažnije pravilo kod dizajniranja formi

Dobar primjer pravilne upotrebe elemenata su i kontakt i newsletter forme. Ili forme na stranici naplate. Svakako bih preporučio da se svaka forma pojednostavi i da se od posjetitelja traži što više podataka. Za newsletter je dovoljno samo ime i e-mail. Nema potrebe tražiti još hrpu drugih podataka jer ćemo samo postići efekt da će ljudi odustati od popunjavanja forme. Uvijek možemo zatražiti dodatne podatka od klijenta naknadno, ali teško ćemo ga nagovoriti da ponovo popunjava napornu formu.

>>>Elementi koje naslovnica vaše web stranice mora imati

Ulaganje u izradu i dobar dizajn web stranica, pružit će dodatnu vrijednosti vašem poslovanju i na kraju će dovesti do boljih prihoda. Jeste li spremni za izradu svoje web stranice?


Nemojte ignorirati mogućnosti koje vam dobro dizajnirana web stranica može donijeti.

Ako želite optimizirane, moderne i funkcionalne web stranice koje ćete kasnije sami ažurirati, pošaljite nam upit.

Kolika je cijena izrade web stranice?

Cijena izrade web stranice najviše ovisi o satnici web dizajnera, i koliko kvalitetnu web stranicu želite imati.

Već sam pisao o temi zašto profesionalna izrada web stranica košta tako puno, i ovo je članak koji pobliže objašnjava kolika je cijena izrade web stranice, ali tako da je razumljivije i koliko traje izrada web stranice.

Kao web dizajn profesionalac, često se susrećem s pitanjem kolika je cijena izrade web stranice i potrebno je klijentu objasniti zašto izrada web stranica košta toliko puno (ili toliko malo). Većina klijenata prihvaća moju ponudu, jer su razmišljaju tako da kvalitetno obavljen posao znači i veću cijenu za njih (ali i dobiju puno benefita). No, s druge strane, postoji i dio klijenata koji bi želio profesionalnu izradu web stranica, ali uz minimalno financijsko ulaganje. Kolika je dakle, stvarna cijena profesionalne izrade web stranica?

Razlika u kvaliteti izrade web stranice značajno utječe na cijenu

Usporedimo izradu web stranice s nekretninama. Kao svoj dom možete odabrati prostranu kuću s velikom okućnicom, dvorištem, garažom, velikim prilazom, parkiralištem ispred kuće. U takvoj kući, jednom kada ju sazidate možete živjeti cijeli život i dočekati mirovinu u njoj. S druge strane, možete živjeti u šatoru, sa skoro nikakvom udobnošću, i teško da bi taj šator imao rok trajanja više od godine dana. Probajte samo zamisliti kako je prezimiti u šatoru.

Ako promatramo financijsku stranu, kupovina šatora je daleko jeftinija, i brže se napravi. Niste vezani skupim kreditom, i čak ga možete i preseliti lagano. Kuća s druge strane, ima puno veću cijenu, ali i puno veću kvalitetu života.

Isto tako je s web dizajnom. Kada izradu web stranica povjerite profesionalcu, unatoč tome što je cijena izrade web stranice velika, vi ćete na kraju dobiti web stranicu onakvu kakvu želite. Kod profesionalne izrade web stranice vi odmah u startu imate dobru SEO optimizaciju, web dizajner je predvidio da vam napravi i google web lokaciju, web stranica je optimizirana i za mobitele, prati trendove u web dizajnu itd.

Ako ste izradu web stranice platili jeftino, onda je uglavnom i konačan proizvod nekvalitetan. Pod nekvalitetan prvenstveno mislim da je SEO optimizacija loša, da ne radi na mobitelima, da je često nedostupna itd.

Napomena: nudimo besplatnu izradu web stranica, međutim razlika između jeftine izrade web stranice i besplatne je što mi ne naplaćujemo samu uslugu izrade web stranice u tom paketu. Naknadno klijentima (ako žele) nudimo i druge uslugu – recimo uslugu održavanja, izrade internet trgovina, sustava za rezervacije itd. Dakle, sve što nije osnovna web stranica naplaćujemo.

Koliko košta cijena izrade web stranice u WordPressu?

U sljedećoj infografici pokušao sam opisati proces izrade jednostavan WordPress web stranice. Konačna cijena ovisi o satnici web dizajnera. To može biti 10 € ili čak 50 €. Web dizajn tvrtke koje su nove na tržištu često imaju niže cijene jer još uvijek nemaju toliko klijenata i uzimaju sve projekte koje dobiju.

Web dizajn tvrtke koje su dulje na tržištu obično imaju i veće cijene po satu jer su produktivniji i njihovi stručnjaci mogu posao napraviti brže. Također, zahvaljujući iskustvu odmah u startu brinu o sigurnosti i performansama. Krajnji kupac zapravo plaća za iskustvo koje su web dizajneri stjecali godinama.

Infografika: vrijeme potrebno za izradu jednostavnije web stranice
Infografika: vrijeme potrebno za izradu jednostavnije web stranice

Napomena: infografika iznad prikazuje tipičnu web stranicu za koje najčešće dobivamo upit. Nisu sve web stranice ovako male (do 10 podstranica sa sadržajem). Također, dizajn nerijetko uzme i veći broj radnih sati, i zato je dobro biti što precizniji kod upita.

Uz ove troškove, u cijenu izrade web stranice možemo uvrstiti i SEO optimizaciju, obradu fotografija, izradu logotipa pa čak i pisanje teksta za web stranicu. Sve su to dodatni troškovi koji podižu cijenu. Ne zaboravimo da i klijent odvaja svoje vrijeme kako bi dao relevantne informacije web dizajneru 🙂

Kako bi izračunali koliko će web stranica koštati, pomnožimo broj radnih sati s cijenom sata rada:

  • Uz cijenu od 10€ / sat x 15 sati => cijena WordPress web stranice je 150€
  • Uz cijenu od 20€ / sat x 15 sati => cijena WordPress web stranice je 300€
  • Uz cijenu od 30€ / sat x 15 sati => cijena WordPress web stranice je 450€

Ne zaboravite i cijenu hostinga i održavanja web stranice

Svaka web stranica zahtjeva redovito održavanje (kao i kuća). Danas su gotovo sve web stranice dinamičke, i rijetko koja web stranica je statična da se na njoj ne objavljuju vijesti, nove usluge i slično. Održavanje web stranice podrazumijeva redovito ažuriranje sustava, dodataka te ažuriranje sadržaja. U praksi klijent šalje materijale web dizajneru, i onda on objavljuje novi sadržaj. Ako ne održavate web stranice s vremenom vam ona samo propada, i bude zastarjela.

Cijena održavanje web stranice ovisi o angažiranosti i količini posla koju web dizajner ima. To je uglavnom od par sati mjesečno do par sati dnevno. Kod većih webshopova se često dodatno zapošljavaju ljudi koji rade samo na održavaju webshopa i ažuriranju sadržaja.

Praksa koja mi se do sada pokazala je da većinu web stranica ažuriram jednom mjesečno, a što se tiče objave dodatnog sadržaja – to po potrebi. Tako da u prosjeku svaku web stranicu održavam cca 2 sata mjesečno. Ako je u pitanju webshop, onda je održavanje 2 sata tjedno.

Hosting web stranice, ili web hosting, je naziv za računalo (server) koje ima spremljeno vašu web stranicu i prikazuje ju posjetiteljima
Hosting web stranice, ili web hosting, je naziv za računalo (server) koje ima spremljeno vašu web stranicu i prikazuje ju posjetiteljima

Cijene hostinga web stranica variraju obično o njihovim veličinama. Većina manjih web stranica treba i mali hosting s cijenom od 300kn / godišnje.

Izrada sadržaja za web stranicu, te SEO optimizaciju su trošak koji obično dolazi nakon izrade dizajna web stranica, i cijene variraju najviše zbog veličine projekta.

Međutim, na kraju kupac ipak plaća uslugu, i svakako da želi biti zadovoljan s dizajnom, brzinom, i iskustvom korištenja web stranice. Vjerujem da svi želite da se vaši posjetitelji na web stranici dobro snalaze isto kao što bi se snalazili u fizičkoj trgovini. Zato i ne želite riskirati plaćajući nešto s preniskom cijenom i na kraju budete razočarani, i samo potrošite vrijeme i novac te morate sve ponovo raditi.

Što utječe na cijenu izrade web stranice u 2018.?

Svake godine izrada web stranica je sve kompleksnija i potrebno je napraviti sve više i više koraka kako bi se završila web stranica. Google stalno radi poboljšavanje svoje tražilice i isto tako bolje rangira web stranice koje imaju sve moderne tehnologije. Danas su tako jedan faktori dobrog rankinga za web stranicu:
– da ima SSL certifikat,
– da je prilagođena za mobitele,
– da je web stranica brza.

Prije 5 godina ovi faktori nisu toliko utjecali na ranking, a danas su obavezni. Zato je dobro pratiti trendove.


Ako želite profesionalne, optimizirane, moderne i funkcionalne web stranice koje ćete kasnije sami ažurirati, pošaljite nam upit.

Top 5 trendova u web dizajnu

Trendovi u web dizajnu nastaju putem eksperimenata i inovacija, i trendovi su odlučujući faktori koji pomjeraju industriju na bolje. Donosimo vam top 5 trendova koji dominiraju zadnjih godina u web dizajnu.

Responsive dizajn

Tijekom posljednjih nekoliko godina, responsive dizajn je postao novi standard za web dizajn u općim i WordPress temama. Naravno, još uvijek postoje argumenti zašto ne koristiti responsive dizajn, ali nitko ne kaže: „Mi ne želimo koristiti responsive dizajn” bez dobrog argumenta, zapravo sve više web stranica koristi responsive dizajn. To je svakako bio slučaj u 2014., a i nastavit će se u narednim godinama. Responsive dizajn više nije trend, nego se može smatrati novim standardom za izradu web stranica.

Stranice su responzivne (eng. responsive) ako se prilagođavaju uređaju, odnosno veličini ekrana.
Stranice su responzivne (eng. responsive) ako se prilagođavaju uređaju, odnosno veličini ekrana.

Web stranica koja izgleda odlično na svima uređajima veliki je plus, dok broj mobilnih korisnika raste. Ne dozvolite da prikaz Vaše savršene web stranice ne izgleda savršeno na svim uređajima.

Prednosti responsive dizajna

  • Jedan URL olakšava korisnicima interakciju s web stranicama.
  • Ako je ispravno napravljena, sadržaj se automatski prilagođava uređaju na kojemu korisnik gleda web stranice.

Mane responsive dizajna

  • Morati ćete promijeniti cijeli postojeći web site.
  • Sav sadržaj se preuzima, koristili ga ili ne. To znači da, ako imate veliku prezentaciju, preuzeti će te slike u punoj veličini na mobilni telefon, a zatim im promijeniti veličinu.
  • Stranice se učitavaju sporije, zato što se preuzimaju slike u punoj veličini, a zatim ih se prilagođava uređaju na kojemu gledate web stranicu.

Klizni izbornici

Klizni izbornik - prikaz na mobitelu
Klizni izbornik – prikaz na mobitelu

Neki smatraju da su izbornici pretrpani. 2014. godine u web dizajnu svjedočili smo težnji ka jednostavnošću prilikom dizajniranja web stranica, tako da klizni izbornici prate tu jednostavnost. Prednost kliznih izbornika je da korisnici mogu pristupiti izborniku na vrhu ili sa strane ekrana. Ovi izbornici su posebno dobri za mobilne verzije web stranica, gdje prostor može biti problem.

Fontovi s osobnošću

Prošli su dani u kojima su web stranice koristile dosadne Arial, Helvetica, Times New Roman fontove. Dizajneri su shvatili da su netipični fontovi sjajan način da web stranici dodate osobnost i stil bez dodavanja glomaznih elemenata koji mogu usporiti vrijeme učitavanja. To ne vrijedi za svaku industriju, jer će izgledati čudno da koristimo neki ‘funky’ font na korporativnim web stranicama. Dok industrije koje imaju prostora za malo više kreativnosti prihvaćaju nove, zabavne fontove.

Ukrasni font
Ukrasni font

‘FLAT’ dizajn

tzv. FLAT dizajn
tzv. FLAT dizajn

Recite zbogom gradijentima, ukošenim rubovima, odsjajima i sjenama. Apple je prvi predstavio ‘flat’ dizajn u svojem iOS sustavu, nakon čega su mnogi dizajneri prihvatili taj trend i počeli ga primjenjivati prilikom dizajniranja web stranica. ‘Flat’ dizajn često koristi svijetle boje za jednostavan izgled.

Video sadržaj umjesto teksta

Pozornost i usredotočenost korisnika na sadržaj sve je manja. Da bi objasnili kako neki proizvod ili usluga funkcionira, umjesto velike količine teksta sve se više poseže za korištenjem videa. Tako se povećava se fokus na sam proizvod ili uslugu i smanjuje vrijeme potrebno za dobivanje informacija o istim. Ponekad video može usporiti vrijeme učitavanja stranice, tako da bi korištenje trebalo biti razborito. Video sadržaj ima nekoliko značajnih prednosti:

1) može se koristiti u promo svrhe vrlo lagano
2) pomaže oko SEO optimizaciji (dulje vrijeme koje korisnici provode na stranici, lakše se objasni sadržaj…)
3) video sadržaj radi na svim uređajima jako dobro
4) video sadržaj je dio strategije za promoviranje branda
5) video puno lakše postane popularan (više ljudi dijeli video sadržaj nego članke)


Nemojte ignorirati mogućnosti koje vam dobro dizajnirana web stranica može donijeti.

Ako želite optimizirane, moderne i funkcionalne web stranice koje ćete kasnije sami ažurirati, pošaljite nam upit.