Title tagovi: što su i kako rade
Title tagovi su HTML <title> element u <head> stranice koji signalizira temu stranice preglednicima i tražilicama; utječu na naslove u rezultatima pretraživanja, signale relevantnosti i ponašanje klikova, ali sami po sebi ne određuju rangiranje.
Što su title tagovi?
Title tag je HTML <title> element smješten u <head> stranice. On imenuje glavnu temu stranice za preglednike, oznake (bookmarks) i tražilice. Tražilice često koriste title tag kao glavni tekst u naslovima rezultata pretraživanja, iako ga mogu prepisati. Title tagovi su odvojeni od vidljivih zaglavlja (H1) i od metapodataka za dijeljenje društvenih mreža poput og:title, no svi bi trebali biti usklađeni radi jasnoće.
Zašto title tagovi važni za SEO
Title tagovi su važni jer su eksplicitan signal relevantnosti i često su prvi tekst koji korisnik vidi u SERP-u. Jasan i točan naslov pomaže tražilicama da tijekom indeksiranja razumiju temu stranice i može poboljšati click-through rate (CTR) kada su prikazani u rezultatima. Ipak, naslovi su jedan od mnogih signala: mogu utjecati na relevantnost pri indeksaciji i na CTR, ali sami po sebi ne određuju poredak—rangiranje je algoritamski proces koji uzima u obzir više signala.
Kako title tagovi rade
Kada crawleri dohvaćaju stranicu, HTML <title> u headu se parsira kao snažan pokazatelj teme stranice. Google koristi mobilnu verziju stranice kao primarnu osnovu za crawling i indeksiranje; since July 2024 Googlebot Smartphone je zadani crawler za Search, zato provjeri da tvoj mobilni HTML sadrži željeni naslov. Tražilice mogu prepisati naslov prikazan u SERP-u koristeći sadržaj stranice, strukturirane podatke ili vanjske signale ako procijene da druga oznaka bolje odgovara namjeri korisnika.
HTML primjer: jednostavan naslov stranice u headu izgleda ovako: <a href="https://example.com" rel=""> <title>Example page title</title> </a>. Za plaćene linkove ili UGC, sam naslov ne prihvaća rel atribute — rel atributi se odnose na anchor tagove. Izbjegavaj generiranje naslova pomoću client-side JavaScript koji se pokreće tek nakon renderiranja, osim ako ne potvrdiš da crawleri vide isti konačni HTML.
Vrste title tagova
Uobičajeni obrasci title tagova i njihovi kompromisi:
• Static page titles — Jedinstveni, ručno napisani naslovi za pojedinačne stranice. Prednosti: najveći potencijal relevantnosti i CTR-a. Nedostaci: zahtijeva puno vremena na većim sajtovima.
• Templated titles — Obrasci za cijeli sajt poput "{category} | {brand}" generirani od strane CMS-a. Prednosti: dosljedno brendiranje, brzo. Nedostaci: rizik od dupliciranih ili površnih naslova ako predlošci izostave specifični kontekst.
• Paginated and faceted titles — Naslovi za stranice generirane iz filtera ili paginiranih serija. Prednosti: pomaže korisnicima se orijentirati. Nedostaci: može stvoriti gotovo identične naslove; koristi opisne dodatke (broj stranice, naziv filtera) i canonical gdje je primjereno.
• Social-focused titles (og:title) — Nisu isto što i <title> element, ali ih koriste društvene mreže. Drži og:title usklađen s HTML naslovom gdje je moguće kako bi izbjegao neusklađene poruke pri dijeljenju.
Kako započeti s title tagovima
Brzi praktični koraci za implementaciju ili poboljšanje title tagova:
1) Auditiraj postojeće naslove pomoću crawlера (Screaming Frog, Sitebulb) kako bi pronašao nedostajuće ili duplicirane naslove. 2) Daj prioritet URL-ovima s velikim prometom i visokom vidljivošću iz Search Console Performance report za hitne popravke. 3) Primijeni jedinstvene, opisne naslove koji odgovaraju namjeri i sadržaju stranice; izbjegavaj keyword stuffing. 4) Za veće sajtove, izradi jasna pravila templatinga koja uključuju jedinstvene elemente (tema, modifikator, broj stranice) i testiraj ih na uzorku prije primjene na cijeli sajt.
Title tagovi: provjera i rješavanje problema
Provjeri što crawleri vide (vlastite stranice)
Koristi Google Search Console URL Inspection za stranice koje posjeduješ kako bi potvrdio indeksiranu stranicu i signale 'Page availability' i 'Indexing'. URL Inspection je autoritativan za tvoju vlasnost; prikazuje crawled HTML pregledane stranice i je li URL indeksiran. Zapamti: URL Inspection izvještava o indeksaciji i dohvaćanju, ne o konačnoj poziciji u rangiranju.
Provjeri HTML i renderirani naslov (stranice trećih strana ili opći pregledi)
Da vidiš sirovi HTML naslov, koristi curl: curl -A "Mozilla/5.0 (compatible)" https://example.com | grep -i "<title". Za provjeru samo headera: curl -I https://example.com. Da potvrdiš naslov nakon client-side renderiranja, otvori Chrome DevTools → Elements i pregledaj <title> element ili vidi renderirani DOM. Izbjegavaj oslanjanje samo na server-side odgovore ako tvoj sajt mijenja naslove putem JavaScript-a.
Provjeri prikaz u SERP-u i prepisivanja naslova
Izvedi privatne/incognito pretrage za ključne upite i usporedi prikazani naslov rezultata s izvornim naslovom. Imaj na umu da Google može prepisati naslove; signali prepisivanja često odražavaju percipiranu namjeru korisnika ili vanjske anchor tekstove. Koristi Search Console's Performance report za mjerenje promjena CTR-a nakon izmjena naslova: usporedi impresije, klikove i prosječni CTR prije i poslije promjene da bi utvrdio utjecaj.
Praktični kontrolni popis: tehničke provjere title tagova
**Title present in HTML** — gdje provjeriti: curl ili view-source — prolazi ako <title> element postoji u headu i sadrži smislen tekst.
**Rendered title visible to users** — gdje provjeriti: Chrome DevTools Elements panel — prolazi ako naslov u renderiranom DOM-u odgovara namjeravanom tekstu (ili namjernoj varijanti).
**Not truncated in typical SERP widths** — gdje provjeriti: ručne provjere SERP-a na mobilnom i desktopu — prolazi ako najvažnije riječi pojavljuju unutar uobičajenih duljina prikaza (izbjegavaj skrivati bitno na kraju).
**Uniqueness across important pages** — gdje provjeriti: crawler export ili lista stranica u Search Console — prolazi ako stranice velike vrijednosti imaju različite naslove koji odražavaju različite namjere.
**Indexability check** — gdje provjeriti: Search Console URL Inspection (vlastite stranice) ili operator site: kao indikaciju — prolazi kad je stranica indeksabilna (noindex tag odsutan, robots.txt omogućuje crawlanje) i Google prikazuje stranicu u rezultatima pretraživanja ili izvještajima o indeksiranju. Napomena: site: je javni indikator i nije konačan dokaz.
Česte pogreške kod title tagova
• Missing titles — stranice bez <title> elementa natjeraju tražilice i preglednike da generiraju oznake, što često smanjuje CTR. • Duplicate titles — predlošci ili paginirane stranice s istim naslovima smanjuju jasnoću i mogu naštetiti relevantnosti pri indeksiranju. • Keyword stuffing — ponavljanje ključnih riječi ili dugački popisi ključnih riječi narušavaju čitljivost i mogu navesti tražilice da preferiraju prepisani naslov. • Relying on client-side JS to set titles without validating crawler visibility — crawleri koji dohvaćaju mobilni HTML možda neće vidjeti promjene nakon renderiranja. • Titles that contradict page content — naslovi koji su u sukobu sa sadržajem stranice mogu povećati bounce rate i potaknuti prepisivanja u SERP-u.
Izbjegavanje tih pogrešaka poboljšava kako tražilice indeksiraju tvoj sadržaj i kako ljudi vrednuju rezultate u SERP-u.
Često postavljena pitanja
P: Koliko bi title tag trebao biti dug?
O: Nema fiksnog ograničenja znakova jer tražilice renderiraju naslove u pikselima i mogu ih skratiti ovisno o uređaju. Ciljaj na sažete, opisne naslove koji najvažnije riječi stavljaju na početak; testiraj prikaz na desktop i mobile SERP-ovima.
P: Hoće li promjena title tagova odmah promijeniti rang?
O: Ne nužno. Izmjene naslova mogu utjecati na signale relevantnosti pri indeksaciji i na CTR, što vremenom može utjecati na rangiranje. Promjene u rangiranju ovise o mnogim faktorima; koristi Search Console za praćenje impresija, klikova i CTR-a nakon promjene.
P: Zašto je Google prikazao drugačiji naslov od mog <title>?
O: Google može prepisati naslove kako bi bolje odgovarao namjeri upita, agregirao anchor tekst ili upotrijebio sadržaj na stranici koji smatra opisnijim. Prepisivanja se često događaju kada izvorni naslov nedostaje, je generički ili obmanjujući.
Technical SEO je samo dio organskog rasta. Izgradnja tematskog autoriteta također ovisi o kvalitetnim backlinks i uredničkom kontekstu. Izgradi autoritet kvalitetnim backlinks
Related terms
Meta oznake: vrste, primjena i najbolje SEO prakse
Meta oznake su HTML elementi koji pružaju metapodatke o stranici (naslov, opis, robots-direktive, oznake za pregled na društvenim mrežama i dr.). Tražilice i platforme ih čitaju kako bi utjecale na indeksiranje, SERP snippetove i prikaz.
On-page SEO: definicija, kontrolni popis i verifikacija
On-page SEO je optimizacija sadržaja stranice, HTML-a i UX-a kako bi bila relevantna, indeksabilna i korisna korisnicima i modernim tražilicama — pokriva mobile-first rendering, strukturirane podatke, kanonikale i performanse stranice.
Hreflang tag: što je i kako funkcionira
Hreflang tag govori tražilicama koju jezičnu i regionalnu verziju stranice prikazati korisnicima; pomaže tražilicama odabrati pravilnu varijantu za indeksiranje i prikaz, ali sam po sebi ne određuje poziciju u rezultatima.
Optimizacija za tražilice: definicija i kontrolni popis
Optimizacija za tražilice (SEO) je praksa poboljšanja vidljivosti web-stranice u rezultatima pretraživanja usklađivanjem sadržaja, tehničke postavke i korisničkog iskustva s načinima na koje tražilice crawljaju, indeksiraju i rangiraju — uključujući mobile-first crawling i AI-driven SERP features.
Ključne riječi u SEO-u: definicija, vrijednost i kontrolni popis
Ključne riječi u SEO-u su riječi i fraze koje korisnici upisuju u tražilice; usmjeravaju odabir tema, on-page signale, targetiranje za organic vidljivost i mjerenje performansi pretrage preko uređaja i SERP features.
Rangiranje u tražilicama: definicija i kako funkcionira
Rangiranje u tražilicama je poredak na kojem tražilice prikazuju indeksirane stranice za određeni upit; rangovi odražavaju brojne signale—relevantnost, backlinks, kvalitetu sadržaja, page experience i korisničku namjeru—te od 2024. do 2026. komuniciraju s AI overviews.