Kami menggunakan cookies

Situs ini menggunakan cookies dari cmlabs untuk memberikan dan meningkatkan kualitas layanannya serta menganalisis lalu lintas..

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

Hreflang Tag

Terakhir diperbarui: Jun 20, 2024

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. 

cmlabs

cmlabs

Bagaimana pendapat Anda? Apakah Anda menyukai artikel ini?

Update Terkini
Terakhir diperbarui: Oct 10, 2024
Terakhir diperbarui: Oct 10, 2024
Terakhir diperbarui: Oct 04, 2024

Permudah proses analisis dengan SEO Tools yang terpasang langsung di peramban Anda. Saatnya menjadi ahli SEO sejati.

Gratis di semua peramban berbasis Chromium

Pasang di peramban Anda sekarang? Jelajahi sekarang cmlabs chrome extension pattern cmlabs chrome extension pattern

Butuh bantuan?

Ceritakan tentang kebutuhan SEO Anda, tim marketing kami akan membantu menemukan solusi terbaik.

Berikut daftar tim kami secara resmi dan diakui, hati-hati terhadap penipuan oknum tidak bertanggung jawab yang mengatasnamakan PT CMLABS INDONESIA DIGITAL (cmlabs). Baca lebih lanjut
Marketing Teams

Agita

Marketing

Tanya Saya
Marketing Teams

Destri

Bizdev

Tanya Saya
Marketing Teams

Thalia

Bizdev Global

Tanya Saya
Marketing Teams

Irsa

Marketing

Tanya Saya
Marketing Teams

Yuliana

Business & Partnership

Tanya Saya
Marketing Teams

Dwiyan

Partnership

Tanya Saya
Marketing Teams

Rifqi

Product & Dev

Tanya Saya
Marketing Teams

Rochman

Product & Dev

Tanya Saya
Marketing Teams

Said

Career & Internship

Tanya Saya

Saat ini tidak ada notifikasi...