Klijent
Cilj projekta
Kuhada.com je vlastita web stranica agencije koja djeluje u jednoj od najkompetitivnijih digitalnih branši. Stranica zato ne može biti samo prezentacija usluga i portfolija. Ona istovremeno mora biti prodajni alat, tehnička demonstracija kvalitete, izvor organskog prometa i centralno mjesto koje povezuje web dizajn, web shopove, SEO, Google Ads, Meta Ads, hosting, održavanje i druge usluge agencije.
Cilj rekonstrukcije bio je napraviti tehnički čišću, bržu i dugoročno održiviju verziju Kuhada.com bez nepotrebnog opterećenja koje se tijekom godina može nakupiti na većim WordPress projektima. Poseban naglasak stavljen je na performanse, semantički HTML, jasnu hijerarhiju sadržaja, indeksiranje, strukturirane podatke i jednostavno razumijevanje stranice od strane tražilica i AI sustava.
Projekt je morao zadržati veliki postojeći sadržaj, uključujući više od 850 referenci, ali ga organizirati u sustav koji se može dalje širiti bez ponovnog stvaranja tehničkog duga.
Izazov
Najveći izazov bila je količina i raznolikost sadržaja. Kuhada.com godinama je rastao zajedno s agencijom, pa su se na istoj domeni nalazile servisne stranice, blogovi, reference, kategorije, kontaktni sadržaji i velik broj starih projekata. Kod rekonstrukcije nije bilo dovoljno napraviti novi vizualni sloj. Trebalo je odlučiti kako svaki tip sadržaja strukturirati, povezati i prikazati tako da korisnik, Google i drugi crawleri jasno razumiju njegovu ulogu.
Drugi izazov bila je tehnička izvedba. Cilj nije bio samo dobiti brzu stranicu, nego ukloniti što više nepotrebnih ovisnosti i generirati čist statički HTML. Hugo je odabran kao osnova upravo zato što omogućuje vrlo brz output, preciznu kontrolu templatea i strukturu koja se može prilagoditi bez oslanjanja na velik broj dodataka.
Treći izazov bila je schema. Jednostavno dodavanje JSON-LD podataka nije bilo dovoljno. Bilo je potrebno razdvojiti entitete i međusobno ih povezati kroz @graph i @id reference. Naslovnica, servisne stranice, blog, zbirke i pojedini case studyji nemaju istu semantičku ulogu, pa svaki tip stranice mora generirati odgovarajuću kombinaciju entiteta.
Dodatni zahtjev bila je dostupnost sadržaja modernim AI sustavima. Struktura nije rađena samo za klasični SERP, nego i tako da sadržaj bude lako dohvatljiv, semantički jasan i strojno razumljiv sustavima koji koriste web kao izvor informacija.
Rješenje
Kuhada.com rekonstruiran je kao custom projekt u Hugo frameworku. Statički generator omogućio je izradu vrlo laganih stranica bez klasične baze podataka i bez velikog runtime sloja. Time je dobivena potpuna kontrola nad HTML-om, CSS-om, JavaScriptom, metapodacima, canonical oznakama i strukturiranim podacima.
Komponente stranice organizirane su modularno. Hero sekcije, blokovi usluga, reference, FAQ, CTA elementi i ostale sekcije generiraju se iz strukturiranih podataka, što omogućuje ponovno korištenje dizajna bez dupliciranja template logike. Servisne stranice istovremeno mogu imati vlastiti sadržaj i jasan identitet unutar cijelog sustava.
Posebno je razvijen JSON-LD @graph model. Naslovnica povezuje WebSite, LocalBusiness i FAQPage entitete, dok servisne stranice koriste WebPage, Service i FAQPage. Blog listing koristi CollectionPage i ItemList, pojedini blogovi BlogPosting i WebPage, a reference zasebnu strukturu za case study sadržaj. Breadcrumbs postoje u strukturiranim podacima bez potrebe za njihovim vizualnim prikazivanjem na svakoj stranici.
Tehnički SEO uključuje canonical URL-ove, konzistentnu HTTPS i non-www strukturu, sitemap, robots pravila, pravilne redirecte i kontrolu hijerarhije internih linkova. Stari URL-ovi mogu se preusmjeriti prema novoj strukturi bez nepotrebnog gubitka postojećih signala.
Tracking je također optimiziran. Google Tag Manager i povezane skripte ne moraju se učitavati odmah svakom korisniku, nego se mogu odgoditi do interakcije, uz iznimke za dolaske iz oglasa s parametrima poput gclid, fbclid, gbraid i wbraid. Time se smanjuje početno opterećenje stranice bez gubitka važnog mjerenja kampanja.
Što je izrađeno
- custom Hugo web stranica
- modularni sustav sekcija i templatea
- migracijska struktura za više od 850 referenci
- servisne stranice za glavne usluge agencije
- optimizirana zbirna stranica referenci
- blog i zasebni tipovi sadržaja
- JSON-LD
@graphschema - WebSite, WebPage, LocalBusiness i Service entiteti
- FAQPage, CollectionPage, ItemList i BlogPosting struktura
- schema za pojedine case study projekte
- canonical, sitemap, robots i redirect logika
- semantički HTML i jasna hijerarhija sadržaja
- Consent Mode i optimizirano učitavanje GTM-a
- responzivan dizajn i pristupačnost
- hosting i dugoročno održavanje
- struktura prilagođena klasičnim i AI crawlerima
Rezultat
Rezultat je web stranica koja služi kao tehnička demonstracija standarda koje Kuhada primjenjuje i na projekte klijenata. Na Lighthouse i PageSpeed Insights mjerenjima postignuti su rezultati 100/100 za Performance, Accessibility, Best Practices i SEO, čime je uklonjen velik dio tehničkih kompromisa karakterističnih za složenije agencijske web stranice.
Jednako važan rezultat je kontrola nad strukturom. Svaki tip sadržaja ima jasno definiranu ulogu, URL, metapodatke i schema entitete. To olakšava indeksiranje, smanjuje dvosmislenost i daje crawlerima jasniji kontekst o tome što je tvrtka, što je usluga, što je članak, a što referentni projekt.
Hugo arhitektura dodatno pojednostavljuje održavanje. Novi sadržaj može se dodavati kroz strukturirane Markdown datoteke bez ručnog slaganja svake stranice, dok centralni templatei osiguravaju da se tehničke promjene mogu primijeniti na cijeli web.
Projekt je ujedno pripremljen za promjene u načinu na koji se sadržaj pronalazi. Uz klasičnu SEO optimizaciju, posebna pažnja posvećena je dostupnosti sadržaja AI sustavima, uključujući jasne entitete, odnose među njima, semantički sadržaj i minimalnu tehničku prepreku za crawling.
Zaključak
Kuhada.com pokazuje pristup u kojem dizajn, razvoj, SEO, hosting i strukturirani podaci nisu odvojeni zadaci, nego dijelovi istog sustava. Kod web stranice agencije koja se natječe upravo kvalitetom digitalnih rješenja, tehnička izvedba mora podržavati ono što stranica obećava korisnicima.
Prelazak na custom Hugo arhitekturu omogućio je maksimalnu kontrolu nad performansama, sadržajem i tehničkim SEO-om, uz jasnu osnovu za daljnju migraciju velikog portfolija i buduće širenje weba.
Konačni rezultat nije samo brža verzija postojeće stranice, nego dugoročna platforma za usluge, reference, sadržaj i organsku vidljivost Kuhade, pripremljena i za klasične tražilice i za sve važniju AI distribuciju informacija.
