Višejezične web-stranice i hreflang

Modul 3: Tehnička osnova stranice · Vrijeme čitanja: 12 min

Cilj učenja: Nakon ove lekcije moći ćete ispravno postaviti hreflang za web-stranicu na više jezika ili za više zemalja te provjeriti jesu li poveznice uzajamne.

Ključni pojmovi: jezična verzija, hreflang, kod jezika (ISO 639-1), kod zemlje (ISO 3166-1 alpha-2), kod pisma (ISO 15924), x-default, uzajamnost (povratna poveznica), poveznica na samu sebe, HTML, HTTP zaglavlje ili karta web-stranice, zasebne adrese po jeziku, bez automatskog preusmjeravanja prema jeziku, atribut lang

Problem: koju verziju prikazati?

Bloemenatelier Lotte raste. Dolazi engleska verzija stranice za turiste i strance koji ondje žive te njemačka za kupce odmah preko granice. Ista stranica s vjenčanim buketima sada postoji tri puta:

https://www.example.com/bruidsboeketten          (nizozemski)
https://www.example.com/en/bridal-bouquets       (engleski)
https://www.example.com/de/brautstraeusse        (njemački)

Tražilica pri svakom upitu mora odabrati koju će od te tri verzije prikazati. Netko u Kölnu tko pretražuje na njemačkom treba dobiti njemačku verziju, a ne nizozemsku. Pomoću hreflang oznake tražilici govorite koje su stranice jezične verzije jedna druge i za koji je jezik ili koju zemlju svaka verzija namijenjena.

hreflang nije trik za bolje rangiranje. On samo osigurava da se prava verzija pojavi na pravom mjestu. Nije ni prepoznavanje jezika: Google navodi da hreflang i HTML atribut lang ne koristi za određivanje jezika stranice; to radi sam, na temelju teksta. Atribut lang (<html lang="nl">) ipak postavite ispravno, zbog preglednika, programa za prevođenje i čitača zaslona.

Najprije osnova: zasebne adrese

Google preporučuje zasebnu adresu za svaku jezičnu verziju i ne preporučuje mijenjanje jezika pomoću kolačića ili postavki preglednika na istoj adresi. Razlog je praktičan: Googlebot uglavnom indeksira iz Sjedinjenih Američkih Država. Ako se sadržaj na jednoj adresi mijenja ovisno o tome tko gleda, Googlebot možda vidi samo jednu verziju.

Iz istog razloga: ne preusmjeravajte posjetitelje automatski na drugu jezičnu verziju na temelju njihova jezika ili lokacije. Google to izričito ne preporučuje. Nizozemac na odmoru u Njemačkoj želi nizozemsku stranicu; radije na stranicu stavite jasan izbor jezika i omogućite svima pristup svim verzijama.

Koristite li zemlje umjesto jezika, sa zasebnim domenama poput example.de i example.nl, vrijedi isto. Verzije ne moraju biti na istoj domeni.

Kako hreflang izgleda

U zaglavlju <head> svake jezične verzije nalazi se isti skup redaka:

<link rel="alternate" hreflang="nl" href="https://www.example.com/bruidsboeketten">
<link rel="alternate" hreflang="en" href="https://www.example.com/en/bridal-bouquets">
<link rel="alternate" hreflang="de" href="https://www.example.com/de/brautstraeusse">
<link rel="alternate" hreflang="x-default" href="https://www.example.com/bruidsboeketten">

Četiri pravila koja trebate znati:

1. Svaka verzija navodi samu sebe i sve ostale. Engleska stranica stoga ima potpuno iste četiri retke, uključujući redak za en koji upućuje na nju samu.
2. Poveznice moraju biti uzajamne. Ako nizozemska stranica upućuje na njemačku, njemačka mora upućivati natrag na nizozemsku. Google kaže: ako dvije stranice ne upućuju jedna na drugu, poveznice se zanemaruju. To je najčešća pogreška i zato je zadatak ove lekcije provjerava.
3. Potpune adrese. S https://. Putanja poput /en/bridal-bouquets ili //www.example.com/en/... ne vrijedi.
4. U urednom <head> dijelu. Retci se nalaze u dijelu <head> HTML-a. Ako se zaglavlje ranije prekine, primjerice zbog samostalnog elementa <img> ili <div> koji tamo ne pripada, tražilica može smatrati da je zaglavlje završilo i propustiti ostatak.

Kodovi

Vrijednost atributa hreflang je kod jezika, po potrebi s kodom zemlje iza njega:

Kod jezika dolazi iz norme ISO 639-1 (dva slova), a kod zemlje iz norme ISO 3166-1 alpha-2. Velika i mala slova nisu važna, ali uobičajeno je jezik malim, a zemlju velikim slovima. Tri zamke:

• Samo zemlja nije moguća. hreflang="be" znači bjeloruski (kod jezika be), a ne Belgija. Zemlja uvijek stoji iza jezika: nl-BE ili fr-BE.
• en-UK ne postoji. Kod zemlje za Ujedinjeno Kraljevstvo je GB. Google navodi da kodovi poput EU, UN ili UK nemaju učinka.
• Zemlju koristite samo ako se verzije stvarno razlikuju (druge cijene, valuta, dostava, pravopis). Imate li jednu njemačku verziju za sve, jednostavno koristite de.

x-default

x-default nije obavezan. Njime označavate stranicu za posjetitelje kojima ne odgovara nijedna od Vaših verzija, primjerice nekoga tko govori francuski. Često je to Vaš glavni jezik ili stranica na kojoj posjetitelj sam bira jezik.

Tri načina, odaberite jedan

Google poznaje tri ravnopravna načina navođenja hreflang oznaka:

1. U HTML-u, s retcima <link> u zaglavlju, kao gore. Najčešće se koristi.

2. Kao HTTP zaglavlje Link, praktično za datoteke bez HTML-a, poput PDF-a:

   Link: <https://www.example.com/en/price-list.pdf>; rel="alternate"; hreflang="en"

3. U karti web-stranice (sitemap), s retcima xhtml:link za svaki <url>. Praktično za velike web-stranice jer stranice tada ne postaju teže.

Ne morate ih kombinirati. Koristite li ih više, moraju govoriti potpuno isto.

hreflang i canonical zajedno

hreflang i canonical (lekcija 3.5) rade zajedno, ali ih nemojte miješati:

• Svaka jezična verzija ima canonical na samu sebe. Engleska stranica nije kopija nizozemske, pa ne upućuje na nizozemsku kao kanonsku adresu. Učinite li to, poručujete "engleska stranica zapravo ne postoji" i ona ispada iz indeksa.
• Adrese u hreflang oznakama su kanonske adrese verzija. Ako hreflang upućuje na adresu koja preusmjerava, vraća 404, ima noindex ili ima canonical prema nekoj drugoj adresi, grupa se raspada.

Pri određivanju kanonske adrese Google radije bira adrese koje su dio hreflang grupe. Uredna grupa stoga pomaže i Vašoj kanonizaciji.

U praksi: neka to radi sustav

Ručno održavanje hreflang oznaka sklono je pogreškama: s deset jezika i sto stranica to je tisuću redaka koji svi moraju biti točni. Prepustite to svom sustavu za izradu web-stranica. AI Builder tvrtke WebOké na višejezičnoj stranici na svaku stranicu postavlja hreflang poveznice prema istoj stranici na drugim jezicima, uz x-default prema glavnom jeziku, a stranicu bez prevedenog para namjerno izostavlja iz grupe. U WordPressu isto rade dodaci za višejezičnost. Kod drugih alata za izradu web-stranica to ćete pronaći pod nazivima poput "jezici" ili "međunarodno". Nakon toga sami provjerite jesu li poveznice u oba smjera ispravne; to radi zadatak.

Sažetak

• hreflang govori koje su stranice jezične ili državne verzije jedna druge; ne prepoznaje jezik i nije trik za rangiranje.
• Svaka verzija ima vlastitu adresu, bez automatskog preusmjeravanja prema jeziku ili lokaciji.
• Svaka verzija navodi samu sebe i sve ostale, s potpunim adresama, a svaka se poveznica mora vratiti; inače je Google zanemaruje.
• Kodovi: jezik iz ISO 639-1, po potrebi sa zemljom iz ISO 3166-1 alpha-2 (en-GB, a ne en-UK); x-default za sve ostale.
• Svaka verzija ima canonical na samu sebe; hreflang upućuje samo na kanonske adrese koje vraćaju 200.

Kviz

Zadatak

Zadatak A3.6: Jesu li Vaše hreflang poveznice uzajamne? Unesite adresu stranice koja postoji na više jezika. Program prikuplja hreflang poveznice iz zaglavlja i iz HTTP zaglavlja Link, provjerava kodove i poveznicu na samu sebe, dohvaća svaku drugu jezičnu verziju i provjerava upućuje li ona natrag, vraća li 200, nema li noindex i ima li canonical na samu sebe. Nemate vlastitu višejezičnu stranicu? Koristite https://european-union.europa.eu/index_nl.

Dodatno štivo

• Google Search Central, Obavijestite Google o lokaliziranim verzijama svoje stranice: https://developers.google.com/search/docs/specialty/international/localized-versions
• Google Search Central, Upravljanje višejezičnim i međunarodnim web-lokacijama: https://developers.google.com/search/docs/specialty/international/managing-multi-regional-sites
• Google Search Central, Objedinjavanje dupliciranih URL-ova: https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
• Kodovi jezika ISO 639 (Library of Congress): https://www.loc.gov/standards/iso639-2/php/code_list.php