Izrada web stranice Poliklinike Potok: od agencijskog dizajna do objave

Ilustracija: nacrt stranice u alatu za dizajn prelazi u gotovu web stranicu i mobilni prikaz, uz preusmjeravanje 301 na novu domenu, rezultate pretraživanja i mjerač brzine.

Nova web stranica Poliklinike Potok Sveta Nedelja objavljena je 28. listopada 2026. Ime, slogan i vizualni identitet poliklinike te dizajn stranice izradila je agencija Fabular, a ČuBraD uslužni obrt preuzeo je izvedbu dizajna u WordPressu, prijenos sadržaja sa stare stranice, selidbu na novu domenu, SEO i optimizaciju brzine. Prema našem auditu ocjena se od rujanskog mjerenja na probnoj stranici do dana objave popela s 56 na 72 od 100 bodova, a stranica iz predmemorije odgovara za oko četvrt sekunde.

Projekt je dobar primjer posla koji počinje tek kada je dizajn odobren. U nastavku je opisano kako se gotov agencijski dizajn pretvara u stranicu koju ustanova može sama uređivati, što je trebalo napraviti da selidba domene ne izbriše vidljivost na Googleu stečenu kroz više od deset godina i što je stvarno usporavalo stranicu.

Od čega smo krenuli?

Poliklinika za fizikalnu medicinu i rehabilitaciju iz Svete Nedelje imala je stranicu na adresi poliklinika.com.hr još od 2015. godine. Bila je izrađena na starijoj WordPress temi koja više nije radila s aktualnim verzijama PHP-a. Uz to je ustanova mijenjala ime iz Poliklinike Sveta Nedelja u Polikliniku Potok Sveta Nedelja i prelazila na novu domenu poliklinika-potok.hr.

Agencija je pripremila dizajn šesnaest predložaka stranica: naslovnu, popis i pojedinačnu uslugu, cjenik, tim i profil djelatnika, popis i priču pacijenta, blog i članak, stranicu teme, galeriju, česta pitanja, kontakt, karijere i stranicu o poliklinici. Fotografije su nastale na profesionalnom snimanju u samoj poliklinici. Naš je zadatak bio da sve to radi u pregledniku, na mobitelu i u tražilici, bez gubitka postojećeg sadržaja i posjetitelja.

Kako se dizajn pretvara u stranicu koju klijent može uređivati?

Dizajn u alatu za oblikovanje prikazuje kako stranica izgleda s jednim primjerom sadržaja. Stvarna stranica mora izdržati šesnaest usluga, trinaest djelatnika, različite duljine naslova, prazna polja i urednike koji nisu programeri. Zato nismo slagali svaku stranicu ručno, nego smo dizajn razložili na predloške i strukturirane podatke.

  • Usluge, djelatnici i priče pacijenata vlastite su vrste sadržaja. Svaka usluga ima zasebna polja za opis, za stanja kod kojih može pomoći, trajanje, tko je provodi, kontraindikacije, cijenu i napomenu o HZZO-u. Urednik upisuje podatke, a predložak ih uvijek prikazuje istim redoslijedom i u istom stilu.
  • Jedan predložak za sve slične stranice. Izgled usluge, profila i članka napravljen je u Elementorovom graditelju predložaka na lakoj temi Hello Elementor. Ispravak predloška tako se odjednom primjenjuje na svih šesnaest usluga.
  • Cjenik iz podataka, a ne iz slike. Cijene su grupirane i unose se kao retci. Kasnije smo istu cijenu prikazali i na stranici svake usluge, uz poveznicu na cijeli cjenik i gumb za narudžbu.
  • Autor uz svaki članak. Članak je povezan s profilom djelatnika, pa se ispod teksta prikazuje kartica s imenom, akademskom titulom i specijalizacijom. Za zdravstveni sadržaj to nije ukras, nego podatak o tome tko stoji iza teksta.
  • Obrazac za narudžbu. Pacijent ostavlja ime i telefon ili e-mail adresu te kratak opis tegobe. Obrazac traži izričitu privolu za obradu zdravstvenih podataka, a od neželjenih poruka štiti ga provjera koja ne traži prepoznavanje slika.

Dizajn smo pritom pratili, ali ne i doslovno kopirali ondje gdje bi to štetilo stranici. Na nacrtu je svaka usluga u zaglavlju imala isti veliki naslov, „Usluge”, a pravi naziv usluge bio je tek podnaslov ispod njega. Za posjetitelja je to svejedno, ali tražilica tako dobiva šesnaest stranica s istim H1 naslovom. Izgled smo zadržali, a strukturu ispravili: naziv usluge postao je glavni naslov. Isto je napravljeno na profilima djelatnika i pričama pacijenata.

Jednako tako, dizajn je predviđao izbor jezika. Prijevodi nisu postojali i nitko ih ne bi održavao, pa smo ostale jezike i prebacivač uklonili. Dobra stranica na jednom jeziku korisnija je od napola prevedene.

Zašto zdravstvena stranica traži dodatni oprez?

Google tekstove o zdravlju svrstava među teme kod kojih pogrešna informacija može naštetiti čitatelju. Njegove smjernice za koristan i pouzdan sadržaj zato posebno naglašavaju jasno autorstvo, stručnost i provjerljivost. Za polikliniku to znači da marketinški zvučna rečenica ne smije obećavati ishod liječenja.

Tijekom prijenosa sadržaja označili smo tvrdnje koje bi trebalo provjeriti ili ublažiti: postotke uspješnosti bez izvora, obećanje kraćeg ciklusa oporavka, nepotvrđenu tvrdnju o veličini ustanove i proturječna trajanja istog tretmana na različitim stranicama. Nismo ih sami prepravljali po vlastitom nahođenju. Svako pitanje poslali smo poliklinici, a izmjene su unesene prema odgovorima njezinih stručnjaka. Na isti način dopunjeni su životopisi deset djelatnika i autorstvo članaka.

Stručni sadržaj time je ostao u rukama poliklinike. Svaki članak ima autora iz tima, a poliklinika preko uredničkog računa sama dopunjuje tekstove, izvore i nove teme, bez diranja dizajna i tehničkih postavki.

Kako preseliti stranicu na novu domenu bez gubitka vidljivosti?

Najveći rizik ovakvog projekta nije dizajn, nego selidba. Stara domena imala je više od deset godina povijesti, a na pretrage poput „fizikalna terapija Sveta Nedelja” Google je prikazivao upravo njezine stranice. Ako stare adrese nakon selidbe vraćaju pogrešku, ta vidljivost polako nestaje, a s njom i pacijenti koji dolaze iz pretraživanja.

Google u uputama za selidbu stranice s promjenom adresa preporučuje trajno preusmjeravanje (301) svake stare adrese na njezinu novu inačicu. Postupak je izgledao ovako:

  1. Popis svih starih adresa. Dok je stara stranica još radila, iz njezine karte stranice prikupljeno je 80 adresa.
  2. Mapa preusmjeravanja. Za 61 adresu napisano je pravilo: 35 vodi na stranicu istog sadržaja, a 26 na najbližu odgovarajuću stranicu, uključujući zaostale demo stranice iz 2015. godine. Preostalih 19 adresa ostalo je istih.
  3. Jedan skok, ne lanac. Sve inačice stare domene (s www i bez njega, preko http i https) te još jedna ranije korištena domena preusmjeravaju izravno na konačnu adresu. Iznimka za provjeru SSL certifikata ostavljena je namjerno, jer bi se inače certifikat stare domene prestao obnavljati.
  4. Prijava promjene Googleu. Nova domena prijavljena je u Google Search Consoleu, poslana je karta stranice i pokrenut je alat za promjenu adrese. Profil na Google kartama ažuriran je novim nazivom i web adresom.
  5. Provjera nakon objave. Skripta je prošla kroz svih 80 starih adresa na svim inačicama stare domene. Sve vode na očekivanu stranicu jednim preusmjeravanjem.

Jedna stvar nije bila u planu. Na hosting računu podignuta je novija verzija PHP-a, a stara tema se na njoj srušila, pa je stara stranica dan prije objave prikazivala kritičnu pogrešku. Budući da novi i stari sajt dijele isti račun, staroj smo mapi vratili stariju verziju PHP-a, a nova je ostala na aktualnoj. Takve se stvari ne vide u dizajnu, ali odlučuju o tome hoće li selidba proći mirno.

Poliklinici smo preporučili da staru domenu zadrži najmanje godinu dana. Preusmjeravanja vrijede samo dok domena postoji, a stare poveznice na drugim stranicama i u imenicima ostaju još dugo.

Što je promijenio SEO rad?

SEO je na ovom projektu bio dio izrade, a ne naknadna dorada. Puni audit probne stranice napravljen je mjesec dana prije objave, drugi dan prije nje, a treći na produkciji, na dan objave. Ocjenu računa naš alat za audit prema ponderiranim područjima. Nije Googleova ocjena, ali pouzdano pokazuje koliko se stranica popravila u svakom području.

Ocjene SEO audita po područjima (0–100)
Područje 30. 9., probna stranica 28. 10., produkcija
Tehnički SEO 72 84
Kvaliteta sadržaja 44 63
On-page SEO 50 72
Strukturirani podaci 38 66
Performanse 68 72
Spremnost za AI pretraživanje 56 66
Lokalni SEO 54 69
Ukupno 56 72

Najviše su pomogli sljedeći zahvati:

  • Jedan H1 na svakoj stranici, umjesto zajedničkog naslova na uslugama, profilima i pričama pacijenata.
  • Ručno napisani meta opisi. Automatski opisi rezali su se usred riječi, a nekim stranicama opis je potpuno nedostajao. Napisano je više od pedeset opisa, svaki jedinstven i dug od 140 do 160 znakova.
  • Kraći naslovi stranica. Osamnaest naslova bilo je dulje od 60 znakova, pa su ih rezultati pretraživanja skraćivali. Poliklinika je odobrila sve predložene kraće inačice.
  • Podaci o ustanovi za tražilice. Strukturirani podaci opisuju polikliniku kao medicinsku ustanovu s adresom, koordinatama, radnim vremenom, specijalnostima i poveznicama na službene profile, uključujući profil na Google kartama.
  • Čista karta stranice. Interna pretraga, galerija, tehničke stranice i teme bez ijednog članka označene su da se ne indeksiraju, pa karta stranice sadrži samo stranice koje imaju smisla u rezultatima.
  • Sitni, ali stvarni kvarovi. E-mail poveznica u podnožju nije radila ni na jednoj stranici, ikone društvenih mreža nisu vodile nikamo, a naziv mjesta bio je na desetak mjesta napisan kao „Nedjelja”.

Za pretraživače i asistente temeljene na umjetnoj inteligenciji stranica objavljuje i datoteku llms.txt sa sažetkom ustanove, a članci se na zahtjev mogu preuzeti kao čisti tekst. To nije zamjena za dobar sadržaj, nego olakšava alatima da ga ispravno pročitaju. O tome zašto struktura stranice pomaže više od trikova pisali smo u članku SEO bez trikova.

Što je stvarno usporavalo stranicu?

Brzina se rijetko popravlja jednim dodatkom. Na ovoj stranici razlozi sporosti bili su u četiri različita sloja, a svaki je trebalo izmjeriti zasebno.

Predmemorija koja se stalno praznila

Stranica koristi dodatak za predmemoriju, koji gotove stranice sprema i posjetiteljima ih poslužuje bez ponovnog izvođenja WordPressa. Na dan objave stranice su ipak bile spore jer se predmemorija praznila svakih dvadesetak sekundi. Privremenim zapisnikom našli smo uzrok: alat za skeniranje kolačića pri svakom je koraku spremao postavku, a predmemorija je to tumačila kao promjenu postavki stranice. Drugi uzrok bila je mogućnost posluživanja članaka kao čistog teksta za AI alate. Ona odgovoru dodaje zaglavlje koje predmemorija s pravom odbija, jer bi inače posjetitelju mogla poslužiti pogrešnu inačicu.

Oba problema riješena su u samom dodatku za predmemoriju, koji razvija ČuBraD, pa ispravak sada dobivaju i druge stranice koje ga koriste. Danas početna stranica iz predmemorije odgovara za oko 0,25 sekundi (mjereno 5. studenoga 2026.), što je dobro ispod granice od 0,8 sekundi koju web.dev navodi kao okvirno dobro vrijeme do prvog bajta.

PHP koji se svaki put iznova prevodio

Kada predmemorija nema stranicu, odgovor ovisi o poslužitelju. Na hostingu nije bio uključen OPcache, pa se pri svakom zahtjevu iznova prevodilo više od tri tisuće PHP datoteka. Nakon uključivanja početna stranica izvan predmemorije pala je sa 4,4–7,4 na 2,8–3,8 sekundi. Uz to smo izmjerili kako se OPcache ponaša u radu i pripremili preporučene postavke poslužitelja za pružatelja hostinga.

Prevelike pozadinske slike na mobitelu

Velike fotografije u zaglavljima izgledaju odlično, ali mobitel je preuzimao istu inačicu kao i veliki zaslon računala. Mali dodatak za WordPress sada mobitelima šalje inačicu od 900 piksela. Najveći element na vrhu stranice pao je sa 110–180 KB na 50–75 KB, a u našem mjerenju na zaslonu širokom 390 piksela, bez simuliranog usporavanja mreže, prikazuje se za 0,5 do 1,1 sekundu. Googleova granica za dobar Largest Contentful Paint je 2,5 sekunde.

Pozadinski poslovi i dodaci koji si smetaju

WordPress zakazane poslove pokreće pri posjetu stranici. Uz predmemoriju takvih posjeta gotovo nema, pa se poslovi mogu zaglaviti. Zato je uključen sistemski cron koji ih pokreće svakih pet minuta. Dodatak za spajanje CSS-a i JavaScripta uklonjen je jer je rušio izgled trake za privolu kolačića, a uz dobru predmemoriju više nije donosio korist. Više o tome zašto se brzina isplati pročitajte u članku Zašto je brzina web stranice važna.

Kako izgleda na mobitelu?

Većina pacijenata stranicu otvara na mobitelu, često samo da nazove ili se naruči. U prvoj izvedbi zaglavlja telefon i gumb za narudžbu na mobitelu nisu bili vidljivi. Dodali smo ih ispod logotipa, vidljive bez otvaranja izbornika i bez pomicanja stranice. Cjenik smo provjerili na zaslonima od 320 do 412 piksela, tako da se nijedna od 65 cijena ne prelama u dva retka. Nakon svake promjene provjeravali smo i da stranica nigdje nema vodoravnog pomicanja.

Dok posjetitelj ne da privolu, analitika ne sprema kolačiće. Traka za kolačiće i evidencija privola rade preko dodatka koji je također razvio ČuBraD.

Kako se stranica razvija nakon objave?

Nakon objave poliklinika je dostavila nove sadržaje i materijale, koje smo odmah ugradili u stranicu: stranicu o pregledu fizijatra i terapiji putem HZZO-a, cijene na stranicama usluga, novu grupu usluga u cjeniku i nove fotografije za stranice tema, koje su zamijenile dotadašnje stock fotografije.

Stranica je izrađena tako da može rasti zajedno s poliklinikom. Nove članke, teme i dopune tekstova poliklinika unosi sama, a dizajn i tehnička podloga ostaju isti. Nakon sljedećeg kruga sadržaja ponovit ćemo puni audit, kako bi se vidio i učinak novih tekstova.

Što iz ovog projekta vrijedi za druge naručitelje?

  • Dizajn i izvedba su dva posla. Dobar dizajn rješava izgled i dojam. Izvedba odlučuje kako će se stranica ponašati s pravim sadržajem, u tražilici i na sporoj mreži.
  • Selidbu planirajte dok stara stranica još radi. Popis starih adresa najlakše je napraviti dok one još postoje.
  • Strukturirani sadržaj štedi godine održavanja. Polja za trajanje, cijenu i autora danas izgledaju kao dodatan posao, a sutra znače da ih urednik mijenja za minutu, bez diranja dizajna.
  • Mjerite prije nego što mijenjate. Sporost ove stranice imala je četiri različita uzroka. Nijedan se ne bi riješio instalacijom još jednog dodatka.
  • Tekst o zdravlju piše struka. Naš je posao da pitanja postavimo na vrijeme, a odgovore daju stručnjaci ustanove.

Ako pripremate novu stranicu, korisno je pročitati i što pripremiti prije izrade nove web stranice.

ČuBraD uslužni obrt izvodi stranice prema dizajnu agencija ili prema vlastitom dizajnu, uz selidbu sadržaja i domene. Više o tome pročitajte na stranicama izrada web stranica, SEO web stranica i optimizacija web stranica.

Brojke u članku izmjerene su tijekom projekta, od 30. rujna do 5. studenoga 2026. Ocjene potječu iz našeg SEO audita i nisu ocjena Googlea. Vanjski izvori provjereni su 5. studenoga 2026.

Podijeli:
Josip Tomašev

Josip Tomašev

Josip Tomašev vlasnik je obrta ČuBraD uslužni obrt. Programira od 1996., a web stranice izrađuje od 2001. Razvio je vlastiti CMS te se bavi hostingom, razvojem WordPress tema i dodataka za WordPress i WooCommerce. Uz web razvoj distribuira Bitdefenderova rješenja i savjetuje klijente o računalnoj sigurnosti.

Slične objave

Brz prikaz stabilne web stranice na mobitelu

Zašto je brzina web stranice važna i kako utječe na povjerenje posjetitelja

Što LCP, INP i CLS govore o brzini stranice? Pogledajte stvaran primjer ČuBraD-a i korake za mjerenje prije i poslije optimizacije.

Pročitaj više →

Usporedba jednostavne web stranice i složenijeg programskog rješenja

Kada je dovoljna jednostavna web stranica, a kada vam treba naprednije rješenje?

Jednostavna web stranica često je dovoljna za jasnu ponudu i upite. Naprednije rješenje treba kada proces, korisnici ili integracije to stvarno traže.

Pročitaj više →

Hijerarhija web stranica i poveznica koje olakšavaju pronalazak sadržaja

SEO bez trikova: kako dobra struktura stranice pomaže da vas ljudi lakše pronađu

SEO počinje jasnim sadržajem, smislenom strukturom i poveznicama koje rade. Praktičan redoslijed provjera bez obećanja pozicije na Googleu.

Pročitaj više →