Tag hreflang: apa itu dan bagaimana cara kerjanya

Tag hreflang memberi tahu mesin pencari versi bahasa dan regional halaman yang harus ditampilkan kepada pengguna; membantu mesin memilih varian yang tepat untuk diindeks dan disajikan, namun tidak menentukan peringkat sendirian.

Hreflang Tag: Guide for Multilingual Websites

Ikhtisar

Hreflang adalah sinyal HTML/tautan yang kamu tambahkan ke halaman, header HTTP, atau sitemap XML untuk menyatakan bahasa dan (opsional) target regional untuk URL alternatif.Mesin pencarimenggunakan hreflang untuk memilih URL terlokalisasi yang paling tepat ditampilkan kepada pengguna dalam bahasa atau wilayah tertentu. Hreflang memengaruhi varian mana yang diindeks dan ditampilkan oleh mesin pencari untukkueridalam bahasa atau lokal tersebut; ini bukan sinyal peringkat langsung yang menentukan urutan hasil pencarian sendiri.

Poin utama: entri hreflang harus konsisten antar varian, menyertakan tautan yang merujuk diri sendiri, menggunakan kode bahasa-wilayah yang benar (ISO 639-1 / ISO 3166-1), dan diterapkan pada versi yangperayapdigunakan untuk pengindeksan — untuk Google itu berarti versi mobile adalah basis utama (Google merayapi dengan Googlebot Smartphone secara default sejak July 2024).

Langkah demi langkah

Gunakan langkah-langkah ini untuk menambahkan hreflang dengan andal.

1) Pilih kode dan strategi canonical-mu

Tentukan apakah akan menggunakan kode hanya-bahasa (misalnya "en"), kode bahasa-wilayah (misalnya "en-GB"), atau keduanya. Jaga konsistensi antara canonical dan hreflang: setiap halaman terlokalisasi dapat memiliki hreflang yang merujuk diri sendiri dan canonical-nya sendiri; jangan arahkan hreflang ke canonical yang berbeda bahasanya.

2) Pilih penempatan: elemen link, header HTTP, atau sitemap XML

Ada tiga cara umum untuk mendeklarasikan hreflang. Setiap cara memiliki keuntungan dan keterbatasan:

- Elemen HTML <link> di <head> — kelebihan: sederhana, mudah diaudit di source; kekurangan: mengharuskan head identik di semua versi perangkat (pastikan konsistensi versi mobile). Contoh: <link rel=\"alternate\" hreflang=\"en\" href=\"https://example.com/en/\">

- Header HTTP — kelebihan: berguna untuk file non-HTML (PDF); kekurangan: lebih sulit dikelola dan diaudit. Contoh header: Link: <https://example.com/fr/>; rel=\"alternate\"; hreflang=\"fr\"

- Sitemap XML dengan entri <xhtml:link> — kelebihan: terpusat untuk situs besar dan varian seluruh situs; kekurangan: harus menjaga akurasi URL dan memastikan sitemap dapat diakses oleh perayap.

3) Terapkan set dua-arah penuh (timbal balik)

Setiap URL alternatif yang kamu daftar harus juga mencantumkan semua alternatif lain (termasuk sumber) kembali. Contoh: halaman A mencantumkan A, B, dan C; halaman B harus mencantumkan A, B, dan C; halaman C harus mencantumkan A, B, dan C. Timbal balik mengurangi ambiguitas bagi perayap dan membantu pemilihan varian yang tepat.

Masalah umum

Kesalahan implementasi yang sering terjadi dan bagaimana mereka memengaruhi pengindeksan dan penyajian.

- Kode yang salah atau tidak konsisten (mencampur en dan en-US) — dapat membuat mesin pencari mengabaikan entri atau memilih varian lain.

- Tag yang merujuk diri sendiri hilang — jika sebuah halaman tidak menyertakan dirinya dalam daftar, timbal balik gagal dan pemilihan alternatif bisa salah.

- Halaman yang tidak bisa diindeks atau diblokir (noindex, robots disallow) — alternatif yang tidak dapat diindeks biasanya kurang berguna; mesin pencari mungkin mengabaikannya saat menyusun set varian.

- Mencampur URL relatif dan absolut, atau ketidaksesuaian HTTP/HTTPS — gunakan URL absolut yang telah dikanonisasi dan cocok dengan versi yang diakses perayap.

Cara memverifikasi dan menanggulangi masalah

Verifikasi berbeda tergantung apakah kamu memilki situs tersebut atau sedang mengaudit pihak ketiga. Untuk halaman yang kamu miliki gunakanGoogle Search Console URL Inspection untuk melihat bagaimana Google mengindeks halaman dan varian mana yang dipilih. Untuk semua situs, gunakan pemeriksaan HTTP dan rendered dengan alat umum di bawah ini.

Alat dan perintah

Chrome DevTools (View Source and Elements) — verifikasi bahwa entri <link rel=\"alternate\" hreflang=\"...\"> ada di HTML yang dilayani dan terlihat pada halaman yang bertanggung jawab mobile.

curl -I https://example.com/path/ — menampilkan hanya header respons (berguna untuk memeriksa header server dan link headers).

curl https://example.com/path/ — mengambil body HTML; gunakan curl -A \"Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)\" https://example.com/path/ untuk melihat apa yang server kembalikan ke user-agent Googlebot (jangan gunakan ini untuk cloaking — hanya untuk mengaudit respons server).

Bing Webmaster Tools Site Explorer — periksa perilaku perayapan dan sinyal indeks untuk Bing.

Catatan: URL Inspection di Google Search Console bersifat otoritatif untuk halaman yang kamu miliki; untuk halaman pihak ketiga kamu harus mengandalkan fetch publik dan sinyal pengindeksan seperti site: queries (yang bersifat indikatif, bukan definitif).

Checklist praktis

- **Hreflang hadir di versi canonical/mobile** — tempat verifikasi: view-source atau curl sebagai mobile UA — lolos jika semua varian mencantumkan set entri hreflang yang sama.
- **Entri yang merujuk diri sendiri** — tempat verifikasi: sumber halaman — lolos jika URL saat ini muncul dalam set.
- **Timbal balik antar varian** — tempat verifikasi: periksa source tiap varian atau sitemap — lolos jika setiap varian mencantumkan setiap alternatif.
- **Indeksabilitas alternatif** — tempat verifikasi: URL Inspection (situs sendiri) atau operator site: dan fetch publik — lolos jika alternatif dapat dirayapi dan tidak diblokir oleh robots atau noindex.
- **Kanonikal URL dan paritas protokol** — tempat verifikasi: header HTTP dan link canonical — lolos jika nilai hreflang href cocok dengan canonical dan menggunakan skema yang sama (https/http) yang diakses pengguna dan perayap.
- **x-default untuk fallback** — tempat verifikasi: sumber halaman atau sitemap — lolos jika fallback yang masuk akal (beranda atau landing pemilih bahasa) ditandai dengan hreflang=\"x-default\".

Sebelum FAQ: jika kamu ingin referensi teknis yang lebih mendalam, lihat Panduan Technical SEO

Pertanyaan yang sering diajukan

Apakah hreflang meningkatkan peringkat?

Hreflang membantu mesin pencari menyajikan varian bahasa/wilayah yang tepat dan dapat mengurangi kebingungan konten duplikat, tetapi bukan peningkatan peringkat tunggal. Banyak sinyal peringkat lain yang terlibat dalam pengurutan hasil.

Kapan saya harus menggunakan hreflang versus situs terpisah per negara?

Gunakan hreflang ketika kamu memiliki varian bahasa atau regional dari konten yang secara substansial serupa yang dihosting di URL berbeda (subdirektori, subdomain, atau ccTLD). Situs terpisah per negara lebih cocok ketika konten dan aturan bisnis berbeda secara signifikan menurut pasar.

Apakah saya perlu tag x-default?

x-default direkomendasikan untuk kasus yang ambigu (misalnya halaman landing pemilih bahasa) sehingga mesin pencari memiliki fallback yang jelas ketika tidak ada kecocokan bahasa yang tepat.

Bisakah hreflang digunakan bersamaan dengan tag canonical?

Ya. Setiap halaman terlokalisasi dapat memiliki canonical yang menunjuk pada dirinya sendiri dan menyertakan entri hreflang yang mencantumkan versi terlokalisasi lain. Hindari menunjuk hreflang ke canonical yang mewakili varian bahasa berbeda.

Catatan akhir: hreflang membantu pengindeksan dan pemilihan varian tetapi harus diimplementasikan dan dipelihara secara konsisten; audit rutin dengan browser DevTools, curl, dan Search Console (untuk situsmu sendiri) adalah cara paling dapat diandalkan untuk mendeteksi regresi.

Bangun otoritas dengan backlink berkualitasTechnical SEO dan penargetan internasional yang tepat adalah bagian penting dari pertumbuhan organik; otoritas dari penempatan yang relevan dan dapat diindeks melengkapi setup hreflang yang benar dan membantu pengguna menemukan varian yang tepat.