Kuasai kamus SEO dengan pahami setiap istilah serta artinya di sini.

Hreflang Tag

Terakhir diperbarui: Jun 20, 2024

https://cmlabs.co/id-id/seo-terms/hreflang-tag

Link copied!

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" />

cmlabs

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>

cmlabs

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".

cmlabs

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"/>

cmlabs

Anda dapat melakukan pengecekan pada tag hreflang menggunakan hreflang checker dari cmlabs secara gratis.