Dokumen tidak memiliki hreflang yang valid

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.

Cara audit hreflang Lighthouse gagal

Lighthouse menandai link hreflang yang salah:

Audit Lighthouse yang menampilkan link hreflang yang salah

Lighthouse memeriksa link hreflang di head halaman dan di header respons-nya.

Lighthouse kemudian memeriksa kode bahasa yang valid dalam link hreflang. Lighthouse melaporkan semua 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 Jerman di https://de.example.com

Ada tiga cara untuk memberi tahu mesin telusur bahwa halaman ini setara. Pilih metode yang paling mudah untuk situasi Anda.

Opsi 1: Tambahkan link hreflang ke <head> 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 lainnya, termasuk versi itu sendiri. Jika tidak, mesin telusur mungkin mengabaikan link hreflang atau menafsirkannya secara salah.

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>

Pedoman 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 ditujukan untuk penutur bahasa Spanyol di Meksiko, sedangkan es-cl ditujukan untuk penutur bahasa Spanyol di Cile.
  • Kode wilayah harus mengikuti format ISO 3166-1 alpha-2.

Resource