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.

Hreflang Tag: Guide for Multilingual Websites

Pregled

Hreflang je HTML/hyperlink signal koji dodajete na stranice, u HTTP zaglavlja ili XML sitemape kako biste deklarirali jezik i opcionalno regionalno ciljanje za alternativne URL-ove. Tražilice koriste hreflang da odaberu najprikladniji lokalizirani URL za korisnika u određenom jeziku ili regiji. Hreflang utječe na to koju varijantu tražilica indeksira i prikazuje za upite u tom jeziku ili lokalitetu; nije izravan signal za rangiranje koji sam određuje redoslijed u rezultatima pretraživanja.

Ključne točke na brzinu: hreflang unosi moraju biti dosljedni između varijanti, sadržavati samoreferencijalnu vezu, koristiti ispravne jezično-regionalne kodove (ISO 639-1 / ISO 3166-1), i biti primijenjeni na verziju koju crawler koristi za indeksiranje — za Google to znači da je mobilna verzija primarni temelj (Google crawla koristeći Googlebot Smartphone prema zadanim postavkama od srpnja 2024.).

Korak po korak

Upotrijebite ove korake za pouzdanu implementaciju hreflang-a.

1) Choose your codes and canonical strategy

Decide whether to use language-only codes (for example "en"), language-region codes (for example "en-GB"), or both. Keep canonical and hreflang consistent: each localized page can have a self-referential hreflang and its own canonical; do not point hreflang to a canonical that differs in language.

2) Choose placement: link element, HTTP header, or XML sitemap

There are three common ways to declare hreflang. Each has tradeoffs:

- HTML <link> elements in the <head> — pros: simple, easy to audit in source; cons: requires identical head on all device versions (ensure mobile parity). Example: <link rel="alternate" hreflang="en" href="https://example.com/en/">

- HTTP headers — pros: useful for non-HTML files (PDFs); cons: harder to manage and audit. Example header: Link: <https://example.com/fr/>; rel="alternate"; hreflang="fr"

- XML sitemaps with <xhtml:link> entries — pros: centralised for large sites and sitewide variants; cons: must maintain accurate URLs and ensure sitemap is accessible to crawlers.

3) Implement a full bi-directional set (reciprocity)

Every alternative URL you list must also list every other alternative (including the source) back. For example, page A lists A, B and C; page B must list A, B and C; page C must list A, B and C. Reciprocity reduces ambiguity for crawlers and helps correct variant selection.

Uobičajeni problemi

Tipične greške u implementaciji na koje treba paziti i kako utječu na indeksiranje i prikazivanje.

- Pogrešni ili nedosljedni kodovi (miješanje en i en-US) — mogu uzrokovati da tražilice ignoriraju unose ili odaberu drugu varijantu.

- Nedostajući samoreferencijalni tag — ako stranica ne uključi samu sebe u popis, reciprocitet ne funkcionira i odabir alternative može biti netočan.

- Neindeksabilne ili blokirane stranice (noindex, robots disallow) — alternativa koja nije indeksabilna obično je manje korisna; tražilice je mogu ignorirati pri sastavljanju skupa varijanti.

- Miješanje relativnih i apsolutnih URL-ova, ili neusklađenost HTTP/HTTPS — koristite apsolutne, canonicalizirane URL-ove koji se podudaraju s verzijom kojoj crawleri pristupaju.

Kako provjeriti i otkloniti probleme

Verifikacija ovisi o tome jeste li vlasnik sajta ili auditirate stranice treće strane. Za stranice koje posjedujete koristite Google Search Console URL Inspection kako biste vidjeli kako je Google indeksirao stranicu i koju je varijantu odabrao. Za bilo koji sajt koristite HTTP i rendered provjere s uobičajenim alatima u nastavku.

Alati i naredbe

Chrome DevTools (View Source i Elements) — provjerite da su <link rel="alternate" hreflang="..."> unosi prisutni u poslanom HTML-u i vidljivi na stranici koja je odgovorna za mobilnu verziju.

curl -I https://example.com/path/ — prikazuje samo response headers (korisno za provjeru serverskih zaglavlja i link zaglavlja).

curl https://example.com/path/ — dohvaća HTML tijelo; use curl -A "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)" https://example.com/path/ da vidite što server vraća korisničkom agentu Googlebot (nemojte ovo koristiti za cloaking — samo za audit kako server odgovara).

Bing Webmaster Tools Site Explorer — provjerite ponašanje crawl-a i index signale za Bing.

Napomena: URL Inspection u Google Search Console je autoritativan za stranice koje posjedujete; za stranice trećih strana morate se osloniti na javne fetch-e i indexacijske signale kao što su site: upiti (koji su indikativni, ne definitivni).

Praktični kontrolni popis

- **Hreflang present on canonical/mobile version** — where to verify: view-source or curl as mobile UA — passes when all variants list the same set of hreflang entries.
- **Self-referential entry** — where to verify: page source — passes when the current URL appears in the set.
- **Reciprocity across variants** — where to verify: check each variant's source or sitemap — passes when every variant lists every alternative.
- **Indexability of alternates** — where to verify: URL Inspection (own site) or site: operator and public fetch — passes when alternates are crawlable and not blocked by robots or noindex.
- **URL canonical and protocol parity** — where to verify: HTTP headers and canonical link — passes when hreflang href values match canonical and use the same scheme (https/http) that users and crawlers reach.
- **x-default for fallback** — where to verify: page source or sitemap — passes when a sensible fallback (homepage or language selector landing) is marked with hreflang="x-default".

Prije FAQ-a: ako želite detaljniju tehničku referencu, pogledajte Read the Technical SEO Guide

Često postavljana pitanja

Poboljšava li hreflang rangiranje?

Hreflang pomaže tražilicama prikazati odgovarajuću jezičnu/regionalnu varijantu i može smanjiti zbrku zbog dupliciranog sadržaja, ali nije samostalan boost za rangiranje. U poretku rezultata sudjeluje mnogo signala za rangiranje.

Kada koristiti hreflang, a kada zasebne stranice za svaku državu?

Koristite hreflang kada imate jezične ili regionalne varijante bitno sličnog sadržaja hostane na različitim URL-ovima (subdirektoriji, poddomene ili ccTLD). Zasebne stranice po državama su prikladne kada se sadržaj i poslovna pravila značajno razlikuju po tržištu.

Treba li mi x-default tag?

x-default se preporučuje za nejasne slučajeve (npr. landing stranica za izbor jezika) kako bi tražilice imale jasan fallback kada ne postoji precizno jezično podudaranje.

Može li se hreflang koristiti zajedno s canonical tagovima?

Da. Svaka lokalizirana stranica može imati canonical koji pokazuje na samu sebe i uključiti hreflang unose koji navode ostale lokalizirane verzije. Izbjegavajte usmjeravanje hreflang-a na canonical koji predstavlja drugu jezičnu varijantu.

Završna napomena: hreflang pomaže indeksiranju i odabiru varijante ali mora biti implementiran i održavan dosljedno; redovni auditi pomoću browser DevTools, curl-a i Search Console (za svoj sajt) su najpouzdaniji način za otkrivanje regresija.

Izgradite autoritet s kvalitetnim backlinksima. Tehnički SEO i ispravno međunarodno ciljanje su ključni dijelovi organskog rasta; autoritet iz relevantnih, indeksabilnih pozicija nadopunjuje ispravnu hreflang postavku i pomaže korisnicima da otkriju pravu varijantu.