Monikieliset sivustot ja hreflang

Moduuli 3: Sivun tekninen perusta · Lukuaika: 12 minuuttia

Oppimistavoite: Tämän oppitunnin jälkeen osaat määrittää hreflangin oikein usealla kielellä tai useaan maahan suunnatulle sivustolle ja tarkistaa, ovatko viittaukset vastavuoroisia.

Keskeiset käsitteet: kieliversio, hreflang, kielikoodi (ISO 639-1), maakoodi (ISO 3166-1 alpha-2), kirjoitusjärjestelmän koodi (ISO 15924), x-default, vastavuoroisuus (paluuviittaus), viittaus itseensä, HTML, HTTP-otsake tai sivustokartta, omat osoitteet jokaiselle kielelle, ei automaattista uudelleenohjausta kielen perusteella, lang-attribuutti

Ongelma: minkä version näytät?

Bloemenatelier Lotte kasvaa. Sivustosta tulee englanninkielinen versio turisteille ja ulkomaalaisille asukkaille sekä saksankielinen versio asiakkaille aivan rajan takana. Sama morsiuskimppusivu on nyt olemassa kolmena versiona:

https://www.example.com/bruidsboeketten          (hollanti)
https://www.example.com/en/bridal-bouquets       (englanti)
https://www.example.com/de/brautstraeusse        (saksa)

Hakukoneen on jokaisen haun kohdalla valittava, minkä kolmesta se näyttää. Kölnissä saksaksi hakevan kuuluu saada saksankielinen versio, ei hollanninkielistä. hreflangilla kerrot hakukoneelle, mitkä sivut ovat toistensa kieliversioita ja mille kielelle tai maalle kukin versio on tarkoitettu.

hreflang ei ole sijoitusten parantamiskeino. Se huolehtii vain siitä, että oikea versio näkyy oikeassa paikassa. Se ei myöskään tunnista kieltä: Google kertoo, ettei se käytä hreflangia eikä HTML:n lang-attribuuttia sivun kielen päättelemiseen, vaan päättelee kielen itse tekstistä. Aseta lang-attribuutti (<html lang="nl">) silti oikein selaimia, käännösohjelmia ja ruudunlukijoita varten.

Ensin perusta: omat osoitteet

Google suosittelee omaa osoitetta jokaiselle kieliversiolle eikä suosittele kielen vaihtamista evästeiden tai selainasetusten avulla samassa osoitteessa. Syy on käytännöllinen: Googlebot indeksoi yleensä Yhdysvalloista käsin. Jos yhden osoitteen sisältö vaihtelee katsojan mukaan, Googlebot saattaa nähdä vain yhden version.

Samasta syystä älä ohjaa kävijöitä automaattisesti toiseen kieliversioon heidän kielensä tai sijaintinsa perusteella. Google kehottaa nimenomaan välttämään sitä. Saksassa lomaileva hollantilainen haluaa hollanninkielisen sivuston. Lisää sivulle mieluummin selkeä kielivalinta ja anna kaikkien päästä kaikkiin versioihin.

Sama pätee, jos käytät kielten sijaan maita ja erillisiä verkkotunnuksia, kuten example.de ja example.nl. Versioiden ei tarvitse olla samassa verkkotunnuksessa.

Miltä hreflang näyttää

Jokaisen kieliversion <head>-osassa on sama joukko rivejä:

<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">

Neljä sääntöä, jotka sinun on hyvä tietää:

1. Jokainen versio mainitsee itsensä ja kaikki muut. Englanninkielisellä sivulla on siis täsmälleen samat neljä riviä, myös itseensä osoittava en-rivi.
2. Viittausten on oltava vastavuoroisia. Jos hollanninkielinen sivu viittaa saksankieliseen, saksankielisen on viitattava takaisin hollanninkieliseen. Google sanoo: jos kaksi sivua eivät molemmat viittaa toisiinsa, viittaukset jätetään huomiotta. Se on yleisin virhe, ja siksi tämän oppitunnin tehtävä tarkistaa sen.
3. Täydet osoitteet. Mukaan https://. Polku kuten /en/bridal-bouquets tai //www.example.com/en/... ei kelpaa.
4. Siistissä <head>-osassa. Rivit ovat HTML:n <head>-osassa. Jos head-osa katkeaa aiemmin, esimerkiksi sinne kuulumattoman irrallisen <img>- tai <div>-elementin vuoksi, hakukone voi tulkita head-osan päättyneeksi ja ohittaa loput.

Koodit

hreflang-arvo on kielikoodi, jonka perässä voi olla maakoodi:

Kielikoodi tulee standardista ISO 639-1 (kaksi kirjainta), maakoodi standardista ISO 3166-1 alpha-2. Isoilla ja pienillä kirjaimilla ei ole väliä, mutta tapana on kieli pienillä, maa isoilla. Kolme sudenkuoppaa:

• Pelkkä maa ei käy. hreflang="be" tarkoittaa valkovenäjää (kielikoodi be), ei Belgiaa. Maa tulee aina kielen perään: nl-BE tai fr-BE.
• en-UK ei ole olemassa. Yhdistyneen kuningaskunnan maakoodi on GB. Google kertoo, ettei koodeilla kuten EU, UN tai UK ole vaikutusta.
• Käytä maata vain, jos versiot todella eroavat (eri hinnat, valuutta, toimitus, oikeinkirjoitus). Jos sinulla on yksi saksankielinen versio kaikille, käytä pelkkää de.

x-default

x-default on valinnainen. Sillä osoitat sivun kävijöille, joille mikään versioistasi ei sovi, esimerkiksi ranskaa puhuvalle. Usein se on pääkielesi tai sivu, jolla kävijä valitsee kielen itse.

Kolme tapaa, valitse yksi

Google tuntee kolme samanarvoista tapaa ilmoittaa hreflang:

1. HTML:ssä head-osan <link>-riveillä, kuten yllä. Yleisin tapa.

2. HTTP-otsakkeena Link, kätevä tiedostoille, joissa ei ole HTML:ää, kuten pdf-tiedostolle:

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

3. Sivustokartassa xhtml:link-riveillä jokaisen <url>-kohdan alla. Kätevä suurille sivustoille, koska sivut eivät silloin raskastu.

Tapoja ei tarvitse yhdistää. Jos käytät useampaa, niiden on kerrottava täsmälleen sama asia.

hreflang ja canonical yhdessä

hreflang ja canonical (oppitunti 3.5) toimivat yhdessä, mutta älä sekoita niitä:

• Jokaisella kieliversiolla on itseensä osoittava canonical. Englanninkielinen sivu ei ole hollanninkielisen kopio, joten se ei osoita hollanninkieliseen kanonisena osoitteena. Jos teet niin, sanot "englanninkielistä sivua ei oikeastaan ole olemassa", ja se putoaa indeksistä.
• hreflangin osoitteet ovat versioiden kanonisia osoitteita. Jos hreflang osoittaa osoitteeseen, joka ohjaa eteenpäin, palauttaa 404:n, on noindex-tilassa tai jonka canonical osoittaa muualle, ryhmä hajoaa.

Kanonista osoitetta valitessaan Google suosii osoitteita, jotka kuuluvat hreflang-ryhmään. Siisti ryhmä auttaa siis myös kanonisoinnissa.

Käytännössä: anna järjestelmän hoitaa se

hreflangin ylläpito käsin on virhealtista: kymmenellä kielellä ja sadalla sivulla rivejä on tuhat, ja kaikkien on oltava oikein. Anna verkkosivujärjestelmäsi hoitaa se. WebOkén AI Builder lisää monikielisen sivuston jokaiselle sivulle hreflang-viittaukset saman sivun muunkielisiin versioihin sekä pääkieleen osoittavan x-default-viittauksen, ja jättää tietoisesti ryhmän ulkopuolelle sivun, jolla ei ole käännettyä vastinetta. WordPressissä monikieliset lisäosat tekevät saman. Muissa sivustotyökaluissa toiminto löytyy nimillä kuten "kielet" tai "kansainvälinen". Tarkista sen jälkeen itse, että viittaukset toimivat molempiin suuntiin. Se tehdään tehtävässä.

Yhteenveto

• hreflang kertoo, mitkä sivut ovat toistensa kieli- tai maaversioita. Se ei tunnista kieltä eikä ole sijoitusten parantamiskeino.
• Jokaiselle versiolle oma osoite, ei automaattista uudelleenohjausta kielen tai sijainnin perusteella.
• Jokainen versio mainitsee itsensä ja kaikki muut täysillä osoitteilla, ja jokaiseen viittaukseen on vastattava takaisin. Muuten Google jättää sen huomiotta.
• Koodit: kieli standardista ISO 639-1, tarvittaessa maa standardista ISO 3166-1 alpha-2 (en-GB, ei en-UK); x-default muille.
• Jokaisella versiolla on itseensä osoittava canonical. hreflang osoittaa vain kanonisiin osoitteisiin, jotka palauttavat 200.

Tietovisa

Tehtävä

Tehtävä A3.6: Ovatko hreflang-viittauksesi vastavuoroisia? Syötä sellaisen sivun osoite, joka on olemassa usealla kielellä. Ohjelma kerää hreflang-viittaukset head-osasta ja Link-otsakkeesta, tarkistaa koodit ja itseensä osoittavan viittauksen, hakee jokaisen muun kieliversion ja tarkistaa, viittaako se takaisin, palauttaako se 200:n, onko se ilman noindexiä ja osoittaako sen canonical itseensä. Eikö sinulla ole omaa monikielistä sivustoa? Käytä osoitetta https://european-union.europa.eu/index_nl.

Lisälukemista

• Google Search Central, Sivun lokalisoiduista versioista kertominen Googlelle: https://developers.google.com/search/docs/specialty/international/localized-versions
• Google Search Central, Monikielisten ja kansainvälisten sivustojen hallinnointi: https://developers.google.com/search/docs/specialty/international/managing-multi-regional-sites
• Google Search Central, Päällekkäisten URL-osoitteiden yhdistäminen: https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
• ISO 639 -kielikoodit (Library of Congress): https://www.loc.gov/standards/iso639-2/php/code_list.php