Advan – Kamu pernah mendengar istilah breadcrumb? Breadcrumb adalah navigasi yang membantu pengunjung memahami struktur situs web kamu. Dengan breadcrumb, pengunjung bisa tahu mereka sedang berada di mana dan bagaimana cara kembali ke halaman sebelumnya. Apakah kamu penasaran, bagaimana cara menambahkan breadcrumb di header Elementor? Tenang saja, kamu akan menemukan langkah-langkahnya di artikel ini. Breadcrumb sangat penting untuk meningkatkan user experience dan SEO situs web kamu.
Langkah-langkah Menambahkan Breadcrumb di Header Elementor
Menambahkan breadcrumb di header Elementor tidak sesulit yang kamu bayangkan, dengan panduan yang telah kami siapkan, kamu tidak akan merasa kesulitan. Ikuti langkah-langkah berikut ini, dan dalam waktu singkat, situs web kamu akan lebih ramah pengguna dan mudah dinavigasi.
1. Install Plugin Breadcrumb
Langkah pertama adalah menginstal plugin breadcrumb. Ada banyak plugin yang bisa kamu gunakan, seperti Yoast SEO atau Breadcrumb NavXT. Pilih salah satu yang sesuai dengan kebutuhanmu. Setelah menginstal, aktifkan plugin tersebut.
2. Buat Template Header di Elementor
Buka Elementor dan buat template header baru atau edit yang sudah ada. Pada template ini, kamu akan menambahkan widget breadcrumb yang telah disediakan oleh plugin yang kamu install. Pastikan template header ini aktif di seluruh halaman yang kamu inginkan.
3. Tambahkan Widget Breadcrumb
Pada template header yang sedang kamu edit, cari widget breadcrumb dari plugin yang kamu gunakan. Drag dan drop widget tersebut ke posisi yang diinginkan di header kamu. Biasanya, breadcrumb diletakkan di bawah menu utama atau di atas konten utama.
Baca Juga: Cara Membuat Header Transparan di Elementor
4. Sesuaikan Desain dan Tampilan
Setelah menambahkan widget breadcrumb, kamu bisa menyesuaikan desain dan tampilannya agar sesuai dengan tema situs web kamu. Gunakan fitur styling di Elementor untuk mengubah warna, ukuran, dan font breadcrumb. Pastikan breadcrumb terlihat jelas dan mudah dibaca.
5. Atur Pengaturan Breadcrumb di Plugin
Buka pengaturan plugin breadcrumb yang kamu gunakan. Sesuaikan pengaturan seperti struktur breadcrumb, separator, dan visibilitas. Beberapa plugin juga memungkinkan kamu untuk menyesuaikan breadcrumb untuk jenis konten tertentu.
6. Uji dan Publikasikan
Setelah semuanya siap, jangan lupa untuk menguji breadcrumb di beberapa halaman situs web kamu. Pastikan breadcrumb berfungsi dengan baik dan tampil sesuai dengan yang kamu inginkan. Jika sudah puas, publikasikan template header kamu.
Menambahkan breadcrumb di header Elementor adalah langkah cerdas untuk meningkatkan navigasi dan SEO situs web kamu. Dengan mengikuti langkah-langkah di atas, kamu bisa membuat breadcrumb yang fungsional dan estetis dalam waktu singkat.
Untuk pengalaman pengeditan yang lebih lancar dan cepat, kamu bisa menggunakan Advan Workplus. Laptop ini dilengkapi dengan prosesor canggih dan RAM besar, memastikan performa optimal saat kamu bekerja dengan Elementor.
Dapatkan Advan Workplus sekarang juga dan rasakan kemudahan serta kecepatan dalam menyempurnakan situs web kamu!***
Editor: Mahfida Ustadhatul Umma