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.

Kegagalan audit hreflang Lighthouse

Lighthouse menandai link hreflang yang salah:

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

Referensi