Anchor Link: Cara Membuat Jump Link di HTML dan CMS Anda, serta Manfaatnya untuk SEO

Anchor link, disebut juga jump link atau link anchor, adalah salah satu fitur tertua HTML dan salah satu yang paling berguna pada konten panjang. Fitur ini memungkinkan pembaca langsung menuju jawaban yang diinginkan tanpa menggulir. Google sendiri menganggap tautan sebagai sinyal inti tentang hubungan antarhalaman, dan praktik terbaik tautan-nya menekankan bahwa tautan harus berupa elemen a asli dengan href. Panduan ini menunjukkan cara membuat anchor link di HTML biasa dan di CMS utama, apa manfaatnya untuk SEO dan jawaban AI, serta hubungannya dengan anchor text.

Apa itu anchor link?

Anchor link adalah hyperlink yang tujuannya adalah sebuah lokasi di dalam halaman. URL-nya diakhiri tanda pagar diikuti pengenal, yang disebut fragmen: example.com/guide#step-3. Ketika seseorang mengekliknya, browser memuat halaman itu (atau tetap di halaman yang sama) dan menggulir ke elemen yang id-nya step-3.

Ada tiga penggunaan yang umum:

• Navigasi dalam halaman yang sama: daftar isi di bagian atas artikel, atau tautan “kembali ke atas”.
• Tautan mendalam dari halaman lain: menaut dari satu artikel ke bagian yang tepat di artikel lain, misalnya sebuah definisi di glosarium.
• Membagikan bagian yang tepat: mengirim rekan langsung ke paragraf yang menjawab pertanyaannya.

Mesin pencari memperlakukan example.com/guide dan example.com/guide#step-3 sebagai halaman yang sama. Fragmen tidak pernah menciptakan URL baru untuk diindeks, sehingga anchor link tidak dapat menyebabkan konten duplikat.

Bagaimana membuat anchor link di HTML?

Dua potong kode sudah cukup: id pada tujuan dan tautan yang menunjuk ke sana.

1. Tambahkan id pada tujuan: <h2 id="pricing">Harga</h2>. Gunakan huruf kecil, angka, dan tanda hubung, tanpa spasi, dan jaga agar setiap id unik di halaman.
2. Tautkan di halaman yang sama: <a href="#pricing">Lihat harga</a>.
3. Tautkan dari halaman lain: <a href="/guide#pricing">Bagian harga di panduan</a>.
4. Uji: klik tautannya, pastikan judul muncul di bagian atas layar dan tidak tersembunyi di bawah header tetap (properti CSS scroll-margin-top memperbaikinya).

Metode lama, <a name="pricing"></a>, masih berfungsi di browser tetapi sudah usang di HTML5. Gunakan id pada judul itu sendiri. Fitur terkait, text fragment, memungkinkan tautan menyorot satu bagian tanpa id apa pun, dengan sintaks #:~:text=, seperti didokumentasikan oleh MDN. Google memakai mekanisme ini ketika menggulirkan pengunjung ke bagian yang dikutip di sebagian featured snippet.

Bagaimana menambahkan anchor link di WordPress, Shopify, Webflow, atau Wix?

Setiap CMS utama memungkinkan Anda mengatur id tanpa menyentuh template. Nama kolomnya berbeda dari satu alat ke alat lain.

Jika CMS Anda membuat id secara otomatis, periksalah: sebagian membuat id dari seluruh teks judul, yang menghasilkan fragmen panjang dan tidak stabil yang rusak saat Anda mengedit judul.

Apakah anchor link membantu SEO?

Anchor link terutama fitur kegunaan. Nilai SEO-nya tidak langsung, tetapi nyata pada konten panjang:

• Tautan “lompat ke” di hasil: pada halaman panjang yang terstruktur baik, Google kadang menampilkan tautan ke bagian di bawah hasil, yang dapat meningkatkan visibilitas dan klik. Google yang memutuskan kapan menampilkannya.
• Pencocokan bagian yang lebih baik: judul yang jelas dengan id membantu mesin pencari dan asisten AI mengidentifikasi jawaban yang tepat di dalam halaman panjang, logika yang sama yang memenangkan featured snippet.
• Keterlibatan: daftar isi memungkinkan pembaca mencapai bagian yang dibutuhkan, alih-alih pergi mencarinya di tempat lain.
• Aksesibilitas: skip link dan navigasi dalam halaman membantu pengguna keyboard dan pembaca layar, prinsip yang dicakup pedoman aksesibilitas W3C.
• Tautan internal yang presisi: menaut ke #definition di artikel lain mengirim pembaca ke bagian yang tepat, yang memperkuat tautan internal Anda.

Yang tidak dilakukan anchor link: tidak meneruskan otoritas tambahan ke halaman, karena tautan ke page#section dihitung sebagai tautan ke halaman, dan tidak menggantikan konten yang bagus. Satu peringatan teknis datang langsung dari dasar-dasar SEO JavaScript Google: jangan memakai fragmen untuk memuat konten halaman yang berbeda, karena Googlebot tidak dapat menguraikan URL tersebut dengan andal. Pakai fragmen hanya untuk menggulir di dalam konten yang sudah ada di halaman.

Apa perbedaan antara anchor link dan anchor text?

Kedua istilah ini mirip dan sering tertukar. Anchor link berkaitan dengan ke mana tautan menuju (sebuah bagian). Anchor text berkaitan dengan apa yang dikatakan tautan (kata-kata yang dapat diklik). Entri glosarium kami tentang anchor text membahas topik kedua secara mendalam.

Apa praktik terbaik untuk anchor link dan teksnya?

Setiap anchor link juga memiliki anchor text, jadi kedua rangkaian aturan berlaku bersamaan.

• Id yang pendek dan mudah dibaca: #pricing, #how-to-install, bukan #section-1 atau fragmen 12 kata.
• Teks tautan yang deskriptif: Google merekomendasikan teks yang deskriptif, cukup ringkas, dan relevan, dan menyarankan untuk menghindari kata generik seperti “klik di sini”.
• Daftar isi pada halaman panjang: di atas sekitar 1500 kata, daftarkan bagian H2 di atas, masing-masing ditautkan ke id-nya.
• Judul berbentuk pertanyaan: judul yang dirumuskan seperti pertanyaan yang diajukan orang membuat jump link lebih berguna dan lebih mudah dikutip.
• Id yang stabil: jangan mengubah id setelah publikasi jika halaman atau situs lain menaut ke sana.
• Periksa strukturnya: penganalisis struktur judul menunjukkan apakah level H2 dan H3 Anda rapi sebelum menambahkan anchor.

Kesalahan apa yang harus dihindari?

• Id ganda: dua elemen dengan id yang sama membuat tautan hanya melompat ke yang pertama.
• Tujuan yang tersembunyi: judul di dalam tab atau akordeon yang tertutup mungkin tidak dapat dicapai oleh tautan.
• Header tetap yang menutupi judul: tambahkan scroll-margin-top di CSS.
• Routing berbasis fragmen: aplikasi satu halaman yang mengubah konten dengan URL #/page sulit di-crawl Google.
• Anchor text yang dioptimalkan berlebihan: mengulang kata kunci persis yang sama di setiap tautan tampak seperti manipulasi.

Kesimpulan

Anchor link mengirim pembaca ke bagian tertentu dari sebuah halaman lewat fragmen #id. Buat dengan menambahkan id pada judul dan menautkannya, di HTML atau lewat pengaturan CMS Anda. Manfaatnya untuk SEO tidak langsung tetapi konkret pada konten panjang: daftar isi, kemungkinan jump link di Google, bagian halaman yang lebih jelas untuk jawaban AI, dan tautan internal yang lebih baik, selama anchor text tetap deskriptif. Jika Anda tidak ingin menyusun struktur setiap artikel secara manual, Sorank, software SEO dan GEO kami yang berjalan secara autopilot, menulis artikel terstruktur dengan judul berbentuk pertanyaan dan tautan internal lalu menerbitkannya di CMS Anda: lihat generator artikel blog AI dan cobalah dengan uji coba gratis 3 hari.