Banyak situs menyediakan versi halaman yang berbeda berdasarkan bahasa atau wilayah pengguna. Link hreflang
memberi tahu mesin telusur URL untuk semua versi
halaman sehingga mesin telusur dapat menampilkan versi yang benar untuk setiap bahasa atau wilayah.
Kegagalan audit hreflang
Lighthouse
Lighthouse menandai
link hreflang
yang salah:
Lighthouse memeriksa link hreflang
di head
halaman dan di header respons.
Lighthouse kemudian memeriksa kode bahasa yang valid dalam link hreflang
.
Lighthouse melaporkan setiap link hreflang
dengan kode bahasa yang tidak valid.
Lighthouse tidak memeriksa kode wilayah atau peta situs Anda.
Cara menentukan link hreflang
untuk setiap versi halaman
Misalkan Anda memiliki tiga versi halaman:
- Versi bahasa Inggris di
https://example.com
- Versi bahasa Spanyol di
https://es.example.com
- Versi bahasa Jerman di
https://de.example.com
Ada tiga cara untuk memberi tahu mesin telusur bahwa halaman ini setara. Pilih metode mana pun yang paling sesuai dengan situasi Anda.
Opsi 1: Tambahkan link hreflang
ke <head>
di setiap halaman:
<link rel="alternate" hreflang="en" href="https://example.com" />
<link rel="alternate" hreflang="es" href="https://es.example.com" />
<link rel="alternate" hreflang="de" href="https://de.example.com" />
Setiap versi halaman harus ditautkan ke semua versi lain, termasuk versi halaman itu sendiri. Jika tidak, mesin telusur dapat mengabaikan link hreflang
atau menafsirkannya dengan tidak benar.
Untuk halaman yang memungkinkan pengguna memilih bahasa mereka, gunakan kata kunci x-default
:
<link rel="alternate" href="https://example.com" hreflang="x-default" />
Opsi 2: Tambahkan header Link
ke respons HTTP Anda:
Link: <https://example.com>; rel="alternate"; hreflang="en", <https://es.example.com>;
rel="alternate"; hreflang="es", <https://de.example.com>; rel="alternate"; hreflang="de"
Opsi 3: Tambahkan informasi versi bahasa ke peta situs Anda.
<url>
<loc>https://example.com</loc>
<xhtml:link rel="alternate" hreflang="es"
href="https://es.example.com"/>
<xhtml:link rel="alternate" hreflang="de"
href="https://es.example.com"/>
</url>
Panduan untuk nilai hreflang
- Nilai
hreflang
harus selalu menentukan kode bahasa. - Kode bahasa harus mengikuti format ISO 639-1.
- Nilai
hreflang
juga dapat menyertakan kode regional opsional. Misalnya,es-mx
adalah untuk penutur bahasa Spanyol di Meksiko, sedangkanes-cl
adalah untuk penutur bahasa Spanyol di Cile. - Kode wilayah harus mengikuti format ISO 3166-1 alpha-2.