1. Brzina učitavanja stranice i performanse

Google preferira brze web-stranice jer pružaju bolje korisničko iskustvo.

Zamisli da je tvoja web-stranica kao kafić – imaš ukusan kolač (tvoj sadržaj), ljubazno osoblje (tvoj dizajn) i ugodnu atmosferu (tvoj brending).
Ali: ako treba pet minuta da se vrata otvore, većina ljudi će otići prije nego što uopće uđe.

Slično razmišlja i Google.

Ako se tvoja stranica sporo učitava, korisnici će brzo odustati – a Google to primjećuje. Brze stranice dobivaju dodatne bodove u rezultatima pretraživanja.

Što utječe na brzinu učitavanja?

• Prevelike slike → Ubojica brzine broj 1. Komprimiraj slike i koristi WebP format.
• Nepotreban kod → Mnoga WordPress-teme učitavaju gomilu CSS/JS koda koji ti zapravo ne treba.
• Performanse servera → Dijeljeni hosting može značajno usporiti tvoju stranicu.

Primjer:

Jedna klijentica imala je portfolio stranicu sa više od 100 slika – ali svaka slika je 3 MB. Nakon optimizacije (slike smanjene na 300 KB, uključeno “lazy loading”), vrijeme učitavanja palo je s 8 na 1,8 sekundi – a promet se udvostručio u tri tjedna.

👉 Koristan Alat: https://pagespeed.web.dev

Rješenje:

• Komprimiraj slike i koristi Lazy Loading
• Aktiviraj browser caching (predmemoriranje u pregledniku)
• Minificiraj kod (HTML, CSS, JS)
• Optimiziraj hosting (npr. odaberi bliži server ili koristi CDN)

Alati: Google PageSpeed Insights, GTmetrix, WebPageTest

2. Mobilna optimizacija i responzivni dizajn

Otkako je Google uveo Mobile-First Index, najprije ocjenjuje mobilnu verziju tvoje web-stranice.
Ako tvoja stranica ne funkcionira dobro na mobitelima, gubiš veliki dio potencijala za rangiranje.

Nekad su se web-stranice radile za velike ekrane. Danas većina korisnika pretražuje putem pametnih telefona.
Zamisli da pokušavaš čitati roman na starom Nokia mobitelu – prilično frustrirajuće, zar ne?

Google najprije analizira mobilnu verziju tvoje stranice. Ako izgleda loše ili je teško za korištenje, past ćeš u rezultatima – bez obzira koliko ti desktop verzija bila dobra.

Na što treba paziti?

• Responzivni dizajn: automatski se prilagođava svim veličinama ekrana
• Gumbi prilagođeni prstima: bez “mikado” igre s minijaturnim izbornicima
• Čitljive veličine fonta: korisnici ne trebaju zumirati

Primjer:

Jedan coaching-blog imao je odličan desktop izgled – ali na mobitelu je font bio premalen, a izbornici su se preklapali. Nakon promjene teme s mobile-first dizajnom, prosječno vrijeme zadržavanja poraslo je s 45 na 98 sekundi – jasan signal za Google.

👉 Provjera: https://search.google.com/test/mobile-friendly

      Alati: Google Mobile-Friendly Test, Lighthouse

3. Indeksiranje i pregledavanje (Crawling)

Zamisli Google kao ogromnog robota koji pretražuje web – stranicu po stranicu.
Da bi taj crawler pronašao i razumio tvoj sadržaj, treba mu dobra karta.
Bez nje luta u krug ili jednostavno preskoči tvoje "skrivene dragocjenosti".

Putokaz za pretraživače

• robots.txt – određuje koje dijelove stranice Google smije pregledavati – poput vratara na ulazu.
• XML-sitemap – vodi Google ravno kroz tvoj sadržaj – kao turistički vodič.
• Canonical tagovi – pokazuju koja verzija sličnog sadržaja je “službena” – poput točne adrese.
• noindex – govori Googleu što ne treba uvrstiti u indeks (npr. admin-stranice ili duplikate).

Primjer:

Jedna online trgovina imala je preko 1000 stranica s proizvodima – ali Google je znao samo za njih 300. Zašto? U datoteci robots.txt bilo je pogrešno blokirano jedno direktorij. Nakon ispravke, unutar dva tjedna Google je indeksirao više od 700 novih stranica.

👉 Alati: Screaming Frog – pokazuje ti što Google vidi (besplatno do 500 URL-ova)

4. Interno povezivanje i struktura URL-ova

Zamisli svoju web-stranicu kao veliko trgovačko središte. Svaka podstranica je dućan – ali bez znakova i puteva, nitko se ne bi snašao.

Interni linkovi su putevi, a razumljivi URL-ovi su znakovi.

Zašto je to važno?

• Google slijedi linkove – što bolje povezuješ stranice, to bolje razumije povezanost sadržaja.
• Stranice s mnogo internih linkova smatraju se važnijima.
• Kratki i jasni URL-ovi povećavaju stopu klikova i olakšavaju razumijevanje.

Najbolja praksa:

• Češće interno poveži najvažnije stranice (npr. stranice proizvoda, cornerstone sadržaj)
• Koristi jasne sidrene tekstove, npr. „više o tehničkom SEO-u“ umjesto „klikni ovdje“
• URL-ovi bi trebali izgledati ovako: tvojadomena.hr/tehnicki-seo umjesto tvojadomena.hr/page.php?id=123

Primjer:

Jedna savjetnička stranica imala je sve članke duboko zakopane u poddirektorije, bez jasnog povezivanja. Nakon restrukturiranja (kraći URL-ovi + interni linkovi iz svakog članka prema glavnoj temi), vidljivost u SEO alatu SISTRIX porasla je za 40 % u samo četiri tjedna.

5. Strukturirani podaci (Schema Markup)

Pomoću Schema.org oznaka pomažeš Googleu da bolje razumije sadržaj poput recenzija, FAQ-ova ili događanja – i time povećavaš šansu za Rich Snippets.

Zamisli da je Google posjetitelj u tvojoj knjižari. Vidi izlog (tvoju web-stranicu), ali ne razumije odmah što se nalazi u knjigama – osim ako mu ne ostaviš male ceduljice s objašnjenjima na svakoj knjizi. Upravo to rade strukturirani podaci.

Uz Schema Markup Google ne samo da vidi sadržaj tvoje stranice, već ga može i ispravno interpretirati. To povećava šansu za tzv. Rich Snippets – poboljšane rezultate u tražilici sa zvjezdicama za ocjene, FAQ-odjeljcima, informacijama o događajima, cijenama i još mnogo toga.

Što se može označiti pomoću Schema Markup-a? 📄

• • Recenzije i ocjene zvjezdicama (Review, AggregateRating)

  • Proizvodi (Product) – uključujući cijenu, dostupnost, recenzije

  • Recepti (Recipe) – vrijeme kuhanja, sastojci, ocjene

  • Događanja (Event) – datum, lokacija, cijene ulaznica

  • FAQ stranice (FAQPage) – često postavljana pitanja s odgovorima

  • Upute „kako napraviti” (HowTo) – korak-po-korak vodiči

  • Organizacije i poduzeća (Organization, LocalBusiness) – adresa, radno vrijeme, logotip

  • Osobe (Person) – zanimanje, društvene mreže, biografija

  • Članci i blog postovi (Article, NewsArticle, BlogPosting)

  • Videozapisi (VideoObject) – trajanje, sličica, opis

  • Navigacija (breadcrumbs) (BreadcrumbList) – prikaz navigacijskog puta

  • Oglasi za posao (JobPosting)

  • Knjige (Book)

  • Tečajevi (Course)

Primjer:

Jedna web-stranica s blogom o receptima implementirala je strukturirane podatke za "Recipe": vrijeme pripreme, broj kalorija, ocjene i sliku. Nakon samo nekoliko tjedana, mnogi su recepti počeli prikazivati vizualne Rich Snippets sa zvjezdicama i slikama – pravi pojačivač stope klikova.

html primjer:

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Tehnički SEO",
"author": {
"@type": "Person",
"name": "QXU"
}
}
</script>

Alati:

• Schema Markup Generator – technicalseo.com
• Rich Results Test (Google)
• Schema.org-Dokumentation