Dokumen tidak memiliki hreflang yang valid

Banyak situs yang menyediakan versi halaman berbeda berdasarkan bahasa atau teritorial Anda. Link hreflang memberi tahu mesin telusur URL untuk semua versi halaman sehingga mereka dapat menampilkan versi yang benar untuk setiap bahasa atau wilayah.

Kegagalan audit hreflang Lighthouse

Bendera Lighthouse link hreflang yang salah:

Audit Lighthouse menunjukkan link hreflang yang salah

Pemeriksaan Lighthouse untuk link hreflang di head halaman dan di header responsnya.

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 bahasa Jerman di https://de.example.com

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

Opsi 1: Tambahkan link hreflang ke <head> pada 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 tertaut ke semua versi lainnya, termasuk dirinya sendiri. Jika tidak, mesin telusur dapat mengabaikan link hreflang atau menafsirkannya secara tidak benar.

Untuk halaman yang memungkinkan pengguna memilih bahasa mereka, gunakan x-default kata kunci:

<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: Menambahkan informasi versi bahasa ke peta situs.

<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, sedangkan es-cl adalah untuk pengguna bahasa Spanyol di Meksiko Penutur bahasa Spanyol di Cile.
  • Kode wilayah harus mengikuti Format ISO 3166-1 alpha-2.

Resource