Lihat Istilah Lain
Apa itu Hreflang?
Hreflang Tag merupakan sebuah kode HTML yang fungsinya memberitahu robot search engine bahasa dan target geografi dari suatu halaman. Hal tersebut dilakukan agar halaman tersebut dapat ditampilkan sesuai dengan bahasa dan lokasi geografis dari target audiens.
Peran dari kode ini sangat vital terutama bagi website multi-bahasa yang menargetkan audiens internasional. Pada website seperti ini, biasanya satu halaman akan memiliki dua atau lebih versi bahasa yang berbeda.
Kode ini akan memberitahu search engine bahwa sebuah konten memiliki beberapa variasi bahasa. Dengan begitu, search engine bisa memberikan versi bahasa yang sesuai dengan target audiens.
Pentingnya Hreflang Tag dalam SEO
Penggunaan Hreflang Tag sangat penting bagi website multi-bahasa dan regional karena manfaatnya dapat meningkatkan user experience dan mencegah isu konten duplikat.
Meningkatkan User Experience
Audiens akan cenderung lebih nyaman mencari konten website dengan bahasa yang familiar dan dimengerti. Jika website Anda menggunakan Hreflang Tag dan memiliki beberapa versi bahasa, maka search engine bisa menyajikan konten yang sesuai dengan lokasi atau bahasa audiens.
Cara ini tidak hanya menurunkan bounce rate dan meningkatkan time on page saja, tapi juga berpengaruh terhadap traffic karena website dengan versi bahasa yang berbeda-beda akan memperbesar peluang untuk mendatangkan audiens baru dari berbagai negara.
Mencegah Isu Konten Duplikat
Terkadang ada website yang hanya menggunakan satu bahasa namun menargetkan beberapa negara. Contohnya, website Anda berbahasa Inggris dan menargetkan negara Australia dan Singapura. Kondisi ini berpeluang menimbulkan masalah terkait konten duplikat.
Misalkan Anda memiliki dua halaman produk yang isinya serupa dan menjual produk yang sama. Namun, halaman pertama dibuat untuk audiens Singapura dengan harga khusus, sedangkan halaman kedua dibuat untuk pelanggan Australia dengan harga yang berbeda pula.
Dengan menggunakan Hreflang Tag, search engine akan mengerti bahwa kedua halaman tersebut ditujukan untuk audiens dengan geografi yang berbeda sehingga website dapat terhindar dari isu konten duplikat.
Struktur Hreflang Tag
Bagaimana struktur kode Hreflang Tag? Berikut ini adalah contoh serta penjelasan untuk setiap bagian dari kode tersebut:
<link rel="alternate" hreflang="x" href="https://example.com/alternate-page" />- rel=”alternate”: sebagai informasi bagi search engine bahwa suatu halaman utama memiliki versi alternatif.
- hreflang=”x”: kode bahasa atau wilayah yang digunakan pada halaman alternatif.
- href=URL: lokasi atau URL dari halaman alternatif
Anda harus mengikuti format yang telah ditetapkan pada ISO 639-1 untuk kode bahasa dan ISO 3166-1 Alpha 2 untuk kode wilayah. Contohnya seperti format kode ‘id’ untuk Bahasa Indonesia dan format kode ‘au’ untuk wilayah Australia.
Cara Memasang Hreflang Tag
Untuk memasang kode Hreflang Tag, ada tiga cara yang bisa Anda lakukan. Ketiga cara tersebut adalah menambahkan Tag di kode HTML, Header HTTP, dan Sitemap XML.
Menambahkan Tag dengan HTML
Cara pertama adalah dengan menaruh kode tag yang sudah Anda pelajari sebelumnya dan menaruhnya di dalam <head> setiap halaman. Cara ini cocok untuk website yang hanya menggunakan sedikit pilihan bahasa. Contoh:
<head>
<link rel="alternate" hreflang="en" href="https://www.example.com" />
</head>Mengimplementasikan Hreflang di Header HTTP
Cara yang selanjutnya adalah dengan memasang kode tag di Header HTTP. Cara ini bisa diimplementasikan apabila website Anda memiliki konten PDF, DOC, atau file non-HTML lainnya. Contoh:
HTTP/1.1 200 OK
Content-Type: application/pdf
Link: <https://id.example.com/document.pdf>; rel="alternate"; hreflang="id". Memasang Hreflang di Sitemap XML
Cara terakhir adalah melalui Sitemap XML. Cara ini cocok digunakan untuk website dengan jumlah versi bahasa yang banyak. Kode tag dapat Anda pasang di elemen <loc> dengan menggunakan atribut <xhtml:link>. Contoh:
<url>
<loc>http://www.example.com/indonesian/page.html</loc>
<xhtml:link
rel="alternate"
hreflang="en"
href="http://www.example.com/english/page.html"/>Anda dapat melakukan pengecekan pada tag hreflang menggunakan hreflang checker dari cmlabs secara gratis.
Firda Amalia Mahmud
Lihat Istilah Lain
Berlangganan Newsletter kami
Masukkan alamat email anda untuk menerima notifikasi Newsletter kami
