Hreflang Attribute adalah atribut yang digunakan di dalam kode HTML untuk memberitahu mesin pencari dan peramban web tentang hubungan antara konten yang berbeda dalam bahasa dan/atau pengaturan regional yang berbeda pada suatu situs web. Atribut tersebut membantu mesin pencari memahami dan mengindeks konten dengan benar sehingga dapat muncul dalam hasil pencarian yang relevan untuk pengguna di berbagai negara atau bahasa.
Keuntungan Hreflang Attribute
Atribut hreflang memberikan beberapa keuntungan bagi situs web, termasuk:
- Meningkatkan pengalaman pengguna dengan menampilkan konten yang relevan dengan bahasa dan pengaturan regional mereka.
- Meningkatkan visibilitas situs web di hasil pencarian negara atau bahasa tertentu.
- Menghindari pengindeksan ganda oleh mesin pencari untuk versi tautan dengan bahasa dan pengaturan regional yang berbeda.
- Meningkatkan kemungkinan mendapatkan peringkat yang lebih tinggi dalam hasil pencarian negara atau bahasa tertentu.
Penggunaan Hreflang Attribute
Atribut hreflang digunakan dengan cara yang spesifik dalam kode HTML untuk menghubungkan konten dengan bahasa dan/atau pengaturan regional yang berbeda pada situs web. Berikut adalah beberapa contoh penggunaannya:
Hreflang dalam Tautan
Salah satu cara populer untuk menggunakan atribut hreflang adalah dengan menambahkannya langsung ke tautan. Misalnya:
<a href="https://example.com/" hreflang="en-us">English</a>
Dalam contoh ini, atribut hreflang “en-us” digunakan untuk menunjukkan bahwa tautan tersebut mengarah ke versi bahasa Inggris untuk Amerika Serikat.
Hreflang dalam Tag Head
Selain itu, atribut hreflang juga dapat ditempatkan dalam tag <head> untuk menghubungkan keseluruhan halaman dengan bahasa dan/atau pengaturan regional yang berbeda. Berikut adalah contoh penggunaannya:
<link rel="alternate" hreflang="en-us" href="https://example.com/" />
Pada contoh ini, atribut hreflang “en-us” digunakan untuk menghubungkan halaman tersebut dengan versi bahasa Inggris untuk Amerika Serikat.
Hreflang dalam Sitemaps
Atribut hreflang juga dapat digunakan dalam peta situs (sitemaps) untuk memberikan informasi yang lebih komprehensif tentang hubungan antara konten dengan bahasa dan pengaturan regional yang berbeda. Contoh penggunaannya adalah sebagai berikut:
| URL | Hreflang |
|---|---|
| https://example.com/ | en-us |
| https://example.com/fr/ | fr-fr |
Pada contoh ini, URL utama situs web diberikan atribut hreflang “en-us” untuk menunjukkan bahasa Inggris untuk Amerika Serikat, sementara URL untuk versi bahasa Prancis diberikan atribut hreflang “fr-fr”.
Hreflang Error Handling
Ketika menggunakan atribut hreflang, perlu juga untuk melakukan penanganan kesalahan yang mungkin terjadi. Beberapa kesalahan umum yang bisa terjadi adalah:
- Menggunakan kode bahasa yang tidak valid.
- Memberikan atribut hreflang yang ambigu atau kontradiktif.
- Tidak menyertakan tautan kembali ke versi asli halaman.
Pastikan untuk memeriksa dan memvalidasi atribut hreflang secara teratur untuk menghindari kesalahan dan memastikan bahwa konten memiliki hubungan yang benar dengan bahasa dan pengaturan regional yang sesuai.