Sebagai pemilik situs web, sangat penting untuk menyajikan konten Anda dengan cara yang ramah pengguna sehingga pengunjung dapat menavigasi situs web Anda dengan mudah dan efisien. Membuat konten situs web Anda ramah pengguna sama pentingnya dengan membuatnya menarik. Anchor Links adalah cara yang bagus untuk melayani tujuan membantu pengunjung Anda dengan lancar melompat ke bagian tertentu dari halaman atau situs web Anda dan langsung mendapatkan apa yang mereka cari.
Apa Itu Tautan Jangkar? Hal yang Perlu Anda Ketahui
Tautan jangkar sama dengan tautan biasa yang digunakan di situs web. Lalu mengapa disebutkan berbeda? Yah, sementara kami menggunakan tautan untuk membuat pengunjung mendarat di halaman yang berbeda, dengan tautan jangkar pengunjung mendarat di bagian atau lokasi berbeda dari halaman yang sama atau di bagian tertentu dari halaman lain di situs web yang sama. Dengan kata lain, tautan biasa membawa Anda ke halaman baru sementara tautan jangkar akan membawa Anda ke bagian halaman.
Tautan jangkar sangat membantu untuk konten yang padat teks. Beberapa pengguna mencari konten yang sangat spesifik dan tidak ingin menghabiskan waktu membaca seluruh konten hanya untuk menemukan konten yang diinginkan. Tautan jangkar yang digunakan dengan benar sangat membantu untuk memandu pengunjung situs web Anda dengan cerdas.
Ini membawa atribut SEO penerima ke piring Anda juga. Karena tautan jangkar membuat pengunjung lebih mudah menemukan konten, itu meningkatkan pengalaman pengguna situs Anda. Dan ini memberi dorongan pada tingkat konversi.
Sekali lagi mesin pencari melihat konten Anda dan menganalisis bagaimana Anda menyusun tautan jangkar Anda untuk menentukan kualitas konten Anda. Semuanya memengaruhi peringkat situs web Anda. Jadi, situs web tautan jangkar yang terstruktur dengan baik akan memiliki peluang lebih baik untuk mencetak peringkat tinggi.
Bagaimana Menggunakan Anchor Link Dalam Desain Web?
Anda dapat menggunakan tautan jangkar dalam berbagai cara dalam desain web. Satu bisa sebagai tautan teks; salah satunya bisa sebagai daftar isi, dan masih banyak lagi. Ini berarti Anda dapat menautkan bagian tertentu dari teks Anda ke bagian lain halaman, atau Anda dapat menampilkan tajuk konten Anda serupa dengan indeks buku dalam bentuk daftar isi untuk dengan cepat melompat ke bagian konten yang diinginkan. .
Tautkan Konten Teks
Saat Anda membuat konten, mungkin ada beberapa poin di mana menurut Anda beberapa pengunjung Anda mungkin memerlukan lebih banyak penjelasan sementara yang lain tidak membutuhkannya, atau hanya menambahkan lebih banyak detail tepat di paragraf itu dapat membuat konten terlihat ramai. Jadi Anda dapat menulis informasi tambahan di tempat lain di situs web Anda dan menautkannya ke teks yang relevan sehingga pengunjung yang tertarik dapat langsung melompat ke bagian tertentu sambil mempertahankan teks yang bersih dan tertata rapi.
Daftar isi
Daftar isi adalah bentuk tautan jangkar yang cerdas. Itu adalah sesuatu yang mirip dengan indeks sebuah buku. Format paling umum dari daftar isi berisi semua judul konten Anda. Pengguna dapat mengklik tajuk yang ingin mereka baca dan situs web akan langsung memindahkannya ke bagian tersebut.
Ini memberikan gambaran yang bersih dan jelas tentang keseluruhan konten kepada pengguna, sehingga dengan melihatnya mereka akan mengetahui apakah informasi yang mereka inginkan ada di dalam konten atau tidak. Ini akan menghemat waktu pengunjung dan membuat mereka memiliki pengalaman pengguna yang lebih baik yang akan meningkatkan SEO situs web Anda.
menu navigasi
Anda juga dapat menambahkan tautan ini ke menu navigasi Anda. Ada banyak situs web satu halaman. Satu kelemahan dari situs web ini adalah terlalu panjang dan pengunjung mungkin kehilangan minat untuk menggulir ke bawah lebih banyak untuk melihat semua informasi atau terus menemukan bagian yang diinginkan. Jenis situs web ini dapat menggunakan tautan jangkar ke bagian menu agar pengunjung langsung melompat ke bagian target mereka.
Panggilan untuk bertindak
Anda dapat menggunakan tautan jangkar di blok Ajakan Bertindak Anda untuk membuat hal-hal tetap interaktif, menarik, dan menarik bagi pengunjung Anda dan memengaruhi mereka untuk melakukan hal-hal tertentu. Misalnya, Anda memiliki situs web yang menjual produk perangkat lunak. Anda dapat menambahkan jangkar tabel harga ke setiap gambar produk sehingga pengunjung dapat langsung menuju tabel harga setelah mengklik gambar dan membeli produk. Banyak situs web mengikuti prosedur ini.
Gulir Ke Atas
Cara lain untuk menggunakan tautan jangkar dalam desain web adalah dengan menambahkan ‘Scroll to top’. Dalam desain web, kami menggunakan pendekatan top-down. Tetapi kadang-kadang sebaliknya juga diperlukan. Misalnya, mari kita pertimbangkan halaman web yang sangat panjang dan seseorang melewatinya, dan saat berada di bagian bawah halaman, dia mungkin ingin kembali ke atas untuk melihat sesuatu dengan lebih baik.
Namun dalam kasus seperti itu, beberapa pengunjung merasa menggulir ke belakang sangat merepotkan dan membosankan, jadi tinggalkan halaman tersebut. Insiden ini menimbulkan dampak negatif pada keterlibatan situs. Scroll To Top adalah solusi untuk kasus seperti itu. Anda dapat membuat jangkar untuk suatu elemen di bagian atas situs web dan menautkannya ke bagian bawah sehingga siapa pun dapat langsung melompat mundur dari bawah ke atas.
3 Cara Membuat Anchor Link Di Website WordPress
Penggunaan tautan jangkar yang tepat dapat menguntungkan situs web Anda dalam banyak hal. Untuk membuat tautan jangkar, Anda harus memiliki pengenal jangkar (ID) unik untuk konten yang ingin Anda gunakan sebagai tujuan tautan jangkar Anda. Jika Anda tidak memilikinya, buat saja pengidentifikasi jangkar yang unik. Setelah itu, gunakan pada elemen sumber seperti teks atau gambar untuk keberhasilan penerapan tautan jangkar. Mari kita uraikan agar Anda memiliki pemahaman yang lebih baik tentang membuat dan menggunakan tautan jangkar di WordPress.
Metode 1: Buat Tautan Jangkar Di Gutenberg
Anda dapat dengan mudah membuat dan menggunakan tautan jangkar di editor blok WordPress Gutenberg. Ikuti langkah-langkahnya, dan Anda akan dapat memberikan sentuhan unik pada situs web Anda.
Langkah 1: Arahkan Ke Tujuan Target
Dari dasbor WordPress, langsung buka pos atau halaman tempat Anda ingin membuat tautan jangkar. Kemudian temukan elemen yang ingin Anda gunakan sebagai tujuan tautan jangkar Anda. Untuk tujuan contoh, di sini kami telah memilih tajuk “Bagaimana Menggunakan Tautan Jangkar Dalam Desain Web?” sebagai tujuan tautan jangkar kami.
Langkah 2: Buat Id Jangkar Unik Untuk Tujuan
Sekarang klik pada elemen yang diputuskan dan dari panel pengaturan pergi ke ‘Block’ → ‘Advance’ → ‘HTML Anchor’. Sekarang di bidang HTML Anchor, letakkan pengenal unik, yang nantinya akan digunakan untuk menautkan elemen ini.
Langkah 3: Hubungkan Tujuan Ke Sorce Dengan Anchor Link
Sekarang pilih konten sumber baik itu teks atau gambar, lalu tautkan ke elemen tempat Anda ingin melompat. Misalnya, tujuan kami telah memilih teks “Jangkar tautan” di halaman kami dan kami akan menautkan teks ini ke tajuk “Bagaimana Menggunakan Tautan Jangkar Dalam Desain Web?”
Untuk melakukannya, pilih teks dan dari panel pengaturan, klik “🔗” (tanda Tautan). Kemudian di kolom input beri tanda ‘#’ bersama dengan ID jangkar tujuan. Terakhir, tekan tombol enter dan selesai.
Sekarang, jika Anda mengklik teks tautan jangkar teks “Anchor Links”, itu akan langsung melompat ke “Bagaimana Menggunakan Tautan Jangkar Dalam Desain Web?” bagian judul halaman. Mudah bukan?
Metode 2: Buat Tautan Jangkar Di Elementor
Ingin membuat tautan jangkar menggunakan Elementor? Membuat tautan jangkar di Elementor juga mudah, hanya membutuhkan beberapa langkah. Ikuti langkah-langkah sederhana di bawah ini untuk membuat dan menggunakan tautan jangkar di Elementor.
Langkah 1: Arahkan Ke Tujuan Target
Dari dasbor WordPress Anda, temukan halaman atau postingan yang ingin Anda tambahkan tautan jangkar. Kemudian temukan bagian yang ingin Anda tetapkan sebagai tujuan target tautan jangkar Anda. Untuk tujuan contoh, di sini kami telah memilih tajuk “Bagaimana Menggunakan Tautan Jangkar Dalam Desain Web?” sebagai tujuan tautan jangkar kami.
Langkah 2: Buat Id Anchor Unik Dengan Menu Anchor Widget
Dari panel pengaturan Elementor, cari widget ‘Menu Anchor’. Widget ini akan membantu Anda membuat ID jangkar unik Anda.
Kemudian seret widget di atas elemen yang ingin Anda buat ID jangkarnya. Kemudian dari panel pengaturan widget, Anda akan menemukan kolom input untuk ID jangkar. Sekarang atur di sini ID jangkar unik Anda sendiri.
Langkah 3: Hubungkan Tujuan Ke Sorce Dengan Anchor Link
Sekarang pilih teks yang ingin Anda tautkan dengan ID jangkar. lalu dari pengaturan klik “🔗” (tanda Tautan) dan tambahkan tanda ‘#’ beserta ID jangkar tujuan dan selesai!
Sekarang dari ujung depan, periksa apakah itu berfungsi dengan baik. Misalnya, kami telah menautkan teks ‘Jangkar tautan’ ke tajuk h2 ‘Bagaimana Menggunakan Tautan Jangkar Dalam Desain Web?’. Sekarang setelah kita mengklik teks, halaman web langsung memindahkan kita ke bagian heading.
Metode 3: Buat Tautan Jangkar Di Editor Klasik
Jangan khawatir jika Anda adalah pengguna editor klasik WordPress. Untuk membantu Anda, kami hadir dengan panduan langkah demi langkah tentang cara membuat dan menggunakan tautan jangkar di editor klasik WordPress.
Langkah 1: Arahkan Ke Tujuan Target
Sama seperti dua metode pertama, pergi ke tujuan Anda dan pilih teks tujuan target. Kemudian dari panel pengaturan editor klasik, alihkan dari editor ‘Visual’ ke editor ‘Teks’, dan temukan kode untuk teks target. Di sini teks target kami adalah heading h2.
Langkah 2: Tambahkan Id Anchor Unik
Sekarang tambahkan ID jangkar unik untuk tujuan target Anda. Buka bagian Kode tujuan target, dan berikan id id=“YourAnchorId” dalam format ini. Karena kami telah memilih judul h2 untuk tujuan contoh, kami meneruskan id di tag h2 dari judul target.
Langkah 3: Hubungkan Tujuan Ke Sorce Dengan Anchor Link
Sekarang beralih kembali ke ‘Visual’ dari editor ‘Teks’. Dan pilih sumber tautannya. Kemudian klik “🔗” (tanda Tautan) dari panel pengaturan. Kemudian tambahkan tanda ‘#’ bersama dengan ID jangkar tujuan di kolom input dan tekan enter dan selesai!
Dari ujung depan periksa apakah berfungsi atau tidak. Kami telah menautkan teks “sebagai pemilik situs web” ke tajuk h2 “Bagaimana Cara Menggunakan Tautan Jangkar Dalam Desain Web?” dan itu bekerja dengan sangat baik!
Gunakan Tautan Jangkar & Biarkan Pembaca Berselancar Melalui Situs Web Anda dengan Nyaman
Anchor Link adalah pintu gerbang untuk mendapatkan konten yang diinginkan dengan cepat di situs web. Ini juga membantu Anda mengatur konten web Anda secara efisien dan mendapatkan peringkat SEO yang lebih tinggi dengan situs web yang berorientasi baik untuk pengguna. Apakah Anda menemukan blog cukup membantu? Jika ya, maka berlangganan blog kami untuk blog yang lebih informatif dan bergabunglah dengan komunitas Facebook kami untuk semua pembaruan terbaru.
Tampilan Posting: 2
