SEO optimizacija web stranica: Tajna 100/100 rezultata na Lighthouseu

Većina vlasnika tvrtki SEO doživljava kao "ubacivanje ključnih riječi u tekst". Iako je sadržaj i dalje kralj, u 2026. godini taj kralj ne može hodati ako mu je podloga (kod) trula. Google je odavno prestao biti samo čitač teksta; on je sada sofisticirani sustav koji ocjenjuje iskustvo korisnika.

Ako ste pratili moj prethodni blog o Vercel deploymentu, znate da infrastruktura igra ogromnu ulogu. No, kako spojiti tu infrastrukturu s kodom da biste dobili famoznih 100/100 na Lighthouse testu?

Kao developer koji se fokusira na tehnički SEO, objasnit ću vam zašto je struktura koda Googleu postala jednako bitna kao i sam sadržaj.

---

1. Što je zapravo Lighthouse i zašto su brojke bitne?

Google Lighthouse je alat koji simulira posjet korisnika na vašoj stranici. On ne gleda samo "vidi li se slika", već mjeri milisekunde:

• Performance: Koliko brzo se stranica pojavljuje?
• Accessibility: Mogu li je koristiti osobe s poteškoćama?
• Best Practices: Je li kod siguran i moderan?
• SEO: Je li stranica tehnički razumljiva tražilicama?

Postići 100/100 nije samo "ego trip" za developere. To je signal Googleu da je vaša stranica elitna. Na zasićenim tržištima poput Zagreba ili Splita, ovih 100 bodova je razlika između prve stranice i digitalnog zaborava.

---

2. Core Web Vitals: Sveti gral tehničkog SEO-a

U 2026. godini, Google primarno gleda tri metrike koje čine Core Web Vitals. Ako tu padnete, nikakav "copywriting" vas neće spasiti.

LCP (Largest Contentful Paint)

Vrijeme potrebno da se učita najveći element na ekranu (obično hero slika). U našim Next.js projektima koristimo next/image komponentu koja automatski servira slike u .webp ili .avif formatu, osiguravajući da LCP bude ispod 1.2 sekunde.

INP (Interaction to Next Paint)

Ova metrika mjeri koliko je stranica "responzivna" na klik. Next.js to rješava kroz minimalni JavaScript - korisnik klikne, a akcija se događa trenutno, bez "freezanja" browsera.

CLS (Cumulative Layout Shift)

Jeste li ikada pokušali kliknuti gumb, a on se pomaknuo jer se učitala reklama ili slika? To je loš CLS. Mi definiramo točne dimenzije svakog elementa unaprijed, postižući nulu (0) u CLS metrici.

---

3. Zašto je struktura koda važnija od dizajna?

Google bot ne vidi boje. On vidi semantički HTML.

Mnoge stranice u Rijeci ili Osijeku pate od tzv. "div soup" problema – kôd je pretrpan bespotrebnim elementima koje generiraju vizualni builderi poput Elementora.

Naš pristup:

• Semantički tagovi: Koristimo <header>, <main>, <footer>, <article> i pravilnu hijerarhiju naslova (H1-H6). To omogućuje Googleu da u sekundi shvati što je na stranici najvažnije.
• JSON-LD Schema: Ubacujemo strukturirane podatke izravno u kôd. Ako radite izradu web trgovine, Google će odmah znati cijenu i dostupnost artikla, prikazujući te podatke izravno u rezultatima pretrage.

---

4. Tajna poveznica: Next.js + Vercel = SEO Dominacija

Kao što sam spomenuo u vodiču za Vercel, način na koji poslužujete stranicu je kritičan.

Next.js nam omogućuje Server-Side Rendering (SSR). To znači da kada Google bot dođe na vaš web, on dobiva gotov, renderiran HTML. Nema čekanja da se JavaScript izvrši (što je glavni problem sporih WordPress stranica). Kada se to spoji s Vercelovom Edge mrežom, vaša stranica se učitava brzinom lokalne datoteke, bez obzira na to gdje se korisnik nalazi.

---

5. Slika govori 1000 riječi, ali troši 1000 milisekundi

Neoptimizirane slike su ubojica SEO-a broj 1. U Webizradi Adria implementiramo:

1. Lazy loading: Slike se učitavaju tek kada klijent skrola do njih.
2. Priority loading: Ključne slike učitavaju se prve.
3. Automatic Resizing: Mobitel nikada ne učitava sliku namijenjenu desktopu.

---

6. Analitika koja ne usporava web

Većina koristi Google Analytics koji usporava stranicu za 10-15 bodova na Lighthouseu. Mi koristimo lagane alternative ili implementiramo analitiku putem Vercel Analyticsa koja se izvršava na strani servera, ostavljajući vaš Lighthouse rezultat na čistih 100.

---

Zaključak: Tehnički SEO je investicija, a ne trošak

Postizanje 100/100 na Lighthouseu nije lako, ali je nužno ako želite dominirati u 2026. godini. Google nagrađuje trud. Tehnički savršena stranica znači manji trošak Google Ads-a (jer imate veći Quality Score) i bolji organski doseg.

Ako je vaš trenutni web spor, ružan za Google botove i "zapnuo" na dnu pretrage, vrijeme je da razmislite o Next.js rješenju.

---

Često postavljana pitanja (FAQ)

1. Znači li 100/100 na Lighthouseu automatsko prvo mjesto na Googleu?

Ne, ali to je "ulaznica" za prvu stranicu. Ako imate savršen kôd i brzinu, Google će vaš sadržaj rangirati puno bolje nego isti sadržaj na sporoj stranici.

2. Zašto moja WordPress stranica ima 20/100?

Vjerojatno zbog previše pluginova, sporog hostinga i neoptimiziranih tema. WordPress po defaultu nosi puno "balasta" koji Next.js jednostavno nema.

3. Koliko košta tehnička SEO optimizacija?

U Webizradi Adria, tehnički SEO je dio svakog projekta. Ako radite izradu web stranica kod nas, 100/100 rezultat je naš standard, a ne dodatna naplata.

4. Je li Lighthouse bitan za male biznise u Hrvatskoj?

Apsolutno. Čak i ako ste mali obrt u Osijeku, lokalni SEO ovisi o tome koliko brzo se vaša stranica učitava na mobitelu dok klijent traži vašu uslugu u hodu.

---

O autoru

Cazim je stručnjak za tehnički SEO i web performanse. Kroz agenciju Webizrada Adria pomaže tvrtkama da kroz Next.js tehnologiju ostvare maksimalne rezultate na tražilicama i pretvore posjetitelje u vjerne klijente.