Svi vodiči
Vodič
13 min čitanja

Kako napraviti web stranicu u BiH 2026 — step-by-step vodič

m
macido tim
Tim autora
Vodič
macido

Uvod — zašto firma u BiH 2026. treba web stranicu

Prije 10 godina, web stranica za malu firmu u Bosni i Hercegovini je bila „nice to have". 2026. godine je osnovna higijena. Evo zašto:

  • Gotovo svaki kupac prije kupovine provjerava firmu online. Nema web-a = nema kredibiliteta. Facebook stranica nije zamjena, jer 30+% korisnika traži informacije direktno preko Google pretrage.
  • Digitalno tržište u BiH raste. Platne kartice, online bankarstvo, internet kupovina — sve je postalo standard. Firma bez online prisustva gubi pristup cijeloj generaciji kupaca koja prvo pita „gdje im je sajt".
  • SEO + Google Business kombinacija donosi besplatni trafik. Pravilno optimizovana stranica rangira na Google-u za lokalne upite („servisi auta sarajevo", „ortopedska klinika banja luka") i donosi klijente bez plaćenih reklama.
  • Email sa vlastitom domenom izgleda profesionalno. [email protected] je ozbiljnije od [email protected], i uvjetuje više uvjerljivosti u ozbiljnim poslovnim kontaktima.

Ovaj vodič vodi Vas kroz 9 koraka praktične izrade web stranice — od prvog dana ideje do launch-a i održavanja. Trajanje: 1–4 sedmice ovisno o složenosti i vještinama.

Prije početka: definišite ciljeve

Prije nego što išta kupite ili napravite, odgovorite na ova pitanja:

  • Šta je glavni cilj stranice? Vizit-karta firme (info + kontakt)? Blog sa sadržajem? Online prodavnica? Landing page za novi proizvod? SaaS aplikacija?
  • Ko je ciljna publika? Lokalni kupci u BiH? Regionalna publika (BiH, Hrvatska, Srbija, Crna Gora)? Dijaspora? Globalna publika?
  • Koliko posjeta očekujete? 100 mjesečno (nova firma, reputation page)? 5.000 mjesečno (aktivna blog stranica)? 50.000+ (e-commerce u punom radu)?
  • Koliki je budžet? Prvi launch obično 300–3.000 KM za DIY + hosting, 3.000–15.000+ KM za profesionalnu agenciju.
  • Koliko vremena imate za održavanje? Blog zahtijeva sedmične objave. E-commerce zahtijeva dnevnu pažnju. Vizit-karta zahtijeva ažuriranja 2–3 puta godišnje.

Odgovori na ovih 5 pitanja mijenjaju sve ostale odluke — od izbora platforme do hosting paketa.

Step 1: Registrujte domenu

Domena (vasafirma.ba) je Vaše ime u digitalnom svijetu. Birate je samo jednom — pa je odaberite pažljivo.

Koju ekstenziju birati

  • .ba — za BiH biznise, najozbiljniji izbor. Signalizira lokalnost, korisno za SEO kod upita sa lokalnim namjerama („popravka hladnjaka sarajevo"). Registruje se preko <a href="https://www.utic.ba/" target="_blank" rel="noopener noreferrer">UTIC-a</a> (Univerzitetski teleinformatički centar, jedini zvanični registrar za .ba TLD).
  • .com — globalno priznat, najpoznatiji. Koristite ako planirate međunarodnu publiku ili ako je .ba varijanta zauzeta.
  • .eu — za evropsko tržište, moguća opcija za firme koje rade sa EU klijentima.
  • .org — za neprofitne organizacije, udruženja, fondacije.
  • .net, .info, .biz — izbjegavajte osim ako imate specifičan razlog. Percipiraju se kao manje ozbiljne.

Novije ekstenzije (.shop, .tech, .online) mogu biti dobre za brendove koji ih grade aktivno, ali za „standardni" biznis u BiH, .ba ili .com su najsigurniji izbor.

Savjeti za izbor imena

  • Kratko je bolje od dugog. macido.ba > macido-hosting-bosna-i-hercegovina.ba.
  • Lako za izgovoriti. Test: pokušajte telefonski nekom reći domenu. Ako morate spelovati — predugačko je ili nejasno.
  • Bez crta ako moguće. vasa-firma.ba je teže za pamćenje od vasafirma.ba.
  • Izbjegavajte brojeve i dijakritike. č, š, ž u domeni rade tehnički, ali stvaraju probleme kod dijeljenja preko email-a ili SMS-a.
  • Provjerite pravna prava. Ne registrujte domenu koja očito krši tuđi brand (npr. coca-cola.ba) — završit ćete sa pravnom borbom.

Kako registrovati

.ba domene registrujete preko UTIC-a ili preko hosting provajdera koji djeluje kao posrednik. Cijena: 80–120 KM godišnje za .ba, 15–25 EUR za .com/.eu.

Više detalja o domenama — pogledajte našu stranicu o domenama.

Step 2: Izaberite hosting

Domena je ime, hosting je prostor gdje stranica živi. Bez dobrog hostinga, i najljepše dizajnirana stranica je spora i nepouzdana.

Detaljne kriterije za izbor pokriva naš vodič „Kako izabrati hosting u BiH — 10 kriterija". Kratki summary:

  • Za vizit-kartu / jednostavnu stranicu: shared hosting od 10–15 KM mjesečno je sasvim dovoljno.
  • Za WordPress blog / e-commerce: specijalizovani WordPress hosting sa caching-om i managed ažuriranjima. 15–30 KM mjesečno.
  • Za web aplikaciju / SaaS: managed VPS od 40–80 KM mjesečno.

Ključni kriteriji za BiH tržište:

  • Server u Evropi (Frankfurt, Beč, Amsterdam).
  • Podrška na bosanskom jeziku 24/7.
  • Cijena u KM sa jasno naznačenim PDV-om.
  • Besplatni SSL, automatski backup, staging.
  • macido Cloud Panel kao kontrolni interfejs.

Izbjegavajte „najjeftiniju opciju" — ušteda od 5 KM mjesečno na hostingu Vas može koštati sata downtime-a nedjeljno. Srednji paket ozbiljnog provajdera je uvijek bolja opcija od flagship paketa sumnjivog provajdera.

Ako hoćete vidjeti kako se konkretni provajderi slažu u matrici cijena, uptime-a i BiH-specifičnih feature-a, pogledajte naše poređenje najbolji hosting u BiH 2026 — tamo su Hostinger, SiteGround, IONOS i lokalni konkurenti stavljeni jedan do drugog. Za ozbiljni budžet plan, naš breakdown koliko košta web stranica u BiH razbija troškove po fazama.

Pogledajte macido web hosting pakete.

Step 3: Izaberite platformu

Platforma je software na kojem radi Vaša stranica. 4 glavne opcije za 2026:

<a href="https://wordpress.org/" target="_blank" rel="noopener noreferrer">WordPress</a> (preporučeno za 70% slučajeva)

  • Šta je: Open-source CMS (Content Management System), stoji iza ~43% svih web stranica na internetu.
  • Prednosti: Ogroman ekosistem tema, plugin-a i developera; fleksibilno (blog, e-commerce preko WooCommerce, portfolio, vizit-karta); SEO friendly; besplatan core.
  • Nedostaci: Zahtijeva redovne update-ove (core + teme + plugini); može biti sigurnosni izazov ako se ne održava; veća kompleksnost za potpune početnike.
  • Cijena: Besplatan software; trošak = hosting + eventualna premium tema (50–100 USD jednokratno) + ponekad premium plugini (20–200 USD godišnje).
  • Za koga: 70% biznisa u BiH — od salona ljepote do advokatske kancelarije do online prodavnice.

Wix / Squarespace / Webflow (drag-and-drop builderi)

  • Šta su: SaaS platforme gdje sve — hosting, dizajn, sadržaj — dolazi u jednom paketu kroz drag-and-drop editor.
  • Prednosti: Lakoća korištenja, brz launch (sat-dva za jednostavnu stranicu), bez brige o hostingu i update-ovima.
  • Nedostaci: „Vendor lock-in" (teško migrirati kasnije), limitirana fleksibilnost, mjesečne naknade koje rastu, obično bez domene u paketu, SEO limitacije na jeftinijim paketima.
  • Cijena: 15–40 USD mjesečno (~30–80 KM), sve u USD.
  • Za koga: Solo freelanceri, vizit-karte sa minimalnim potrebama, ljudi koji preziru tehničku stranu.

Shopify (e-commerce)

  • Šta je: Dedicated e-commerce platforma.
  • Prednosti: Najbolji e-commerce flow out-of-the-box, ogroman ekosistem app-ova, dobra integracija sa platnim sistemima.
  • Nedostaci: Skupe tranzakcijske naknade (ako ne koristite Shopify Payments), mjesečna pretplata, ograničena customization.
  • Cijena: 29–299 USD mjesečno (~55–580 KM), plus tranzakcijske naknade.
  • Za koga: Ozbiljni e-commerce biznis sa 100+ narudžbi mjesečno.

Custom development (Laravel, Next.js, itd.)

  • Šta je: Stranica pisana „from scratch" u framework-u od strane developera.
  • Prednosti: Potpuna kontrola, optimalne performanse, sve moguće.
  • Nedostaci: Najveći početni trošak (2.000–20.000+ KM), ovisnost o developeru za svaku izmjenu, potreba za održavanjem koda.
  • Cijena: Varira drastično; ozbiljan custom projekat u BiH kreće od 3.000 KM.
  • Za koga: SaaS aplikacije, komplikovani workflow-ovi, velike firme sa specifičnim potrebama.

Za 70% čitalaca ovog vodiča — WordPress na kvalitetnom hostingu je tačno šta treba. Nastavljamo pod tom pretpostavkom.

Step 4: Dizajn — tema + branding

WordPress u sebi nema „dizajn" — dizajn dolazi kroz temu (theme). Tema definiše kako izgleda stranica.

Izbor teme

  • Besplatne teme u WordPress direktorijumu — dobar početak, ali često ograničene. Astra, Kadence, GeneratePress su popularne osnove.
  • Premium teme — 50–100 USD jednokratno, sa više opcija, podrškom i update-ovima. Divi, Avada, Flatsome (za e-commerce).
  • Custom tema — razvijena specifično za Vas od strane dizajnera/developera. 500–5.000+ KM.

Savjet: krenite sa besplatnom ili jeftinom premium temom i kupite custom tek kad dokažete da Vam je stranica korisna za biznis. Previše firmi troši 3.000 KM na custom dizajn prije prvog klijenta.

Branding osnove

  • Logo. Ako nemate, napravite preko Canva-e (besplatno) ili angažujte lokalnog grafičkog dizajnera (150–500 KM za jednostavan logo). Izbjegavajte automatske AI generatore ako Vam brand treba dugo trajati.
  • Boje. 2–3 glavne boje su dovoljne. Alati kao Coolors.co generiraju palete.
  • Tipografija. 1–2 fonta. Google Fonts ima hiljade besplatnih, licenciranih za komercijalnu upotrebu.
  • Konzistentnost. Iste boje, fontovi i ton komunikacije na cijeloj stranici i u social media.

Tipične dizajn greške

  • Previše boja. 5+ boja stvara vizuelni kaos.
  • Preveliki slider na početnoj. Slike koje se same mijenjaju odvlače pažnju od poruke.
  • Neispravni kontrasti. Sivi tekst na svijetlo-sivoj pozadini je nečitljiv — i problem za WCAG pristupačnost.
  • Fotografije sa stock sajta koje svi koriste. Posjetioci prepoznaju „corporate handshake" slike. Uložite u 5–10 vlastitih profesionalnih fotografija (fotograf u BiH: 300–800 KM za session).
  • Komplicirana navigacija. Menu sa 8+ stavki na prvom nivou je previše. 4–5 glavnih kategorija je optimum.

Step 5: Sadržaj — copywriting, slike, video

Dizajn je ambalaža; sadržaj je razlog zašto ljudi ostaju.

Copywriting za web

  • Piši Vi-formom, direktno posjetiocu. „Pomažemo Vam da..." zvuči bolje od „Naša firma pomaže klijentima da...".
  • Headline mora odgovoriti na pitanje „šta ja dobijem?" U prvih 3 sekunde.
  • Kratki paragrafi. 2–3 rečenice max. Web nije roman.
  • Bullet liste za funkcije i benefite. Oči skeniraju, ne čitaju.
  • CTA (Call To Action) na svakoj stranici. „Kontaktirajte nas", „Preuzmite cjenovnik", „Naručite probni period".

SEO-friendly struktura

  • H1 = jedan po stranici, sadrži glavni keyword.
  • H2 + H3 = hijerarhijski, za podnaslove.
  • Meta description = 150–155 karaktera, prikazuje se u Google rezultatima.
  • URL slugovi = kratki, sa keywordom. /usluge/programiranje umjesto /?p=123.
  • Alt tekst na slikama = opisuje šta je na slici. Bitno za accessibility i SEO.
  • Interni linkovi = povežite svoje stranice (npr. blog članak → usluga → kontakt).

Slike i video

  • Optimizuj sve slike. Slika od 5 MB usporava stranicu. WebP ili AVIF format, kompresija 80%, dimenzije maksimalne stvarne potrebe. Pluginovi tipa ShortPixel ili Smush automatizuju.
  • Video hostovati na YouTube / Vimeo, ne direktno na stranici. Direktni video jede bandwidth i usporava učitavanje.
  • Lazy loading = slike se učitavaju tek kad posjetilac dodje do njih. WordPress 6.x ovo radi by default.

BiH nema svoj „GDPR zakon", ali:

  • Ako imate posjetioce iz EU — GDPR se tehnički primjenjuje. U praksi, većina BiH stranica ima bar nekoliko EU posjetilaca.
  • Zakon o zaštiti ličnih podataka BiH — ima slične principe kao GDPR, ali manje strogo implementiran.

Minimum za pravno uredjenu BiH stranicu:

Impressum stranica

Obavezno za svaku poslovnu stranicu:

  • Naziv pravnog lica
  • Sjedište i adresa
  • ID broj / PDV ID
  • Broj upisa u sudski registar
  • Kontakt (email, telefon)
  • Ime odgovornog lica

Politika privatnosti (Privacy Policy)

Objašnjenje:

  • Koje lične podatke prikupljate (email iz kontakt forme, IP iz analytics, itd.)
  • U koje svrhe
  • Koliko dugo čuvate
  • Sa kim dijelite (Google Analytics, provajder hostinga, itd.)
  • Koja su prava korisnika (brisanje, uvid, ispravka)

Ne kopirajte tuđu Privacy Policy bez prilagodbe — mora odgovarati Vašoj stvarnoj praksi.

Ako koristite Google Analytics, Facebook Pixel ili slične alate — obavezan je cookie banner sa opt-in (ne samo „notice"). Plugini: CookieYes, Complianz, Cookiebot.

Uslovi korištenja (Terms of Service)

Obavezni za e-commerce i SaaS. Definišu:

  • Kupovne i reklamacione uvjete
  • Odgovornost
  • Spor rješenja (nadležni sud)
  • Promjene uslova

Ako niste sigurni — konsultujte advokata u BiH. 200–500 KM za osnovne dokumente je razumna investicija.

Step 7: Testiranje — brzina, mobile, cross-browser, accessibility

Prije launch-a, testirajte sve što možete:

Brzina

  • PageSpeed Insights (Google): daje score 0–100 sa konkretnim preporukama.
  • GTmetrix: detaljnija analiza.
  • WebPageTest: emulira različite lokacije.

Cilj: Lighthouse score 80+ na mobilnom, 90+ na desktop-u. Najveći impact imaju: optimizacija slika, caching, CDN, smanjenje broja HTTP zahtjeva.

Mobile

60–70% posjeta u BiH je sa mobilnog uređaja. Testirajte:

  • Responsive dizajn — stranica izgleda dobro na 320px, 768px, 1024px, 1920px širinama.
  • Touch targets — dugmad dovoljno velika (min 44×44 px) za palac.
  • Forme — lako popunjavanje na touch screen-u.

Real-device testing je idealan. Chrome DevTools mobile emulator je dobar kompromis.

Cross-browser

Testirajte na Chrome, Firefox, Safari, Edge. 2026. godine, ako radi na Chrome-u, vjerovatno radi i na ostalima — ali provjerite bar dvije stranice ručno.

Accessibility (WCAG 2.1 AA)

  • Kontrasti — tekst mora biti čitljiv.
  • Keyboard navigation — sve dugmad i linkovi dostupni samo tab-om.
  • Alt tekstovi na slikama.
  • Semantički HTML<button> umjesto <div onclick>.
  • Screen reader test — pokušajte jednu stranicu sa NVDA (besplatan) ili VoiceOver.

Accessibility nije samo „nice to have" — u EU je pravna obaveza za većinu stranica od 2025. godine (European Accessibility Act).

Step 8: Launch + SEO setup

DNS + SSL

  • DNS zapisi usmjereni na hosting (A / CNAME / MX).
  • SSL certifikat aktiviran (HTTPS sa zelenim lokotom).
  • Redirect sa HTTP na HTTPS (301).
  • www. ili bez www. — izaberite jedno i redirect-ujte drugo.

Google Search Console

  1. Dodajte property za domenu.
  2. Verificirajte (DNS TXT ili HTML file metoda).
  3. Pošaljite sitemap (/sitemap.xml).
  4. Pratite indeksaciju u „Coverage" tab-u.

Sitemap + robots.txt

  • WordPress plugin Yoast SEO ili Rank Math generira sitemap automatski.
  • robots.txt u root-u stranice, sa poveznicom na sitemap.
  • Bez blokiranja važnih stranica u robots.txt — čest uzrok SEO katastrofe.

IndexNow

Moderni standard za instant indexing. Plugin „IndexNow" na WordPress-u automatski obavještava Bing, Yandex i druge kad objavite novu stranicu.

Google Analytics 4 (opcionalno)

Za praćenje posjeta. Postavite samo ako ste sigurni da će Vam podaci biti korisni — Google Analytics dodaje ~30 KB JavaScript-a na svaku stranicu.

Alternative: Plausible, Fathom (privacy-friendly, bez cookie banner-a za osnovnu upotrebu).

Google Business Profile

Za lokalni biznis, registrujte Google Business Profile. Pojavljujete se na Google Maps-u i u lokalnim rezultatima. Besplatno.

Step 9: Održavanje — šta dalje

Launch je početak, ne kraj.

Sedmica 1 nakon launch-a

  • Pratite Google Search Console za crawl errors.
  • Provjerite kontakt formu šalje mail-ove (slaba tačka br. 1 — SMTP postavke).
  • Testirajte sa različitih uređaja i lokacija.

Mjesečno

  • WordPress core + teme + plugini update. Uvijek na staging-u prvo.
  • Backup verification — ne samo da se pravi, nego da se može vratiti.
  • Broken link check — plugin Broken Link Checker ili vanjski alat.
  • Security scan — Wordfence, Sucuri.

Kvartalno

  • Content audit — koji članci rade, koji ne. Ažurirajte stare popularne članke.
  • SEO review — rangirate li za ciljane keyword-e? Google Search Console ima podatke.
  • Performance review — brzina se nije pogoršala?

Godišnje

  • Domain renewal. Postavite auto-renewal da ne zaboravite — isteknute domene se prodaju u roku od 30 dana.
  • Hosting renewal — provjerite cijene i upgrade po potrebi.
  • SSL certifikat — Let's Encrypt se obnavlja automatski; premium certifikati ručno.
  • Strateška revizija — da li stranica i dalje odgovara potrebama biznisa?

Kad angažovati profesionalca

DIY je OK za vizit-karte i jednostavne blog-ove. Angažujte agenciju ili freelancera kad:

  • Imate budžet 3.000+ KM i želite profesionalni rezultat bez učenja.
  • Pravite e-commerce sa 50+ proizvoda i platnim integracijama.
  • Imate specifične integracije (CRM, ERP, booking sistem).
  • SEO mora raditi od prvog dana (jaka konkurencija u Vašoj niši).
  • Vrijeme Vam je vrijednije od novca.

Pri izboru agencije — pitajte za portfolio, reference, koji se tech stack koristi, ko će biti Vaš kontakt tokom projekta, šta se dešava nakon launch-a (podrška? dodatne naknade?).

Checklista za launch

Prije nego stavite site „live":

Dizajn + sadržaj

  • Logo postavljen, konzistentan na svim stranicama
  • Sve glavne stranice napisane (Početna, O nama, Usluge/Proizvodi, Blog, Kontakt)
  • Copy proofread-ovan — bez tipfelera
  • Slike optimizovane (< 500 KB po slici)
  • Favicon postavljen

Tehnički

  • SSL aktiviran (HTTPS)
  • Redirect HTTP → HTTPS
  • www. / non-www redirect
  • PageSpeed score > 80 na mobilnom
  • Mobile responsive testiran na 3+ uređaja
  • Cross-browser testiran (Chrome, Firefox, Safari, Edge)
  • Kontakt forma testirana — stigle poruke na email

SEO

  • Svaka stranica ima unique title tag + meta description
  • Sitemap generiran i poslan u Google Search Console
  • robots.txt ispravan
  • IndexNow aktiviran
  • Google Business Profile (za lokalni biznis)
  • Schema.org markup (Organization, LocalBusiness, itd.)

Legal

  • Impressum stranica
  • Politika privatnosti
  • Cookie banner (ako koristite analitiku)
  • Uslovi korištenja (za shop / SaaS)

Email

  • Email sa domenom ([email protected]) postavljen
  • SPF / DKIM / DMARC zapisi
  • Test email sa i na kontakt adresu

Backup

  • Prvi backup napravljen i testiran (restore proba)
  • Auto-backup raspored postavljen

Monitoring

  • Uptime monitoring (UptimeRobot, besplatan tier OK)
  • Error notifikacije postavljene

Zaključak

Napraviti web stranicu u BiH 2026. nije skuplje ni teže nego ikad — ali ima više opcija, više alata i više propusta ako niste pažljivi. Ovi 9 koraka pokrivaju praktično sve što 90% biznisa treba od prve ideje do održavanog live site-a.

Ako trebate pomoć u bilo kom koraku:

Prethodni vodiči u seriji:

Imate specifično pitanje koje nije pokriveno? Javite se — odgovor obično stigne u roku od sat vremena.