Cara "Mudah" Menambahkan Anchor Anchor di WordPress (Langkah demi Langkah)

Kami sesekali menggunakan tautan jangkar di pos WordPress yang lebih panjang untuk membantu pengguna dengan cepat beralih ke bagian yang ingin mereka baca.

Tautan jangkar sering digunakan dalam tabel bagian konten karena mereka membantu pengguna naik dan turun artikel yang lebih panjang tanpa memuat ulang halaman. Ini juga dapat membantu dengan SEO karena Google dapat menampilkannya di bawah daftar pencarian Anda untuk navigasi yang mudah (lebih lanjut tentang ini nanti).

Dalam panduan langkah demi langkah ini, kami akan menjelaskan apa itu tautan jangkar dan menunjukkan kepada Anda cara menambahkan tautan jangkar di WordPress dengan mudah.

Menambahkan tautan jangkar di WordPress

Siap? Mari kita mulai dengan contoh langsung tautan jangkar.

Di bawah ini adalah daftar semua topik yang akan kita bahas dalam panduan ini. Silakan dan klik salah satu tautan ini, dan Anda akan dibawa ke bagian tertentu.

Tautan jangkar adalah jenis tautan pada halaman yang membawa Anda ke tempat tertentu di halaman yang sama. Ini memungkinkan pengguna untuk melompat ke bagian yang paling mereka minati.

Lihatlah screenshot animasi di bawah ini:

Pratinjau tautan jangkar

Seperti yang Anda lihat, mengklik tautan jangkar membawa pengguna ke bagian tertentu di halaman yang sama.

Anchor anchor umumnya digunakan dalam artikel yang lebih panjang sebagai daftar isi yang memungkinkan pengguna untuk dengan cepat beralih ke bagian yang ingin mereka baca.

Mengapa dan kapan Anda harus menggunakan tautan jangkar?

Rata-rata pengguna menghabiskan kurang dari beberapa detik sebelum memutuskan apakah mereka ingin tinggal atau meninggalkan situs web Anda. Anda hanya memiliki beberapa detik itu untuk meyakinkan pengguna agar tetap tinggal.

Cara terbaik untuk melakukannya adalah membantu mereka dengan cepat melihat informasi yang mereka cari.

Anchor anchor membuat ini lebih mudah dengan memungkinkan pengguna untuk melewatkan sisa konten dan melompat langsung ke bagian yang menarik bagi mereka. Ini meningkatkan pengalaman pengguna dan membantu Anda memenangkan pelanggan / pembaca baru.

Anchor link juga bagus untuk SEO WordPress. Google dapat menampilkan tautan jangkar di hasil pencarian sebagai "lompat ke tautan".

Lompat ke tautan di hasil pencarian

Terkadang Google juga dapat menampilkan beberapa tautan dari halaman itu sebagai lompat ke tautan, dan ini terbukti meningkatkan rasio klik-tayang dalam hasil pencarian. Dengan kata lain, kamu dapatkan lebih banyak lalu lintas ke situs web Anda.

Banyak lompatan ke tautan di bawah hasil pencarian

Karena itu, mari kita lihat bagaimana cara menambahkan tautan jangkar di WordPress dengan mudah.

Jika Anda hanya ingin menambahkan beberapa tautan jangkar di artikel Anda, maka Anda dapat dengan mudah melakukannya secara manual.

Pada dasarnya Anda perlu menambahkan dua hal agar anchor text berfungsi sebagaimana dimaksud.

Buat tautan jangkar dengan tanda # sebelum teks jangkar. Tambahkan atribut id ke teks tempat Anda ingin pengguna dibawa.

Mari kita mulai dengan bagian tautan jangkar.

Langkah 1. Membuat tautan jangkar

Pertama, Anda perlu memilih teks yang ingin Anda tautkan dan kemudian klik tombol masukkan tautan di Editor WordPress Gutenberg.

Tambahkan tautan di WordPress

Ini akan memunculkan popup tautan sisipkan di mana Anda biasanya menambahkan URL atau mencari posting atau halaman untuk ditautkan.

Namun, untuk tautan jangkar, Anda cukup menggunakan # sebagai awalan dan memasukkan kata kunci untuk bagian yang Anda inginkan untuk dilompati pengguna.

Membuat tautan jangkar

Setelah itu klik tombol enter untuk membuat tautan.

Beberapa tips bermanfaat untuk memilih teks apa yang akan digunakan sebagai tautan anchor # Anda:

Gunakan kata kunci yang terkait dengan bagian yang Anda tautkan. Jangan membuat tautan jangkar Anda terlalu panjang atau rumit. Gunakan tanda hubung untuk memisahkan kata dan membuatnya lebih mudah dibaca. Anda dapat menggunakan huruf besar dalam jangkar teks untuk membuatnya lebih mudah dibaca. Misalnya: # Best-Coffee-Shops-Manhattan.

Setelah menambahkan tautan, Anda akan dapat melihat tautan yang Anda buat di editor. Namun, mengklik tautan tidak melakukan apa-apa.

Itu karena browser tidak dapat menemukan tautan jangkar sebagai ID.

Mari kita perbaiki dengan mengarahkan browser ke area, bagian, atau teks yang ingin Anda tampilkan ketika pengguna mengklik tautan jangkar.

Langkah 2. Tambahkan atribut ID ke bagian yang ditautkan

Dalam editor konten, gulir ke bawah ke bagian yang Anda inginkan untuk dinavigasi oleh pengguna ketika mereka mengklik tautan jangkar. Biasanya, ini adalah heading untuk bagian baru.

Selanjutnya, klik untuk memilih blok dan kemudian dalam pengaturan blok klik pada tab Advanced untuk memperluasnya. Anda cukup mengeklik tab Tingkat Lanjut ’di bawah pengaturan blok tajuk.

Anchor HTML

Setelah itu, Anda perlu menambahkan teks yang sama dengan yang Anda tambahkan sebagai tautan jangkar di bawah bidang Anchor HTML Anchor ’. Pastikan Anda menambahkan teks tanpa # awalan.

Anda sekarang dapat menyimpan posting Anda dan melihat tautan anchor Anda beraksi dengan mengklik tab pratinjau.

Bagaimana jika bagian yang ingin Anda tampilkan bukan tajuk tapi hanya paragraf biasa atau blok lainnya?

Dalam hal ini, Anda perlu mengklik menu tiga titik pada pengaturan blok dan pilih ‘Edit sebagai HTML’.

Edit sebagai HTML

Ini akan memungkinkan Anda untuk mengedit kode HTML untuk blok tertentu. Anda harus memilih menemukan tag HTML untuk elemen yang ingin Anda tunjuk. Sebagai contoh,

apakah itu sebuah pagraph, atau

jika itu adalah blok tabel, dan sebagainya.

Sekarang, Anda perlu menambahkan jangkar sebagai atribut ID ke tag itu, seperti kode berikut:

Anda sekarang akan melihat pemberitahuan bahwa blok ini berisi konten yang tidak terduga atau tidak valid. Anda perlu mengklik konversi ke HTML untuk mempertahankan perubahan yang Anda buat.

Konversikan ke HTML

Cara Menambahkan Anchor Link Secara Manual di Editor Klasik

Jika Anda masih menggunakan yang lebih lama editor klasik untuk WordPress, maka di sini adalah bagaimana Anda dapat menambahkan tautan jangkar.

Langkah 1. Buat tautan jangkar

Pertama, pilih teks yang ingin Anda ubah menjadi tautan jangkar dan kemudian klik tombol ‘Masukkan Tautan’.

Menambahkan tautan jangkar di Editor Klasik

Setelah itu, Anda perlu menambahkan anchor link Anda dengan awalan tanda # diikuti oleh siput yang ingin Anda gunakan untuk tautan tersebut.

Langkah 2. Tambahkan atribut ID ke bagian yang ditautkan

Langkah selanjutnya adalah mengarahkan browser ke bagian yang ingin Anda tampilkan ketika pengguna mengklik tautan jangkar Anda.

Untuk itu, Anda harus beralih ke mode 'Teks' di editor klasik. Setelah itu gulir ke bawah ke bagian yang ingin Anda tampilkan.

Menambahkan ID jangkar di Editor Klasik

Sekarang cari tag HTML yang ingin Anda targetkan. Sebagai contoh,

,

,

, dan seterusnya.

Anda perlu menambahkan atribut ID ke dalamnya dengan slug link anchor Anda tanpa # awalan, seperti ini:

Anda sekarang dapat menyimpan perubahan Anda dan mengklik tombol pratinjau untuk melihat tautan jangkar Anda sedang beraksi.

Cara Menambahkan Tautan Jangkar Secara Manual dalam HTML

Jika Anda terbiasa menulis dalam mode Teks dari Editor Klasik lama di WordPress, maka inilah cara Anda membuat tautan jangkar secara manual dalam HTML.

Pertama, Anda perlu membuat tautan jangkar dengan awalan # menggunakan yang biasa tag, seperti ini:

Warung Kopi Terbaik di Manhattan

Selanjutnya, Anda perlu menggulir ke bawah ke bagian yang ingin Anda tampilkan ketika pengguna mengklik tautan.

Biasanya, bagian ini adalah heading (h2, h3, h4, dll.), Tetapi bisa berupa elemen HTML lain atau bahkan paragraf sederhana

menandai.

Anda perlu menambahkan atribut ID ke tag HTML, dan kemudian menambahkan slug tautan jangkar tanpa # awalan.

Warung Kopi Terbaik di Manhattan

Anda sekarang dapat menyimpan perubahan Anda dan melihat pratinjau situs web Anda untuk menguji tautan jangkar.

Metode ini cocok untuk pengguna yang secara teratur menerbitkan artikel berbentuk panjang dan perlu membuat daftar isi dengan tautan jangkar.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan Daftar Isi yang Mudah plugin. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

Plugin ini memungkinkan Anda untuk secara otomatis membuat daftar isi dengan tautan jangkar. Ini menggunakan judul untuk menebak bagian konten, dan Anda dapat menyesuaikan sepenuhnya untuk memenuhi kebutuhan Anda.

Setelah aktivasi, cukup buka Pengaturan »Daftar Isi halaman untuk mengkonfigurasi pengaturan plugin.

Pengaturan plugin Easy Table of Contents

Pertama, Anda harus mengaktifkannya untuk jenis posting di mana Anda ingin menambahkan daftar isi. Secara default, plugin ini diaktifkan untuk halaman, tetapi Anda juga dapat mengaktifkannya untuk posting Anda.

Anda juga dapat mengaktifkan opsi penyisipan otomatis. Ini memungkinkan plugin untuk secara otomatis menghasilkan daftar isi untuk semua artikel, termasuk artikel lama yang sesuai dengan kriteria.

Jika Anda hanya ingin membuat daftar isi untuk artikel tertentu secara otomatis, maka Anda dapat membiarkan opsi ini tidak dicentang.

Selanjutnya, gulirkan sedikit ke bawah untuk memilih di mana Anda ingin menampilkan daftar isi dan kapan Anda ingin dipicu.

Pilih tempat dan waktu untuk menampilkan daftar isi

Anda dapat meninjau pengaturan lanjutan lainnya pada halaman dan mengubahnya sesuai kebutuhan.

Jangan lupa mengklik tombol 'Simpan Perubahan' untuk menyimpan pengaturan Anda.

Jika Anda mengaktifkan opsi penyisipan otomatis, maka Anda sekarang dapat melihat artikel yang ada dengan jumlah judul yang ditentukan.

Anda akan melihat bahwa plugin akan secara otomatis menampilkan daftar isi sebelum tajuk pertama dalam artikel.

Jika Anda ingin membuat daftar isi secara manual untuk artikel tertentu, maka Anda perlu mengedit artikel tempat Anda ingin menampilkan daftar isi dengan tautan jangkar.

Pada layar edit posting, gulir ke bawah ke tab ‘Daftar Isi’ di bawah editor.

Tambahkan daftar isi secara manual dengan tautan jangkar

Dari sini, Anda dapat memeriksa opsi ‘Sisipkan daftar isi’ dan pilih judul yang ingin Anda sertakan sebagai tautan jangkar.

Anda sekarang dapat menyimpan perubahan dan melihat pratinjau artikel Anda. Plugin akan secara otomatis menampilkan daftar tautan jangkar sebagai daftar isi Anda.

Pratinjau daftar isi

Untuk instruksi lebih rinci, lihat artikel kami di cara menambahkan daftar isi di WordPress.

Kami harap artikel ini membantu Anda mempelajari cara menambahkan tautan jangkar di WordPress dengan mudah. Anda mungkin juga ingin melihat tips kami tentang cara melakukannya dengan benar mengoptimalkan posting blog Anda untuk SEO dan kami memilih plugin pembangun halaman WordPress terbaik.

Jika Anda menyukai artikel ini, silakan berlangganan artikel kami Saluran Youtube untuk tutorial video WordPress. Anda juga dapat menemukan kami di Kericau dan Facebook.

.

Sumber Artikel

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *