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

Ovo je Korak 2 iz 13-korak SEO Vodiča. On-page meta tagovi kontrolišu šta pretraživači prikazuju o vašoj stranici — i da li korisnici kliknu.

---

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 predstave u rezultatima. Svaki pretraživački rezultat koji vidite na Google-u sastoji se od meta tagova na stranici. Ako ih ne kontrolišete, Google nagađa. A Google često pogrešno nagađa.

Razlika između 2% i 8% stope klikova često je samo bolji naslovni tag i opis. Na stranici sa 1,000 mjesečnih prikaza, to je 60 dodatnih posjetilaca mjesečno — bez ikakvih troškova.

Šta Pokriva On-Page SEO

On-page optimizacija obuhvata 8 područja:

1. Naslovni Tagovi — Plavi link u pretraživačkim rezultatima
2. Meta Opisi — Sivi tekst ispod linka
3. Open Graph & Društveno — Kako vaše stranice izgledaju kada se dijele
4. Hijerarhija Naslova — Struktura sadržaja koja signalizira relevantnost
5. Strukturirani Podaci — Bogati rezultati (zvijezde, cijene, FAQ)
6. Optimizacija Slika — Alt tekst, nazivi datoteka i lenjo učitavanje
7. Unutrašnji Anchor Tekst — Šta vaši vlastiti linkovi govore o vašim stranicama
8. Označavanje Vijesti & Članaka — Google Vijesti, Discover i AI pretraživači

1. Naslovni Tagovi

Naslovni tag je najuticajniji on-page element. To je plavi klikabilni link u pretraživačkim rezultatima, tekst na kartici pretraživača i direktni faktor rangiranja.

Pravila za visokoefikasne naslovne tagove:

• 50-60 karaktera (Google skraćuje na ~60)
• Glavna ključna riječ blizu početka
• Jedinstveni na svakoj stranici na vašoj web stranici
• Privlačni za ljude, ne samo za algoritme
• Ime branda na kraju (ako prostor dozvoljava)

Formule koje funkcionišu:

| Tip Stranice | Formula | Primjer | |--------------|---------|---------| | Početna Stranica | [Brand] — [Vrijednost] | LANGR — SEO Automatizacija za Rast Bivših Biznisa | | Proizvod | [Proizvod] — [Korist] | [Brand] | Pro Plan — Dnevno Praćenje SEO | LANGR | | Blog | [Tema]: [Obećanje] ([Godina]) | Naslovni Tagovi: Potpuni Vodič (2026) | | Kategorija | [Kategorija] — [Kontekst] | [Brand] | Patike za trčanje — Muška Kolekcija | Nike |

Uobičajene greške:

• Isti naslov na više stranica (duplikati titlova)
• Preopterećenje ključnim riječima: "SEO SEO Vodič SEO Savjeti SEO Pomoć"
• Prekratak: "Početna" ili "Proizvodi"
• U potpunosti nedostaje (Google generiše jedan iz vašeg sadržaja — obično loše)

Brza pobjeda: Izvezite sve svoje naslovne tagove (Screaming Frog ili provjerite Search Console). Pronađite duplikate i stranice sa titulama ispod 30 karaktera. Prvo ih popravite.

2. Meta Opisi

Meta opisi ne utiču direktno na rangiranje, ali dramatično utiču na stopu klikova. Oni su vaša reklamna kopija u organskim rezultatima.

Pravila:

• 120-155 karaktera (mobilni uređaji skraćuju ranije)
• Uključite svoju glavnu ključnu riječ (Google ističe podudarne pojmove)
• Uključite poziv na akciju ("Saznajte kako", "Započnite", "Pogledajte cijene")
• Jedinstveni po stranici (duplikati se zamjenjuju Google-ovim auto-isječkom)
• Podudaranje sa namjerom pretraživanja (informativno, transakcijsko, navigacijsko)

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

Primjer: "Saznajte o 8 meta tagova koji direktno utiču na rangiranje. Praktični savjeti sa primjerima prije/poslije. Započnite optimizaciju danas."

Kada Google ignoriše vaš opis: Google piše ~70% meta opisa kako bi bolje odgovorio na specifično pitanje. Ne možete to spriječiti, ali dobro napisan opis se još uvijek koristi češće nego loš. Također se pojavljuje u dijeljenju na društvenim mrežama i u pregledima linkova.

Brza pobjeda: Prvo napišite opise za svojih 20 stranica sa najviše prometa. Prioritet dajte stranicama na kojima Search Console prikazuje visoke prikaze, ali nisku CTR.

3. Open Graph & Društveni Meta

Kada neko dijeli vaš link na Facebook-u, LinkedIn-u, Twitter/X-u ili u aplikaciji za poruke, Open Graph tagovi kontrolišu preglednu karticu koja se prikazuje.

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:

• Minimalne dimenzije 1200x630px za velike kartice
• Veličina datoteke ispod 8MB
• Koristite tekst na slikama štedljivo (pravilo 20%)
• Testirajte sa Facebook Debugger-om i Twitter Card Validator-om

Brza pobjeda: Kreirajte jedan visokokvalitetni OG slika šablon za vašu marku. Koristite ga kao podrazumevanu, a zatim kreirajte prilagođene slike za svojih 10 najboljih stranica.

4. Hijerarhija Naslova

Naslovi (H1-H6) pružaju pretraživačima pregled sadržaja. Oni signaliziraju o čemu se radi na vašoj stranici i koji dijelovi su najvažniji.

Pravila:

• Tačno jedan H1 po stranici (vaša glavna tema/ključna riječ)
• H2 za glavne sekcije (ove često postaju odgovori u istaknutim isječcima)
• H3 za podsekcije unutar H2-a
• Nikada ne preskočite nivoe (H1 → H3 bez H2)
• Koristite ključne riječi prirodno u naslovima, ne prisilno
• Pložite važne riječi naprijed (skeneri čitaju prvih 3 riječi)

SEO uticaj:

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

Primjer strukture:

H1: Kako Odabrati Patike za Trčanje
  H2: Tip Stopala i Pronation
    H3: Overpronation
    H3: Neutral
    H3: Underpronation
  H2: Kategorije Patika
    H3: Cestovno Trčanje
    H3: Trail Trčanje
  H2: Kada Zameniti Vaše Patike

Brza pobjeda: Provjerite svoje najbolje stranice — ako bilo koja ima više od jednog 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 tačno šta vaš sadržaj predstavlja. Omogućava bogate rezultate — poboljšane prikaze sa zvijezdama, cijenama, FAQ, koracima kako do i još mnogo toga.

Šema sa visokim ROI:

| Šema | Bogat Rezultat | Najbolje za | |------|----------------|-------------| | FAQ | Proširiva Q&A direktno u SERP-u | Stranice usluga, stranice proizvoda | | HowTo | Korak-po-korak sa slikama | Tutorijal/guide sadržaj | | Article | Autor, datum, slika u rezultatima | Blog postovi, vijesti | | Product | Cijena, ocjena, dostupnost | E-trgovina | | LocalBusiness | Karta, radno vreme, recenzije | Fizičke firme | | BreadcrumbList | Navigacija putem staze 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 mjerljive poboljšanja unutar 3-6 mjeseci..."
    }
  }]
}

Pravila:

• Označite samo sadržaj koji je zaista vidljiv na stranici
• Ne fabricirajte recenzije ili ocjene
• Validirajte sa Google-ovim Alatom za Bogate Rezultate
• Pratite u Search Console → Poboljšanja

Brza pobjeda: Dodajte FAQ shemu na svojih 5 najboljih stranica usluga/proizvoda. Napišite 3-5 iskrenih pitanja i odgovora za svaku. Ovo može udvostručiti vašu SERP imovinu preko noći.

6. Optimizacija Slika

Slike su često najveći usko grlo performansi i zapostavljena SEO prilika. Google Images pokreće značajan promet za mnoge stranice.

5 osnovnih stvari:

1. Alt tekst: Opišite šta se nalazi na slici (za pristupačnost + SEO). Uključite ključne riječi kada je prirodno: alt="Nike Air Max 2026 patika za trčanje u crnoj boji", ne alt="patika" 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). SVG za ikone/logotipe. Izbjegavajte PNG za fotografije.
4. Lenjo učitavanje: Dodajte loading="lazy" slikama ispod vidnog polja. Nikada ne učitavajte lenjo glavnu sliku.
5. Dimenzije: Uvijek navedite width i height atribute kako biste spriječili pomjeranje rasporeda (CLS).

Brza pobjeda: Pronađite svojih 10 najvećih slika (PageSpeed Insights ih označava). Pretvorite u WebP i dodajte odgovarajući alt tekst. Ovo poboljšava performanse i vidljivost pretrage slika.

7. Unutrašnji Anchor Tekst

Klikabilni tekst u vašim unutrašnjim linkovima govori pretraživačima o čemu se radi na ciljnoj stranici. Većina sajtova ovaj trenutak prokocka koristeći "kliknite ovdje" ili "pročitajte više."

Pravila:

• Koristite deskriptivan anchor tekst koji uključuje relevantne ključne riječi
• Varirajte anchor tekst (ne koristite identičan tekst za svaki link ka stranici)
• Linkujte sa stranica visokog autoriteta ka stranicama koje želite aktivirati
• Linkujte kontekstualno unutar sadržaja, 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 stope klikova"

Brza pobjeda: Pretražite svoj sajt za "kliknite ovdje" i "pročitajte više" linkove. Zamijenite ih deskriptivnim anchor tekstom koji sadrži relevantne ključne riječi.

8. Označavanje Vijesti & Članaka

Ako objavljujete blog postove, vijesti ili bilo koji sadržaj koji se redovno ažurira, optimizovano označavanje vijesti otključava Google Vijesti, Google Discover i povlašten tretman od strane AI pretraživača.

Članak shema (obavezno za 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š Brand",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": "https://yoursite.com/article-hero.jpg",
  "mainEntityOfPage": "https://yoursite.com/article-url"
}

Koristite NewsArticle protiv Article:

• NewsArticle — za vijesti o vremenskim događajima (događaji, najave)
• Article — za evergreen blog postove i vodiče
• BlogPosting — za članke sa mišljenjem i lične blogove

Optimizacija za Google Vijesti & Discover:

• Visokokvalitetna glavna slika (minimalno 1200px široka, max-image-preview:large meta)
• Datum objavljivanja jasno vidljiv na stranici
• Ime autora sa linkom na stranicu autora
• Originalno izvještavanje ili jedinstvena analiza (ne prepravke)
• robots meta: max-snippet:-1, max-image-preview:large (dozvolite pune pregledne prikaze)

Robots meta za vijesti:

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

Ovo govori Google-u da može koristiti velike slike i cijeli tekst u Discover karticama i vijestima.

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

• Blog strategija: Označavanje članaka omogućava vašem sadržaju da se prikazuje u Discover-u (potencijalno hiljade prikaza po postu)
• Zarađivanje linkova: Sadržaj indeksiran za vijesti citiraju drugi mediji, zarađujući prirodne povratne linkove
• AI pretraživači: ChatGPT, Perplexity i drugi AI sistemi preferencijalno citiraju izvore sa odgovarajućim označavanjem članaka i jasnom autorstvom
• Monitorisanje brenda: Spominjanja vijesti o vašem brendu (praćene putem skenera poput LANGR-ovog News Scanner-a) otkrivaju mogućnosti za izgradnju linkova i PR

Brza pobjeda: Dodajte članak shemu na sve svoje blog postove. Osigurajte da svaki ima vidljiv datum, ime autora i glavnu sliku širu od 1200px. Omogućite max-image-preview:large u vašem robots meta.

On-Page SEO Revizorska Lista

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

• [ ] Jedinstven naslovni tag, 50-60 značenja, ključna riječ blizu početka
• [ ] Jedinstven meta opis, 120-155 značenja, uključuje CTA
• [ ] Postavljeni Open Graph tagovi (naslov, opis, slika, url)
• [ ] Tačno jedan H1 koji sadrži glavnu ključnu riječ
• [ ] Logična hijerarhija naslova (H1 → H2 → H3, bez preskakanja)
• [ ] Strukturirani podaci dodani i validirani (FAQ, Članak, Proizvod, itd.)
• [ ] Slike: WebP format, deskriptivan alt tekst, lenje učitavanje ispod vidnog polja
• [ ] Unutrašnji linkovi koriste deskriptivan anchor tekst
• [ ] Članak shema na svim blog/news sadržajima sa datePublished + autorom
• [ ] max-image-preview:large meta robots tag na stranicama sa sadržajem

Uobičajene On-Page Greške (Rangirane po Uticaju)

1. Duplikati naslovnih tagova — Više stranica koje se takmiče same sa sobom
2. Nedostajući meta opisi — Dajući Google-u da nagađa (i pogrešno nagađa)
3. Nema strukturiranih podataka — Nedostajući bogati rezultati koje vaši konkurenti imaju
4. Naslovi preopterećeni ključnim riječima — "SEO Savjeti SEO Vodič SEO Pomoć SEO 2026"
5. Nedostajući alt tekst na slikama — Nevidljivo za pretraživače + neuspjeh u pristupačnosti
6. Nema označavanja članaka na blog postovima — Nevidljivo za Vijesti/Discover/AI
7. Generički anchor tekst — "Kliknite ovdje" ne uči Google ništa
8. Ista OG slika svuda — Svi vaši dijelovi izgledaju identično

Šta dalje?

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

---

Ovaj vodič je dio LANGR-ove serije od 13 koraka SEO. Napravite besplatnu reviziju da vidite gde vaša stranica stoji u svim 13 disciplina.