Tag hreflang: apa itu dan bagaimana ia berfungsi
Tag hreflang memberitahu enjin carian versi bahasa dan rantau mana bagi sesuatu halaman patut ditunjukkan kepada pengguna; ia membantu enjin memilih varian tepat untuk pengindeksan dan penyampaian, tetapi ia sendiri tidak menentukan kedudukan.
Gambaran Keseluruhan
Hreflang ialah isyarat HTML/hiper pautan yang anda tambah pada halaman, header HTTP, atau peta laman XML untuk menyatakan bahasa dan sasaran serantau pilihan bagi URL alternatif.Enjin carian menggunakan hreflang untuk memilih URL terlokalisasi yang paling sesuai untuk dipaparkan kepada pengguna dalam bahasa atau wilayah tertentu. Hreflang mempengaruhi varian yang enjin carian indeks dan paparkan untuk pertanyaan carian dalam bahasa atau lokal tersebut; ia bukan isyarat kedudukan langsung yang sendirian menentukan susunan dalam hasil carian.
Perkara penting ringkas: entri hreflang mesti konsisten merentas varian, termasuk pautan merujuk-diri, menggunakan kod bahasa-wilayah yang betul (ISO 639-1 / ISO 3166-1), dan diterapkan pada versi yang perayap digunakan untuk pengindeksan — bagi Google itu bermaksud versi mudah alih adalah asas utama (Google merayap dengan Googlebot Smartphone secara lalai sejak July 2024).
Langkah demi langkah
Gunakan langkah ini untuk menambah hreflang dengan boleh dipercayai.
1) Pilih kod anda dan strategi canonical
Putuskan sama ada untuk menggunakan kod hanya-bahasa (contohnya "en"), kod bahasa-wilayah (contohnya "en-GB"), atau kedua-duanya. Kekalkan konsistensi antara canonical dan hreflang: setiap halaman terlokalisasi boleh mempunyai hreflang yang merujuk kepada dirinya sendiri dan canonicalnya sendiri; jangan arahkan hreflang kepada canonical yang berbeza dari segi bahasa.
2) Pilih penempatan: elemen <link>, header HTTP, atau sitemap XML
Terdapat tiga cara biasa untuk menyatakan hreflang. Setiap satu ada kelebihan dan kekurangan:
- Elemen HTML <link> dalam <head> — kelebihan: ringkas, mudah diaudit dalam sumber; kekurangan: memerlukan bahagian head yang seragam pada semua versi peranti (pastikan kesetaraan mudah alih). Contoh: <link rel="alternate" hreflang="en" href="https://example.com/en/">
- Header HTTP — kelebihan: berguna untuk fail bukan-HTML (PDF); kekurangan: lebih sukar diurus dan diaudit. Contoh header: Link: <https://example.com/fr/>; rel="alternate"; hreflang="fr"
- Sitemap XML dengan entri <xhtml:link> — kelebihan: berpusat untuk laman besar dan varian di seluruh laman; kekurangan: perlu mengekalkan URL yang tepat dan memastikan sitemap boleh diakses oleh perayap.
3) Laksanakan set dua hala penuh (reciprocity)
Setiap URL alternatif yang anda senaraikan mesti juga menyenaraikan semula setiap alternatif lain (termasuk sumber). Contohnya, halaman A menyenaraikan A, B dan C; halaman B mesti menyenaraikan A, B dan C; halaman C mesti menyenaraikan A, B dan C. Kesalingan mengurangkan kekaburan bagi perayap dan membantu pemilihan varian yang betul.
Masalah biasa
Ralat pelaksanaan biasa yang perlu diberi perhatian dan bagaimana ia menjejaskan pengindeksan dan penyampaian.
- Kod salah atau tidak konsisten (mencampur en dan en-US) — boleh menyebabkan enjin carian mengabaikan entri atau memilih varian berbeza.
- Tag merujuk-diri hilang — jika halaman tidak memasukkan dirinya dalam senarai, kesalingan gagal dan pemilihan alternatif boleh menjadi tidak betul.
- Halaman yang tidak boleh diindeks atau disekat (noindex, robots disallow) — alternatif yang tidak boleh diindeks biasanya kurang berguna; enjin carian mungkin mengabaikannya semasa membina set varian.
- Mencampur URL relatif dan absolut, atau ketidakpadanan HTTP/HTTPS — guna URL absolut yang canonical dan sepadan dengan versi yang diakses oleh perayap.
Cara mengesahkan dan menyelesaikan masalah
Pengesahan berbeza bergantung pada sama ada anda memiliki laman atau sedang mengaudit pihak ketiga. Untuk halaman yang anda miliki gunakan Google Search Console URL Inspection untuk melihat bagaimana Google mengindeks halaman dan varian mana yang dipilihnya. Untuk mana-mana laman, gunakan pemeriksaan HTTP dan yang telah dirender dengan alat biasa di bawah.
Alat dan arahan
Chrome DevTools (View Source and Elements) — sahkan entri <link rel="alternate" hreflang="..."> wujud dalam HTML yang dihantar dan boleh dilihat pada halaman versi mudah alih.
curl -I https://example.com/path/ — menunjukkan hanya header respons (berguna untuk semak header server dan link headers).
curl https://example.com/path/ — mengambil badan 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 kepada user-agent Googlebot (jangan gunakan ini untuk cloak — hanya untuk mengaudit bagaimana server bertindak balas).
Bing Webmaster Tools Site Explorer — semak tingkah laku perayapan dan isyarat pengindeksan untuk Bing.
Nota: URL Inspection dalam Google Search Console adalah autoritatif untuk halaman yang anda miliki; untuk halaman pihak ketiga anda mesti bergantung pada fetch awam dan isyarat pengindeksan seperti pertanyaan site: (yang bersifat indikatif, bukan muktamad).
Senarai semak praktikal
- **Hreflang hadir pada versi canonical/mudah alih** — tempat untuk mengesahkan: view-source atau curl sebagai mobile UA — lulus apabila semua varian menyenaraikan set entri hreflang yang sama.
- **Entri merujuk-diri** — tempat untuk mengesahkan: sumber halaman — lulus apabila URL semasa muncul dalam set.
- **Kesalingan merentas varian** — tempat untuk mengesahkan: periksa sumber setiap varian atau sitemap — lulus apabila setiap varian menyenaraikan setiap alternatif.
- **Kebolehindeksan alternatif** — tempat untuk mengesahkan: URL Inspection (laman sendiri) atau operator site: dan fetch awam — lulus apabila alternatif boleh dirayap dan tidak disekat oleh robots atau noindex.
- **Kesesuaian canonical URL dan protokol** — tempat untuk mengesahkan: header HTTP dan link canonical — lulus apabila nilai hreflang href sepadan dengan canonical dan menggunakan skema yang sama (https/http) yang diakses pengguna dan perayap.
- **x-default untuk fallback** — tempat untuk mengesahkan: sumber halaman atau sitemap — lulus apabila fallback yang munasabah (laman utama atau halaman pemilih bahasa) ditandakan dengan hreflang="x-default".
Sebelum FAQ: jika anda mahukan rujukan teknikal yang lebih mendalam, lihat Panduan Technical SEO
Soalan Lazim
Adakah hreflang meningkatkan kedudukan?
Hreflang membantu enjin carian menyampaikan varian bahasa/wilayah yang sesuai dan boleh mengurangkan kekeliruan kandungan berganda, tetapi ia bukan peningkatan kedudukan yang berdiri sendiri. Banyak isyarat kedudukan lain terlibat dalam menyusun keputusan.
Bilakah saya patut menggunakan hreflang berbanding laman negara berasingan?
Gunakan hreflang apabila anda mempunyai varian bahasa atau wilayah bagi kandungan yang pada dasarnya serupa dihoskan pada URL berbeza (subdirektori, subdomain, atau ccTLD). Laman negara berasingan sesuai apabila kandungan dan peraturan perniagaan berbeza dengan ketara mengikut pasaran.
Perlukah saya mempunyai tag x-default?
x-default disyorkan untuk kes-kes samar (contohnya halaman pendaratan pemilih bahasa) supaya enjin carian mempunyai fallback yang jelas apabila tiada padanan bahasa tepat wujud.
Bolehkah hreflang digunakan bersama tag canonical?
Ya. Setiap halaman terlokalisasi boleh mempunyai canonical yang menunjuk kepada dirinya sendiri dan memasukkan entri hreflang yang menyenaraikan versi terlokalisasi lain. Elakkan mengarahkan hreflang kepada canonical yang mewakili varian bahasa berbeza.
Nota akhir: hreflang membantu pengindeksan dan pemilihan varian tetapi mesti dilaksanakan dan diselenggara secara konsisten; audit berkala dengan browser DevTools, curl, dan Search Console (untuk laman anda sendiri) adalah cara paling boleh dipercayai untuk mengesan regresi.
Bangunkan autoriti dengan backlinks berkualitiTechnical SEO dan penargetan antarabangsa yang betul adalah bahagian penting pertumbuhan organik; autoriti daripada penempatan relevan yang boleh diindeks melengkapkan susunan hreflang yang betul dan membantu pengguna menemui varian yang sesuai.
Terma berkaitan
Tag meta: jenis, kegunaan, dan amalan terbaik SEO
Tag meta ialah elemen HTML yang menyediakan metadata tentang halaman (tajuk, keterangan, arahan robots, tag pratonton sosial dan lain‑lain). Enjin carian dan platform membacanya untuk mempengaruhi pengindeksan, petikan hasil enjin carian dan cara pembentangan.
Tag tajuk: Apa itu dan bagaimana ia berfungsi
Title tags ialah elemen HTML <title> dalam bahagian head halaman yang memberi isyarat topik halaman kepada pelayar dan enjin carian; ia mempengaruhi tajuk keputusan carian, isyarat relevan dan tingkah laku klik tetapi tidak menentukan kedudukan sendirian.
On-page SEO: definisi, senarai semak dan pengesahan
On‑page SEO ialah mengoptimumkan kandungan, HTML dan UX halaman supaya ia relevan, boleh diindeks dan berguna kepada pengguna serta enjin carian moden — merangkumi rendering mobile‑first, data berstruktur, kanonik dan prestasi halaman.
Enjin carian: cara ia berfungsi dan asas SEO
Enjin carian ialah sistem perisian yang menemui, merangkak, mengindeks dan memulangkan kandungan web untuk menjawab pertanyaan pengguna; SERP moden juga memaparkan Gambaran AI, keputusan kaya dan senarai berperingkat berdasarkan pelbagai isyarat.
Elemen kanonik: definisi dan senarai semak teknikal
Elemen kanonik (rel=canonical) ialah tag pautan HTML atau header HTTP Link yang memberitahu enjin carian URL yang anda utamakan apabila wujud halaman serupa atau pendua; ia membantu mengagregat isyarat pengindeksan tetapi tidak menetapkan urutan kedudukan secara langsung.
SEO: definisi & senarai semak
Pengoptimuman enjin carian (SEO) ialah amalan memperbaiki kebolehlihatan laman web dalam hasil carian dengan menyelaraskan kandungan, konfigurasi teknikal dan pengalaman pengguna dengan sistem perayapan, pengindeksan dan penggredan enjin carian — termasuk perayapan mobile-first dan ciri SERP yang dipacu AI.