SEO Vodič Korak 2: On-Page & Meta Tagovi

Ovo je Korak 2 iz 13-koračnog SEO Vodiča. On-page meta tagovi kontroliraju što pretraživači prikazuju o vašoj stranici — i hoće li korisnici kliknuti.

---

Tehnički SEO (Korak 1) osigurava da pretraživači mogu pronaći vašu stranicu. On-page optimizacija osigurava da je razumiju — i da je privlačno prezentiraju u rezultatima. Svaki rezultat pretraživanja koji vidite na Googleu temelji se na meta tagovima na stranici. Ako ih ne kontrolirate, Google pogađa. A Google pogodi loše.

Razlika između stope klikova od 2% i 8% često je samo bolji naslovni tag i opis. Na stranici s 1.000 mjesečnih prikaza, to je 60 dodatnih posjetitelja mjesečno — besplatno.

Što obuhvaća On-Page SEO

On-page optimizacija obuhvaća 8 područja:

1. Naslovni Tagovi — Plavi link u rezultatima pretraživanja
2. Meta Opisi — Sivi tekst ispod linka
3. Open Graph & Društveni — Kako vaše stranice izgledaju kada se dijele
4. Hijerarhija Naslova — Struktura sadržaja koja signalizira relevantnost
5. Strukturirani Podaci — Bogati rezultati (zvijezde, cijene, ČPP)
6. Optimizacija Slika — Alt tekst, nazivi datoteka i lazy loading
7. Interni Tekst Ankor — Što vaši vlastiti linkovi govore o vašim stranicama
8. Markup Vijesti & Članaka — Google Vijesti, Discover i AI crawleri

1. Naslovni Tagovi

Naslovni tag je najučinkovitiji on-page element. To je plavi klikabilni link u rezultatima pretraživanja, tekst kartice preglednika i izravni faktor rangiranja.

Pravila za visoko učinkovite naslovne tagove:

• 50-60 znakova (Google skraćuje na ~60)
• Primarna ključna riječ blizu početka
• Jedinstven na svakoj stranici vaše web-lokacije
• Privlačan ljudima, ne samo algoritmima
• Ime brenda na kraju (ako prostor dopušta)

Formule koje djeluju:

| Tip Stranice | Formula | Primjer | |--------------|---------|---------| | Početna | [Brend] — [Vrijednost] | LANGR — SEO Automatizacija za Rastuće Poslove | | Proizvod | [Proizvod] — [Korist] | [Brend] | Pro Plan — Dnevno SEO Praćenje | LANGR | | Blog | [Tema]: [Obećanje] ([Godina]) | Naslovni Tagovi: Potpuni Vodič (2026) | | Kategorija | [Kategorija] — [Kontekst] | [Brend] | Tenisice za Trčanje — Muška Kolekcija | Nike |

Česte pogreške:

• Isti naslov na više stranica (duplikati naslova)
• Prekomjerna upotreba ključnih riječi: "SEO SEO Vodič SEO Savjeti SEO Pomoć"
• Prekratak: "Početna" ili "Proizvodi"
• Potpuno izostavljen (Google stvara jedan iz vašeg sadržaja — obično loše)

Brzi dobitak: Izvezite sve svoje naslovne tagove (Screaming Frog, ili provjerite Search Console). Pronađite duplikate i stranice s naslovima ispod 30 znakova. Popravite to prvo.

2. Meta Opisi

Meta opisi ne utječu izravno na rangiranje, ali dramatično utječu na stopu klikova. Oni su vaš reklamni tekst u organskim rezultatima.

Pravila:

• 120-155 znakova (mobilni se skraćuje ranije)
• Uključite svoju primarnu ključnu riječ (Google ističe odgovarajuće pojmove)
• Uključite poziv na akciju ("Saznajte više", "Započnite", "Pogledajte cijene")
• Jedinstven po stranici (duplikati se zamjenjuju Googleovim automatskim snippettima)
• Uskladite s namjerom pretraživanja (informativno, transakcijsko, navigacijsko)

Formula: [Što stranica nudi] + [ključna korist] + [CTA]

Primjer: "Saznajte 8 meta tagova koji izravno utječu na rangiranje. Akcijski savjeti s primjerima prije/poslije. Počnite optimizirati danas."

Kada Google ignorira vaš opis: Google prepisuje ~70% meta opisa kako bi bolje odgovarao specifičnom upitu. To ne možete spriječiti, ali dobro napisan opis se još uvijek koristi češće od lošeg. Također se pojavljuje u društvenim dijeljenjima i pregledima linkova.

Brzi dobitak: Prvo napišite opise za svojih 20 najposjećenijih stranica. Prioritizirajte stranice gdje Search Console pokazuje visoke prikaze, ali nisku CTR.

3. Open Graph & Društveni Meta

Kada netko dijeli vašu vezu na Facebooku, LinkedInu, Twitteru/X, ili u aplikaciji za poruke, Open Graph tagovi kontroliraju karticu pregleda koja se pojavljuje.

Osnovni OG tagovi:

<meta property="og:title" content="Naslov Vaše Stranice" />
<meta property="og:description" content="Privlačan opis za društvene mreže" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />

Za Twitter/X:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Naslov Vaše Stranice" />
<meta name="twitter:description" content="Opis za Twitter" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />

Zahtjevi za slike:

• Minimalno 1200x630px za velike kartice
• Manje od 8MB veličine datoteke
• Pokušajte koristiti tekst na slikama umjereno (pravilo 20%)
• Testirajte s Facebook Debuggerom i Twitter Card Validatorom

Brzi dobitak: Kreirajte jedan visoko kvalitetan OG imidž predložak za svoj brend. Koristite ga kao zadani, a zatim kreirajte prilagođene slike za svojih 10 najposjećenijih stranica.

4. Hijerarhija Naslova

Naslovi (H1-H6) daju pretraživačima okvir sadržaja. Oni signaliziraju o čemu se radi na vašoj stranici i koje sekcije su najvažnije.

Pravila:

• Točno jedan H1 po stranici (vaša glavna tema/ključna riječ)
• H2 za glavne dijelove (ovi često postaju odgovori na istaknute isječke)
• H3 za poddijelove unutar H2
• Nikada ne preskočite razine (H1 → H3 bez H2)
• Koristite ključne riječi prirodno u naslovima, ne na silu
• Stavljajte važne riječi naprijed (skeneri čitaju prvih 3 riječi)

Utjecaj na SEO:

• Google koristi tekst H2/H3 za istaknute isječke i "Ljudi također pitaju"
• Tekst naslova utječe na rangiranje dijela (Google može nezavisno rangirati sekciju vaše stranice)
• Čitači ekrana i AI crawleri koriste naslove za razumijevanje strukture stranice

Primjer strukture:

H1: Kako Odabrati Tenisice za Trčanje
  H2: Tip Stopala i Pronation
    H3: Prekomjerna pronacija
    H3: Neutralno
    H3: Podpronacija
  H2: Kategorije Tenisica
    H3: Cestovno Trčanje
    H3: Trail Trčanje
  H2: Kada Zamijeniti Vaše Tenisice

Brzi dobitak: Provjerite svoje najvažnije stranice — ako bilo koja ima više H1, nema H1, ili naslove koji su samo "Sekcija 1", "Sekcija 2", odmah ih popravite.

5. Strukturirani Podaci (Schema Markup)

Strukturirani podaci govore pretraživačima točno što vaš sadržaj predstavlja. Omogućavaju bogate rezultate — poboljšane popise sa zvijezdama, cijenama, ČPP-ima, koracima uputstava i još mnogo toga.

Visok ROI tipovi sheme:

| Shema | Bogati Rezultat | Najbolje za | |-------|----------------|-------------| | FAQ | Proširiva Q&A izravno u SERP-u | Stranice s uslugama, stranice s proizvodima | | HowTo | Korak po korak s slikama | Tutorijali/provodi sadržaja | | Article | Autor, datum, slika u rezultatima | Blog postovi, vijesti | | Product | Cijena, ocjena, dostupnost | E-trgovina | | LocalBusiness | Mapa, radno vrijeme, recenzije | Fizičke tvrtke | | BreadcrumbList | Navigacija putanjom u SERP-u | Sve stranice | | Organization | Panel znanja | Početna stranica |

Primjer FAQ sheme:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Koliko traje SEO?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Većina stranica vidi mjerljiva poboljšanja unutar 3-6 mjeseci..."
    }
  }]
}

Pravila:

• Označite samo sadržaj koji je zapravo vidljiv na stranici
• Ne izmišljajte recenzije ili ocjene
• Validirajte s Googleovim Rich Results Testom
• Pratite u Search Console → Poboljšanja

Brzi dobitak: Dodajte FAQ shemu na svojih 5 najvažnijih stranica s uslugama/proizvodima. Napišite 3-5 stvarnih pitanja i odgovora za svaku. Ovo može udvostručiti vašu SERP nekretninu preko noći.

6. Optimizacija Slika

Slike su često najveći faktor usporavanju performansi i propuštena prilika za SEO. Google Images donosi značajan promet mnogim stranicama.

Pet osnovnih stvari:

1. Alt tekst: Opisujte što se nalazi na slici (za pristupačnost + SEO). Uključite ključne riječi kada je to prirodno: alt="Nike Air Max 2026 tenisica za trčanje u crnoj", ne alt="tenisica" ili alt=""
2. Nazivi datoteka: Preimenujte prije učitavanja. nike-air-max-2026-black.webp ne IMG_4382.jpg
3. Format: WebP za fotografije (30-50% manji od JPEG-a). SVG za ikone/logotipe. Izbjegavajte PNG za fotografije.
4. Lazy loading: Dodajte loading="lazy" slikama ispod vidljivog dijela. Nikada ne koristite lazy-load za glavnu sliku.
5. Dimenzije: Uvijek navedite width i height atribute kako biste spriječili promjenu izgleda (CLS).

Brzi dobitak: Pronađite svojih 10 najvećih slika (PageSpeed Insights ih označava). Konvertirajte u WebP i dodajte odgovarajući alt tekst. To poboljšava i performanse i vidljivost pretraživanja slika.

7. Interni Tekst Ankor

Klikabilni tekst u vašim internim linkovima govori pretraživačima o čemu se radi na ciljnoj stranici. Većina stranica to promašuje koristeći "kliknite ovdje" ili "pročitajte više".

Pravila:

• Koristite opisni tekst ankor koji uključuje relevantne ključne riječi
• Varirajte tekst ankor (ne koristite točno isti tekst za svaki link na stranicu)
• Linkajte s visoko autoritativnih stranica na stranice koje želite rangirati
• Linkajte kontekstualno unutar sadržaja, a ne samo u navigaciji

Dobro vs. loše:

• Loše: "Kliknite ovdje za naš SEO vodič"
• Dobro: "Pročitajte naš potpuni SEO vodič za svih 13 koraka"
• Loše: "Saznajte više"
• Dobro: "Pogledajte kako strukturirani podaci poboljšavaju stopu klikova"

Brzi dobitak: Pretražite svoju stranicu za "kliknite ovdje" i "pročitajte više" linkove. Zamijenite ih opisnim tekstom ankor koji sadrži relevantne ključne riječi.

8. Markup Vijesti & Članaka

Ako objavljujete blog postove, vijesti ili bilo koji sadržaj koji se redovito ažurira, markup optimiziran za vijesti otključava Google Vijesti, Google Discover, i povlašteno tretiranje od strane AI crawlera.

Schema članka (obavezno za značajke vijesti):

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Naslov Vašeg Članka",
  "datePublished": "2026-05-07T09:00:00+02:00",
  "dateModified": "2026-05-07T09:00:00+02:00",
  "author": {
    "@type": "Person",
    "name": "Ime Autora",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Vaš Brend",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": "https://yoursite.com/article-hero.jpg",
  "mainEntityOfPage": "https://yoursite.com/article-url"
}

Koristite NewsArticle naspram Article:

• NewsArticle — za vremenski osjetljiv sadržaj vijesti (događaji, najave)
• Article — za vječne blog postove i vodiče
• BlogPosting — za opsežne članke i osobne blogove

Optimizacija za Google Vijesti i Discover:

• Visokokvalitetna hero slika (minimalno 1200px široka, max-image-preview:large meta)
• Datum objave jasno vidljiv na stranici
• Ime autora s linkom na stranicu autora
• Originalno izvještavanje ili jedinstvena analiza (ne prepisane verzije)
• robots meta: max-snippet:-1, max-image-preview:large (dopusti potpune preglede)

Robots meta za sadržaj vijesti:

<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />

To govori Googleu da može koristiti velike slike i cijeli tekst u Discover karticama i vijestima.

Zašto je ovo važno za više razine:

• Strategija bloga: Markup članka omogućava vašem sadržaju da se pojavi u Discoveru (potencijalno tisuće prikaza po postu)
• Zarađivanje linkova: Sadržaj indeksiran kao vijesti citiraju drugi publikacije, zarađujući prirodne povratne linkove
• AI crawleri: ChatGPT, Perplexity i drugi AI sustavi preferencijalno citiraju izvore s pravilnim markupom članka i jasnom autorstvom
• Praćenje brenda: Spomeni o vašem brendu u vijestima (praćeni putem skenera poput LANGR-ovog News Scanner-a) otkrivaju mogućnosti za izgradnju linkova i PR

Brzi dobitak: Dodajte shemu članka svim svojim blog postovima. Osigurajte da svaka ima vidljiv datum, ime autora i hero sliku širu od 1200px. Omogućite max-image-preview:large u vašem robots meta.

Checklista za On-Page SEO Audit

Prođite kroz ovo za svaku važnu stranicu:

• [ ] Jedinstven naslovni tag, 50-60 znakova, ključna riječ blizu početka
• [ ] Jedinstveni meta opis, 120-155 znakova, uključuje CTA
• [ ] Open Graph tagovi postavljeni (naslov, opis, slika, url)
• [ ] Točno jedan H1 koji sadrži primarnu ključnu riječ
• [ ] Logična hijerarhija naslova (H1 → H2 → H3, bez preskakanja)
• [ ] Strukturirani podaci dodani i validirani (FAQ, Članak, Proizvod, itd.)
• [ ] Slike: WebP format, opisni alt tekst, lazy loading ispod vidljivog dijela
• [ ] Interni linkovi koriste opisni tekst ankor
• [ ] Schema članka na svim blog/vijesti sadržajima s datumom objave + autorom
• [ ] max-image-preview:large meta robot tag na stranicama sadržaja

Česte On-Page Pogreške (Rangirane po Utjecaju)

1. Duplikati naslovnih tagova — Više stranica natječe se protiv sebe
2. Nedostajući meta opisi — Dopustite Googleu da pogađa (i pogodi krivo)
3. Nema strukturiranih podataka — Propuštanje bogatih rezultata koje vaši konkurenti imaju
4. Prekomjerno upisivanje ključnih riječi u naslove — "SEO Savjeti SEO Vodič SEO Pomoć SEO 2026"
5. Nedostatak alt teksta na slikama — Nevidljivo za pretraživanje + propust pristupačnosti
6. Nema markup članka na blog postovima — Nevidljivo za Vijesti/Discover/AI
7. Generički tekst ankor — "Kliknite ovdje" ne uči Google ništa
8. Ista OG slika svuda — Svi vaši dijelovi izgledaju identično

Što slijedi?

Korak 3: Sadržaj & Strategija — Što pisati, kada objaviti, i kako stvoriti sadržaj koji se rangira, umjesto da samo postoji.

---

Ovaj vodič je dio LANGR-ove serije o SEO-u od 13 koraka. Izvršite besplatni audit kako biste vidjeli gdje se vaša stranica nalazi u svim 13 disciplina.