Hreflang untuk Halaman Internasional
Berikan sinyal variasi bahasa dan wilayah kepada mesin pencari.
Hreflang untuk Halaman Internasional adalah pelajaran HTML Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar HTML Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus HTML Academy mencakup 4 pelajaran total.
Masalah yang Diatasi hreflang
Saat Anda menerbitkan artikel yang sama dalam bahasa Inggris, Turki, dan Jepang, mesin telusur perlu mengetahui versi mana yang harus ditampilkan dalam hasil penelusuran setiap pengguna. Tanpa hreflang, Google mungkin menampilkan bahasa yang salah atau menganggap berbagai versi tersebut sebagai konten duplikat.
Tag Tautan
Deklarasikan setiap versi alternatif dengan <link rel="alternate" hreflang="..." href="..."> di dalam <head>. Atribut hreflang adalah kode bahasa BCP-47 (en, tr) atau pasangan bahasa-wilayah (en-US, en-GB, pt-BR).
<link rel="alternate" hreflang="en" href="https://example.com/en/article">
<link rel="alternate" hreflang="tr" href="https://example.com/tr/article">
<link rel="alternate" hreflang="ja" href="https://example.com/ja/article">Referensi Timbal Balik Wajib
Setiap versi harus menautkan ke semua versi lainnya, termasuk ke dirinya sendiri. Google mengabaikan klaster hreflang yang tidak bersifat dua arah. Halaman EN menautkan ke TR dan JA; halaman TR menautkan ke EN dan JA; begitu seterusnya.
Referensi ke Diri Sendiri
Setiap halaman harus menautkan ke dirinya sendiri melalui hreflang. Halaman EN harus menyertakan <link rel="alternate" hreflang="en" ...> yang mengarah ke URL-nya sendiri. Ini merupakan bagian dari "timbal balik"—Google menggunakan tautan ke diri sendiri untuk mengonfirmasi keanggotaan klaster.
Nilai x-default
Gunakan hreflang="x-default" untuk menentukan halaman cadangan bagi pengguna yang bahasanya tidak dapat dicocokkan oleh Google. Biasanya, nilai ini mengarah ke versi bahasa Inggris atau halaman arahan pemilih bahasa, sehingga pengguna yang tidak ditargetkan tetap tiba di tempat yang wajar.
Kode Bahasa vs Kode Wilayah
en menargetkan semua penutur bahasa Inggris. en-US, en-GB, dan en-AU menargetkan varian negara ketika kontennya berbeda menurut wilayah (mata uang, ejaan, pengiriman). Jangan menentukan wilayah kecuali kontennya memang berbeda dari versi umum.
Deklarasi Alternatif
hreflang juga dapat dideklarasikan dalam header HTTP Link (untuk berkas non-HTML seperti PDF) atau dalam peta situs XML dengan <xhtml:link rel="alternate" hreflang="...">. Ketiga metode tersebut setara; pilih yang paling mudah dipelihara.
Deklarasi Peta Situs
Mendeklarasikan hreflang dalam peta situs lebih mudah diterapkan pada situs dengan banyak bahasa dibandingkan tag HTML: satu entri peta situs per URL mencantumkan semua versi alternatif, sehingga menghilangkan duplikasi templat pada setiap halaman. Search Console menandai tautan timbal balik yang hilang agar kesalahan dapat diketahui lebih awal.
Kesalahan Umum
Menggunakan garis bawah (en_US) alih-alih tanda hubung (en-US), mengarah ke URL yang bukan berstatus 200, mencampur http dan https dalam klaster, atau melupakan tautan ke diri sendiri akan diam-diam merusak hreflang. Jalankan laporan Penargetan Internasional di Google Search Console setelah peluncuran.
Tidak Menggantikan Penerjemahan
hreflang hanya memberi tahu Google terjemahan mana yang sudah tersedia. Halamannya sendiri tetap memerlukan konten yang benar-benar diterjemahkan—Google tidak akan menerjemahkannya untuk Anda. Situs yang memasang hreflang pada halaman yang 80% berbahasa Inggris dapat membingungkan indeks tanpa terlihat.
Menggabungkan dengan og:locale dan lang
Atur <html lang="..."> dan og:locale dokumen agar sesuai dengan bahasa halaman yang sebenarnya. hreflang memberi tahu mesin telusur tentang versi terkait; lang/og:locale memberi tahu peramban dan jejaring sosial tentang halaman saat ini. Keduanya diperlukan untuk memberikan gambaran yang lengkap.
Pemeriksaan Pengetahuan
Ke mana hreflang="x-default" mengarah?
Ringkasan
hreflang menautkan versi terjemahan suatu halaman agar mesin telusur menampilkan bahasa yang tepat. Gunakan kode BCP-47, deklarasikan versi alternatif secara timbal balik (termasuk tautan ke diri sendiri), tambahkan x-default sebagai cadangan, dan verifikasi dalam laporan Penargetan Internasional di Google Search Console. Kualitas terjemahan serta tag lang/og:locale juga harus sesuai.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Hreflang untuk Halaman Internasional” gratis?
Ya — teks lengkap “Hreflang untuk Halaman Internasional” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus HTML Academy, upgrade ke CoddyKit PRO. Kursus HTML Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Hreflang untuk Halaman Internasional”?
Berikan sinyal variasi bahasa dan wilayah kepada mesin pencari. Kamu berlatih HTML Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai HTML Academy?
Tidak diperlukan pengalaman sebelumnya. HTML Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “Hreflang untuk Halaman Internasional” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran HTML Academy ini?
Ya. Setiap pelajaran HTML Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- OpenGraph og:title og:description og:image
- Tag Meta Twitter Card
- Dasar-Dasar Data Terstruktur JSON-LD
- Hreflang untuk Halaman Internasional