Izrada web stranice Ljekarni SMŽ: dežurstva, radna vremena i selidba domene

Nova web stranica Ljekarni Sisačko-moslavačke županije radi na WordPressu od 3. studenoga 2026. Ustanova, do nedavno poznata kao Gradske ljekarne Sisak, ima osam ljekarni u Sisku, Lekeniku, Sunji, Jasenovcu i Hrvatskoj Dubici. ČuBraD uslužni obrt napravio je analizu stare stranice, dizajn prema knjizi grafičkih standarda, izvedbu u WordPressu, sustav radnih vremena i dežurstava, selidbu sa stare domene gljs.hr te SEO i optimizaciju brzine.

Ljekarna nije obična poslovna stranica. Netko je otvara u devet navečer s bolesnim djetetom i želi znati samo jedno: koja ljekarna sada radi. U nastavku je opisano kako stranica sama računa koja je ljekarna otvorena ili dežurna, zašto smo prvo objavili jednostavnu statičnu inačicu, kako je preseljeno 116 starih adresa i što smo naučili kada su pravi podaci počeli razbijati dodatke.

Od čega smo krenuli?

Stara stranica na adresi gljs.hr bila je WordPress s temom Themify i oko šezdeset stranica sadržaja. Ustanova je u međuvremenu promijenila ime i vizualni identitet, a na staroj adresi već je stajala najava nove. Sadržaj smo zato preuzeli iz arhive stare stranice i razvrstali ga prema tome tko ga traži.

Iz toga je proizašlo glavno pravilo projekta: hitna informacija ima prednost. Većina posjetitelja traži otvorenu ili dežurnu ljekarnu, radno vrijeme ili telefon, često na mobitelu i u žurbi. Kandidati za posao, dobavljači i građani koji traže akte, financijska izvješća ili javnu nabavu jednako su važni, ali njihove stranice ne smiju stajati između pacijenta i telefona ljekarne. Nova navigacija zato ima samo pet stavki, a sve institucijske stranice grupirane su pod „O nama”.

Kako dizajn prati knjigu standarda, a ostaje čitljiv?

Ustanova ima knjigu grafičkih standarda s logotipom, bojama i fontom Roboto. Logotip smo iz nje izvukli kao vektor, pa je oštar na svakom zaslonu. Kod boja je trebalo popustiti čitljivosti. Prepoznatljiva tirkizna boja brenda na bijeloj podlozi nema dovoljan kontrast za tekst prema smjernicama WCAG 2.1. Zato je ostala za velike i ukrasne površine, a za gumbe i poveznice izveli smo tamniju nijansu iste boje s kontrastom 5,4 : 1. Dežurstva i obavijesti dobile su toplu narančastu boju koja se jasno razlikuje od ostatka stranice.

Pri prijenosu sadržaja pazili smo i na tvrdnje. Stara stranica govorila je o tradiciji od 1836. godine, a iz toga se lako pročita da ustanova postoji od tada. Točno je da pisani tragovi o ljekarništvu u Sisku sežu do 1836., a današnja ustanova je javna zdravstvena ustanova s osam ljekarni. Tekst na naslovnici sada kaže upravo to. Na zahtjev ustanove uklonili smo i brojače djelatnika i lokacija. Na stranici zdravstvene ustanove takve brojke ne pomažu nikome tko traži otvorenu ljekarnu.

Zašto smo prvo objavili statičnu stranicu?

Nova domena ljekarnesmz.hr morala je što prije dobiti stranicu pod novim imenom. Zato smo projekt podijelili u dvije faze. Prvo smo napravili jednostavnu stranicu u čistom HTML-u, CSS-u i JavaScriptu, s jedanaest stranica, dokumentima i kontaktnim obrascem. Obrazac je od neželjenih poruka štitila provjera koja ne traži prepoznavanje slika i ne šalje podatke vanjskom servisu. Već u toj fazi stara domena trajno je preusmjerena na novu, a Google je preko alata za promjenu adrese u Search Consoleu u kolovozu obaviješten o selidbi.

Dok je statična stranica služila posjetiteljima, na probnoj adresi gradili smo WordPress inačicu na laganoj temi Hello Elementor. Statična faza nije bila potrošen posao. Na njoj smo s ustanovom dogovorili sadržaj, raspored i pravila za radna vremena, pa je WordPress izvedba počela od provjerenih odluka, a ne od nacrta.

Kako stranica zna koja je ljekarna sada otvorena?

Ovo je najzanimljiviji dio projekta. Na prvi pogled radno vrijeme je jednostavan podatak, ali osam ljekarni ima gotovo osam različitih pravila:

• većina ljekarni radi radnim danom od 7 do 20 sati i subotom do 13 sati;
• ljekarna u Intersparu radi i subotom navečer te nedjeljom, ali samo na one nedjelje kada radi trgovački centar;
• ljekarne u Jasenovcu i Hrvatskoj Dubici rade različito po danima, a subotom samo jednu subotu u mjesecu;
• za vrijeme godišnjih odmora neke ljekarne rade skraćeno, a neke su zatvorene;
• blagdanima radi samo dežurna ljekarna, a privremeno zatvorena ljekarna mora jasno pisati da ne radi.

Kad bi se sve to upisivalo kao tekst, stranica bi bila točna samo dok ga netko ne zaboravi promijeniti. Zato je svaka ljekarna u WordPressu zapis sa strukturiranim podacima. Redovno radno vrijeme unosi se po danima, s rasponom od-do iz našeg dodatka ACF Time Range, uz oznaku vrijedi li red svaki tjedan ili samo prve ili treće subote. Godišnji odmori imaju četiri načina rada: drugi tjedni raspored, rad samo odabranih dana, zatvoreno odabranih dana ili potpuno zatvoreno. Blagdani se unose na zasebnoj stranici postavki, jednom za sve ljekarne.

Iz tih podataka stranica svake minute računa status svake ljekarne: Otvoreno, Zatvoreno, DEŽURNA ili Ne radi. Kad se pravila preklapaju, odlučuje redoslijed:

Dežurstvo smo pojednostavili za urednika. Jedna ljekarna označena je kao primarno dežurna i postaje dežurna čim završi njezino redovno radno vrijeme, radnim danom točno u 20 sati, a subotom u 13. Na radne nedjelje Interspara dežurstvo od 8 do 20 sati preuzima ljekarna u Intersparu, a u 20 sati se bez prekida vraća primarnoj. Ako netko primarnom dežurstvu označi drugu ljekarnu, oznaka se s prethodne automatski skida, pa dvije dežurne ljekarne ne mogu nastati greškom.

Ovakva logika ne smije pogriješiti u ponoć ili u minuti promjene smjene. Prije objave izračunali smo status za svaku minutu pet tipičnih dana: radnog dana, subote, obične nedjelje, radne nedjelje Interspara i blagdana, ukupno 7.200 provjera. Ni u jednoj minuti nije bilo pogrešnog statusa ni trenutka bez dežurne ljekarne. Posebno smo provjerili rubove poput 19:59 i 20:00.

Isti izračun koristi se na naslovnici, na stranici Ljekarne, na kontaktu i u preglednoj tablici radnih vremena. Kada ustanova promijeni radno vrijeme, mijenja ga na jednom mjestu, a svi prikazi slijede.

Kako predmemorija i status svake minute mogu raditi zajedno?

Brzu stranicu daje predmemorija: posjetitelj dobiva unaprijed pripremljen HTML, bez ponovnog izvođenja WordPressa. Za ljekarnu to otvara zamku. Ako je stranica spremljena u 19:55, posjetitelj u 20:10 vidio bi da je dnevna ljekarna još otvorena.

Zato su statusi odvojeni od spremljene stranice. Stranica stiže iz predmemorije našeg dodatka Easy Cache WP, a mala skripta odmah i zatim svake minute dohvaća trenutno stanje s poslužitelja i osvježava statuse, dežurnu ljekarnu i gumb „Nazovi dežurnu”. Ako skripta iz nekog razloga ne radi, gumb i dalje nazove primarno dežurnu ljekarnu. Početna stranica danas odgovara za oko trećinu sekunde, a status nikad nije stariji od minute.

Što se vidi tek s pravim podacima?

Dodaci za Elementor odlično rade s primjerom iz demonstracije. Pravi podaci su drugačiji, i tu smo naišli na tri problema koja se ne vide u dizajnu:

• Radno vrijeme raspadnuto u popis. Gotov widget za ponavljajuća polja raspon „12:00–20:00” prikazivao je kao tri stavke popisa sa zarezima. Zamijenili smo ga vlastitim ispisom koji radno vrijeme daje kao urednu, semantičku listu dana i sati, čitljivu i čitačima zaslona.
• Prazna obavijest koja skriva cijelu ljekarnu. Pravilo koje skriva praznu obavijest o privremenom radnom vremenu u prvoj je inačici skrivalo i sve okvire oko nje, pa je s njom nestajala i kartica ljekarne. Pravilo je sada ograničeno samo na okvir obavijesti.
• Ikone koje nestanu nakon prijenosa. Na produkciji je dodatak za dinamički sadržaj u novijoj inačici odbio formatirati ikone natječaja, pa ih je dvanaest ostalo praznih. Ikone sada idu kroz zasebne kratke kodove koji to formatiranje dopuštaju. Isti dan provjerili smo svih jedanaest stranica.

Kako se objavljuju natječaji i javni dokumenti?

Javna ustanova mora objavljivati natječaje, odluke, statut, financijska izvješća, planove nabave i izvješća o pravu na pristup informacijama. Na staroj stranici to je bio niz ručno slaganih stranica.

Natječaji su sada strukturirani zapisi: naziv, oznaka, datumi objave i roka, status te popis dokumenata i obavijesti uz svaki postupak. Ikona svakog postupka i dokumenta bira se iz biblioteke ikona Phosphor preko našeg dodatka ACF Phosphor Icon Picker. Stranica sama slaže otvorene natječaje i završene postupke, a sekcija bez ijednog postupka se ne prikazuje. U završene se postupak premješta kada to odluči ustanova, a ne automatski istekom roka, jer odluka o izboru često stiže tjednima kasnije.

Ostali dokumenti grupirani su pod „Pristup informacijama”: statut, financijska izvješća i izvješća o radu od 2023., planovi nabave od 2019. te izvješća o pravu na pristup informacijama od 2017. Kontakt službenika za informiranje objavljen je kao funkcija s funkcijskom e-mail adresom, bez imena, na zahtjev ustanove. Adresa ostaje ista i kada se osoba promijeni.

Kako preseliti stranicu na novu domenu bez izgubljenih adresa?

Stara domena godinama je bila u rezultatima pretraživanja, a stare adrese ostale su i u imenicima, porukama i dokumentima. Google za selidbu preporučuje trajno preusmjeravanje svake stare adrese na novu inačicu. Ovdje je selidba bila dvostruka: s gljs.hr na statičnu stranicu, a zatim sa statične stranice na WordPress, gdje su sve adrese ponovno promijenjene.

• Popis adresa iz stvarnih podataka. Adrese smo prikupili iz Search Consolea za obje domene, za razdoblje od šesnaest mjeseci, i iz karte stare stranice. Popis je imao 116 adresa: jedanaest stranica statične faze, 44 dokumenta, stare WordPress stranice i stare priloge.
• Dokument vodi na isti dokument. Stari PDF ne preusmjerava se na naslovnicu, nego na isti PDF na novoj lokaciji. Tko ima spremljenu poveznicu na plan nabave, dobiva plan nabave.
• Jedan skok. Stare adrese vode izravno na konačnu WordPress adresu, bez međukoraka preko statične stranice.
• Pravila kao zaseban blok. Alat za prijenos WordPressa pri selidbi zamjenjuje konfiguracijsku datoteku poslužitelja. Zato pravila preusmjeravanja čuvamo kao zaseban blok na vrhu datoteke i nakon prijenosa ga uspoređujemo s izvornikom.
• Provjera nakon objave. Skripta je prošla kroz svih 116 adresa na obje domene. Sve vode na očekivanu stranicu jednim preusmjeravanjem.

Što su promijenili SEO i strukturirani podaci?

Prvi puni audit probne WordPress stranice napravili smo u rujnu i dobili 52 od 100 bodova. Drugi je napravljen na produkciji šest dana nakon selidbe, 57 bodova ujutro. Ponovna procjena nakon popravaka istog dana dala je oko 74 boda. Ocjenu računa naš alat za audit prema ponderiranim područjima. To nije ocjena Googlea, ali dobro pokazuje gdje je stranica napredovala.

• Odgovor na najčešće pitanje. Na stranici Ljekarne dodan je odjeljak „Dežurna ljekarna u Sisku”, s imenom, adresom i telefonom dežurne ljekarne izravno u HTML-u. Na njega vode gumb „Provjeri dežurstvo” na naslovnici i stavka izbornika „Dežurna danas”.
• Strukturirani podaci iz istih polja. Ustanova je opisana kao medicinska organizacija s adresom, telefonom i nekadašnjim nazivom, pa tražilice povezuju Gradske ljekarne Sisak s novim imenom. Svih osam ljekarni ima vlastiti zapis tipa Pharmacy s radnim vremenom. Taj zapis nastaje iz istih podataka kao i prikaz na stranici, pa se ne mogu razići.
• Jedan H1 i ručni opisi. Glavni naslovi bili su tehnički označeni kao podnaslovi. Sada svaka od jedanaest stranica ima jedan H1 te ručno napisan naslov i opis za rezultate pretraživanja.
• Telefoni koji zovu pravi broj. Tri telefonske poveznice imale su pogrešan ili nepotpun broj, što se na zaslonu ne vidi, ali na mobitelu znači poziv u prazno.
• Manje nepotrebnog JavaScripta. Stranica natječaja učitavala je biblioteke za tablice, klizače i animacije koje ne koristi. Bez njih je lakša za oko 141 KB, a vrijeme blokiranja na mobitelu je kraće.
• Brz odgovor poslužitelja. Uz predmemoriju vrijeme do prvog bajta palo je s 1,1–1,25 na 0,31–0,39 sekundi, a 13. studenoga izmjerili smo oko 0,33 sekunde. To je dobro ispod granice od 0,8 sekundi koju web.dev navodi kao dobru vrijednost.

Kako je riješena pristupačnost?

Stranicu javne zdravstvene ustanove otvaraju i starije osobe, ljudi sa slabijim vidom i oni koji koriste čitače zaslona. Cilj je bila razina AA prema WCAG 2.1. Osim kontrasta boja, status ljekarne nikad se ne prenosi samo bojom: uvijek piše riječima, kako preporučuju i smjernice o uporabi boje. Posjetitelj u panelu pristupačnosti može povećati tekst, pojačati kontrast, istaknuti poveznice i smanjiti animacije. Poveznice na dijelove stranice imaju odmak, pa naslov ne završi ispod zaglavlja.

Stranica nema analitiku ni oglasne kolačiće, pa posjetitelja ne dočekuje traka za privolu. Naš dodatak EasyCookieConsent prikazuje samo mali gumb postavki kolačića.

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

• Prvo pitajte što posjetitelj treba odmah. Za ljekarnu je to dežurstvo i telefon. Sve ostalo dolazi poslije, ma koliko bilo važno ustanovi.
• Podatak koji se mijenja neka bude podatak, a ne tekst. Radno vrijeme upisano u strukturirana polja mijenja se na jednom mjestu, a stranica, tablica i tražilice ga čitaju isto.
• Brzina i aktualnost ne isključuju se. Stranica može biti spremljena u predmemoriji, a informacija koja se mijenja svake minute dohvaća se zasebno.
• Logiku koja odlučuje o zdravlju treba testirati minutu po minutu. Rubovi poput 20:00 ili blagdana u nedjelju nisu iznimke, nego svakodnevica.
• Selidba se radi iz stvarnih podataka. Popis starih adresa iz Search Consolea pokazao je dokumente i stranice koje nitko ne bi naveo napamet.

Ako i vi mijenjate ime, domenu ili staru stranicu, pogledajte i kako smo izradili stranicu Poliklinike Potok, gdje je selidba domene sačuvala više od deset godina vidljivosti.

ČuBraD uslužni obrt izrađuje stranice prema vlastitom dizajnu ili dizajnu agencija, uz selidbu sadržaja i domene te održavanje nakon objave. Više o tome pročitajte na stranicama izrada web stranica, SEO web stranica i održavanje web stranica.

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