Menggunakan hreflang untuk URL regional dan bahasa

Banyak situs web yang melayani pengguna dari seluruh dunia dengan konten yang diterjemahkan atau ditujukan bagi pengguna di wilayah tertentu. Google menggunakan atribut rel="alternate" hreflang="x" untuk menyediakan bahasa atau URL regional yang benar dalam hasil Penelusuran.

Creating multi-regional and multilingual sites

Berikut adalah beberapa skenario yang menyarankan penggunaan rel="alternate" hreflang="x":

  • Anda mempertahankan konten utama dalam satu bahasa dan hanya menerjemahkan template, seperti navigasi dan footer. Halaman yang menyajikan konten buatan pengguna, seperti forum, biasanya melakukan hal ini.
  • Konten Anda memiliki variasi regional yang kecil dengan konten serupa dalam satu bahasa. Misalnya, Anda dapat memiliki konten berbahasa Inggris yang ditujukan untuk AS, Inggris, dan Irlandia.
  • Konten situs Anda diterjemahkan sepenuhnya. Misalnya, Anda memiliki versi bahasa Inggris dan Jerman untuk masing-masing laman.

Menggunakan anotasi bahasa

Bayangkan Anda memiliki laman berbahasa Inggris yang dihosting di http://www.example.com/, dengan alternatif bahasa Spanyol di http://es.example.com/. Anda dapat menunjukkan kepada Google bahwa URL bahasa Spanyol tersebut adalah laman berbahasa Spanyol yang setara dengan laman bahasa Inggris dengan salah satu dari tiga cara berikut:

  • Elemen tautan HTML di header. Pada bagian HTML <head> dari http://www.example.com/, tambahkan elemen link yang mengarah ke laman web versi bahasa Spanyol http://es.example.com/, seperti ini:
    <link rel="alternate" hreflang="es" href="http://es.example.com/" />
  • Header HTTP. Jika Anda menerbitkan file non-HTML (misalnya PDF), Anda dapat menggunakan header HTTP untuk menunjukkan versi bahasa yang berbeda dari URL:
    Link: <http://es.example.com/>; rel="alternate"; hreflang="es"
    Untuk menentukan beberapa nilai hreflang di header Tautan HTTP, pisahkan nilai dengan koma seperti berikut:
    Tautan: <http://es.example.com/>; rel="alternate"; hreflang="es",<http://de.example.com/>; rel="alternate"; hreflang="de"
  • Peta Situs. Sebagai ganti menggunakan markup, Anda dapat mengirimkan informasi versi bahasa di Peta Situs.

Jika Anda memiliki beberapa versi bahasa untuk sebuah URL, setiap halaman bahasa harus mengidentifikasi versi bahasa yang lain, termasuk halaman bahasa itu sendiri.  Misalnya, jika situs Anda menyediakan konten dalam bahasa Prancis, Inggris, dan Spanyol, versi Spanyol perlu menyertakan link rel="alternate" hreflang="x" untuk halaman itu sendiri sekaligus link ke versi bahasa Prancis dan Inggris. Begitu juga dengan versi bahasa Inggris dan Prancis, masing-masing harus menyertakan referensi yang sama ke versi bahasa Prancis, Inggris, dan Spanyol.

Anda dapat menetapkan URL multibahasa di domain yang sama seperti URL yang ditentukan, atau menggunakan URL dari domain yang berbeda.

Jika perlu mengurangi jumlah link dua arah di situs demi kemudahan penerapan, perawatan, atau migrasi (misalnya, situs Anda mendukung 40 bahasa dan halaman bahasa Spanyol yang baru dibuat akan bermigrasi dari HTTP ke HTTPS), Anda harus menautkan secara dua arah halaman bahasa yang baru diperluas ke bahasa asli/yang sering digunakan. Misalnya, jika situs aslinya dibuat di Prancis menggunakan URL .fr, Anda harus menautkan secara dua arah dari halaman bahasa Meksiko (.mx) dan Spanyol (.es) yang baru ke halaman .fr yang paling sering digunakan, bukan menautkan secara dua arah halaman variasi bahasa Spanyol (.mx dan .es) yang baru ke satu sama lain.

Anda dapat memberikan URL umum untuk pengguna yang tidak ditentukan secara geografis jika memiliki beberapa URL alternatif yang ditujukan bagi pengguna dengan bahasa yang sama, namun di lokal yang berbeda. Misalnya, Anda memiliki URL khusus untuk orang yang berbahasa Inggris di Irlandia (en-ie), Kanada (en-ca), dan Australia (en-au), tapi Anda juga ingin orang berbahasa Inggris lainnya melihat laman Inggris generik (en) sedangkan orang yang lainnya melihat beranda. Dalam kasus ini, Anda harus menentukan laman berbahasa Inggris (en) generik untuk penelusur di, misalnya, Inggris Raya. Anda dapat menganotasikan kelompok laman ini menggunakan file Peta Situs atau menggunakan tag tautan HTML seperti ini:

<link rel="alternate" href="http://example.com/en-ie" hreflang="en-ie" />
<link rel="alternate" href="http://example.com/en-ca" hreflang="en-ca" />
<link rel="alternate" href="http://example.com/en-au" hreflang="en-au" />
<link rel="alternate" href="http://example.com/en" hreflang="en" />

Untuk alat pilih bahasa/negara atau beranda pengalihan otomatis, Anda juga perlu menambahkan anotasi untuk nilai hreflang "x-default":
<link rel="alternate" href="http://example.com/" hreflang="x-default" />

Nilai bahasa yang didukung

Nilai dari atribut hreflang mengidentifikasi bahasa (dalam format ISO 639-1) dan, secara opsional, wilayah (dalam format ISO 3166-1 Alpha 2) dari URL alternatif. Misalnya:

  • de: Konten bahasa Jerman, sembarang wilayah
  • en-GB: Konten bahasa Inggris, untuk pengguna di Britania Raya
  • de-ES : Konten bahasa Jerman, untuk pengguna di Spanyol

Jangan menentukan kode negara sendiri! Google tidak memperoleh bahasa dari kode negara secara otomatis. Anda dapat menentukan kode bahasa sendiri jika Anda ingin menyederhanakan pemberian tag.  Tambahkan kode negara setelah bahasa untuk membatasi laman pada daerah tertentu.  Contoh:

  • be : Bahasa Belarus, sembarang wilayah (bukan bahasa Prancis Belgia)
  • nl-be: Bahasa Belanda untuk Belgia
  • fr-be: Bahasa Prancis untuk penduduk Belgia 

Untuk variasi skrip bahasa, skrip yang tepat diperoleh dari negara tersebut. Misalnya, dengan menggunakan zh-TW untuk pengguna zh-TW, skrip bahasa akan diperoleh secara otomatis (dalam contoh ini: Aksara China Tradisional). Anda juga dapat menentukan skrip itu sendiri secara gamblang menggunakan ISO 15924, seperti ini:

  • zh-Hant: China (Aksara Tradisional)
  • zh-Hans: China (Aksara Sederhana)

Alternatifnya, Anda juga dapat menentukan kombinasi skrip dan wilayah—misalnya, menggunakan zh-Hans-TW untuk menentukan bahasa China (Aksara Sederhana) bagi pengguna Taiwan.

Yang terakhir, nilai yang dilindungi "x-default" digunakan untuk menunjukkan pemilih/pengalih bahasa yang tidak spesifik untuk satu bahasa atau wilayah, misalnya, beranda Anda menunjukkan peta dunia yang dapat diklik.

Kesalahan Umum

Penting: Pastikan bahwa nilai hreflang yang Anda berikan benar-benar valid. Berhati-hatilah dengan dua kesalahan yang paling umum:

  • Tidak ada tautan konfirmasi: Jika laman A menautkan ke laman B, laman B harus menautkan kembali ke laman A. Jika hal ini tidak terjadi di semua laman yang menggunakan anotasi hreflang, anotasi tersebut mungkin diabaikan atau tidak diinterpretasikan dengan semestinya.
  • Kode bahasa salah: Pastikan semua kode bahasa yang Anda gunakan mengidentifikasi bahasa (dengan format ISO 639-1) dan, secara opsional, wilayah (dalam format ISO 3166-1 Alpha 2) dari URL alternatif. Menentukan wilayah saja akan dianggap tidak valid.
Contoh konfigurasi hreflang: Aksi anotasi

Misalnya, Widgets, Inc memiliki situs yang melayani pengguna di AS, Inggris Raya, dan Jerman. URL berikut berisi konten yang sama secara substansial, namun dengan variasi regional:

  • http://www.example.com/ Laman default yang tidak menargetkan bahasa atau lokal apa pun; mungkin meminta pemilih memungkinkan pengguna memilih bahasa dan wilayahnya.
  • http://en.example.com/page.html beranda bahasa Inggris. Berisi informasi tentang biaya pengiriman internasional dari AS.
  • http://en-gb.example.com/page.html bahasa Inggris; menampilkan harga dalam poundsterling.
  • http://en-us.example.com/page.html bahasa Inggris; menampilkan harga dalam dolar Amerika.
  • http://de.example.com/seite.html versi konten dalam bahasa Jerman

rel="alternate" hreflang="x" digunakan sebagai tingkat laman, bukan tingkat situs, dan Anda perlu memberi markup pada setiap rangkaian laman, termasuk beranda, jika sesuai. Anda dapat menentukan variasi konten dan gugusan bahasa/wilayah sebanyak yang Anda inginkan.

Untuk menunjukkan kepada Google bahwa Anda ingin agar versi bahasa Jerman laman tersebut disajikan kepada penelusur yang menggunakan Google dalam bahasa Jerman, versi en-us untuk penelusur yang menggunakan google.com dalam bahasa Inggris, dan versi en-gb untuk penelusur yang menggunakan google.co.uk dalam bahasa Inggris, gunakan rel="alternate" hreflang="x" untuk mengidentifikasi versi bahasa alternatif.

Perbarui HTML setiap URL dalam rangkaian dengan menambahkan rangkaian elemen tautan rel="alternate" hreflang="x". Untuk laman default yang tidak menargetkan bahasa atau lokal tertentu, tambahkan rel="alternate" hreflang="x-default":


<link rel="alternate" hreflang="x-default" href="http://www.example.com/" />
<link rel="alternate" hreflang="en-gb" href="http://en-gb.example.com/page.html" />
<link rel="alternate" hreflang="en-us" href="http://en-us.example.com/page.html" />
<link rel="alternate" hreflang="en" href="http://en.example.com/page.html" />
<link rel="alternate" hreflang="de" href="http://de.example.com/seite.html" />

Markup ini memberi tahu algoritme Google untuk mempertimbangkan semua halaman tersebut sebagai versi alternatif untuk satu sama lain

 

Apakah artikel ini membantu?
Bagaimana cara meningkatkannya?