Cara Membuat Template Halaman Hasil Pencarian Divi (Untuk Pemula)
Diterbitkan: 2022-06-17Apakah Anda bertanya-tanya bagaimana cara membuat templat halaman hasil pencarian Divi?
Dengan membuat halaman hasil pencarian khusus, Anda dapat memberikan hasil pencarian yang lebih relevan kepada pengunjung Anda dan mendorong mereka untuk menjelajahi lebih banyak konten Anda.
Salah satu cara termudah untuk melakukannya adalah dengan menggunakan Divi. Plugin pembuat halaman WordPress yang kuat ini memungkinkan Anda membuat halaman hasil pencarian khusus tanpa harus paham teknologi.
Dalam tutorial langkah demi langkah ini, kami akan menunjukkan kepada Anda bagaimana Anda dapat membuat halaman hasil pencarian khusus dengan Divi dan meningkatkannya menggunakan SearchWP.
Anda dapat menggunakan daftar isi ini untuk menavigasi dengan cepat:
- Mengapa Membuat Templat Halaman Hasil Pencarian Kustom Divi?
- Cara Membuat Halaman Hasil Pencarian
- Langkah 1: Instal dan Aktifkan SearchWP
- Langkah 2: Buat Template Halaman Hasil Pencarian Khusus Anda
- Langkah 3: Sesuaikan Halaman Hasil Pencarian Anda
- Langkah 4: Lihat Halaman Hasil Pencarian Baru Anda
Mari kita mulai!
Mengapa Membuat Templat Halaman Hasil Pencarian Kustom Divi?
Saat pengunjung menggunakan bilah pencarian di situs Anda, mereka berharap untuk melihat hasil yang relevan.
Jika mereka melihat halaman kosong setelah memasukkan kueri penelusuran, kemungkinan besar mereka akan segera meninggalkan situs Anda.
Untungnya, Anda dapat dengan mudah menghindari situasi seperti itu dengan menyesuaikan halaman hasil pencarian Anda.
Pertama, Anda dapat menggunakan metode yang telah terbukti untuk mempertahankan pengunjung di situs Anda bahkan ketika tidak ada hasil pencarian.
Yang paling populer adalah menambahkan blok dengan posting terkait dan menawarkan "Apakah Anda bersungguh-sungguh?" saran.
Ini akan membantu mendorong pengunjung untuk menjelajahi situs Anda lebih jauh dan meningkatkan pengalaman pengguna mereka. Juga, dengan menampilkan posting terkait, Anda dapat mempromosikannya dan mendapatkan lebih banyak tampilan halaman.
Kedua, Anda dapat mengubah tampilan halaman hasil pencarian agar ramah pengguna dan lebih sesuai dengan kebutuhan situs web Anda.
Misalnya, Anda dapat mengatur jumlah hasil pada halaman, menentukan informasi tentang penulis posting, menambahkan formulir pendaftaran buletin, dan banyak lagi.
Selain itu, membuat halaman hasil pencarian khusus juga akan membantu Anda untuk:
- Tingkatkan kemampuan konten Anda untuk ditemukan
- Tingkatkan jumlah tampilan per kunjungan
- Kurangi rasio pentalan situs Anda
Sekarang setelah Anda mengetahui mengapa Anda perlu membuat halaman hasil pencarian khusus di situs Anda, mari kita bicara tentang bagaimana Anda dapat melakukannya selanjutnya.
Cara Membuat Halaman Hasil Pencarian dengan Divi dan SearchWP
Cara termudah untuk membuat halaman hasil pencarian unik Anda sendiri adalah dengan menggunakan plugin pembuat halaman WordPress seperti Divi.
Dan jika Anda juga ingin membuat pencarian di situs Anda lebih cerdas, Anda dapat menggunakan Divi bersama dengan SearchWP.
Apa itu SearchWP dan Mengapa Menggunakannya?
SearchWP adalah plugin pencarian WordPress yang paling kuat dan mudah digunakan di pasar.
Ini memungkinkan Anda untuk sepenuhnya menyesuaikan cara kerja pencarian di situs Anda bahkan jika Anda bukan orang yang paham teknologi.
Misalnya, dengan SearchWP, Anda dapat mengecualikan halaman apa pun dari hasil pencarian, membuat tag posting dapat dicari, dan banyak lagi.
Dengan cara ini, Anda dapat memberi pengunjung Anda hasil pencarian yang lebih relevan dan meningkatkan kemampuan konten Anda untuk ditemukan.
Yang terbaik adalah bahwa SearchWP sepenuhnya kompatibel dengan Divi dan secara otomatis terintegrasi dengan tema Anda.
Setelah menginstal plugin, Anda dapat segera mulai menyesuaikan pencarian Anda untuk membuatnya lebih baik.
Berikut adalah beberapa hal menakjubkan yang dapat Anda lakukan dengan SearchWP:
- Tambahkan pencarian pelengkapan otomatis langsung . Instal ekstensi SearchWP Live Ajax Search untuk mengaktifkan pencarian langsung di situs Anda dalam beberapa klik, tanpa pengkodean.
- Aktifkan penelusuran untuk kecocokan sebagian . Buat WordPress mencari kecocokan sebagian jika tidak ada yang tepat untuk membantu pengunjung Anda menemukan konten yang tepat, meskipun mereka salah ketik.
- Batasi pencarian untuk jenis posting tertentu . Berikan pengunjung Anda hasil pencarian yang lebih relevan dengan mempersempitnya ke jenis posting tertentu, kategori, atau yang lainnya.
- Kelola urutan hasil pencarian . Jika Anda tidak puas dengan urutan hasil pencarian saat ini di situs Anda, Anda dapat mengubahnya sesuai keinginan Anda hanya dengan beberapa klik.
Setelah Anda mempelajari bagaimana SearchWP membantu membuat pencarian situs Anda lebih baik, mari kita lihat bagaimana Anda dapat menggunakannya dengan Divi untuk membuat halaman hasil pencarian.
Langkah 1: Instal dan Aktifkan SearchWP
Untuk memulai, Anda harus mengambil salinan SearchWP Anda di sini.
Kemudian, masuk ke akun SearchWP Anda dan klik Unduhan .
Setelah berada di halaman Unduhan , klik Unduh SearchWP dan simpan arsip ZIP dengan file plugin ke komputer Anda.
Setelah mengunduh plugin, salin kunci lisensi SearchWP Anda di halaman yang sama.
Langkah selanjutnya adalah menginstal SearchWP di situs Anda. Untuk melakukannya, Anda harus mengunggah file ZIP yang diunduh ke sana.
Jika Anda memerlukan bantuan untuk itu, Anda dapat melihat cara menginstal plugin WordPress panduan langkah demi langkah.
Setelah Anda menginstal SearchWP, Anda harus mengaktifkan salinan plugin Anda dengan kunci lisensi Anda.
Untuk memulai, buka dasbor WordPress Anda, arahkan kursor ke tombol SearchWP di panel atas, dan klik Aktifkan Lisensi .
Kemudian, rekatkan kunci lisensi SearchWP Anda ke dalam bidang lisensi dan klik Aktifkan .
Setelah aktivasi plugin, SearchWP secara otomatis terintegrasi dengan bidang pencarian apa pun di situs Anda.
Dengan cara ini, Anda dapat segera mulai memberikan hasil pencarian yang lebih relevan kepada pengunjung Anda. Anda juga dapat melihat cara menyesuaikan halaman hasil pencarian WordPress Anda dengan tutorial terperinci SearchWP untuk menjadikan pencarian Anda lebih baik.
Sekarang mari kita lanjutkan dan lihat bagaimana Anda dapat membuat halaman hasil pencarian menggunakan pembuat halaman Divi.
Langkah 2: Buat Template Halaman Hasil Pencarian Khusus Anda
Untuk memulai, navigasikan ke Divi »Pembuat Tema di dasbor WordPress Anda.
Buat template baru
Setelah Anda masuk ke halaman pembuat tema, klik Tambahkan Template Baru .
Kemudian, centang kotak di sebelah opsi Hasil Pencarian di bagian bawah menu tarik-turun dan klik Buat Template .
Seperti yang Anda lihat, template halaman Hasil Pencarian baru kami sekarang telah muncul di antara template lainnya.
Untuk mulai menyesuaikannya, klik Tambahkan Badan Khusus .
Kemudian, pilih opsi Build Custom Body .
Ini akan membawa Anda ke halaman di mana Anda dapat memilih apakah Anda ingin membuat halaman dari awal atau menggunakan salah satu template yang sudah jadi.
Dalam tutorial ini, kita akan membuat halaman hasil pencarian dari awal, jadi klik tombol Mulai Membangun .
Tambahkan modul Blog
Setelah itu, Anda dapat memilih baris untuk halaman berikutnya. Misalnya, kita akan memilih yang pertama.
Kemudian, kita dapat menambahkan modul pertama ke halaman baru kita.
Untuk menampilkan hasil pencarian di halaman ini, kita perlu menambahkan modul Blog .
Untuk memulai, masukkan "Blog" di kotak pencarian dan klik modul Blog .
Kemudian, alihkan sakelar Posting untuk Halaman Saat Ini di pengaturan modul Blog yang muncul. Ini memastikan bahwa modul ini hanya akan menampilkan hasil pencarian.
Langkah 3: Sesuaikan tata letak hasil pencarian
Sekarang Anda dapat menyesuaikan halaman hasil pencarian Anda seperti halaman Divi lainnya.
Misalnya, mari kita ubah tata letak hasil pencarian menjadi Grid . Untuk melakukannya, buka tab Desain di pengaturan modul Blog .
Kemudian, klik pada item Layout untuk memperluas pengaturannya.
Setelah itu, ubah layout modul dari Fullwidth menjadi Grid .
Setelah selesai, klik tombol dengan tanda centang untuk menyimpan perubahan yang Anda buat pada modul Blog .
Tambahkan judul
Sekarang mari kita juga menambahkan judul ke halaman hasil pencarian kita.
Untuk melakukannya, klik Plus di bagian bawah modul Blog untuk menambahkan modul baru.
Kemudian, cari modul Teks dan klik untuk menambahkannya ke halaman.
Untuk mengubah teks di dalam modul, klik di atasnya dan ketik apa pun yang Anda inginkan di jendela pengaturan yang muncul.
Misalnya, kami akan mengubahnya menjadi "Hasil pencarian".
Untuk mengubah teks menjadi heading, klik Paragraph dan pilih item Heading 1 dari menu drop-down.
Mari juga beri margin heading ke tengah. Untuk melakukan itu, klik tombol Tengah .
Jangan lupa untuk menyimpan perubahan setelah Anda selesai mengedit heading.
Langkah terakhir adalah mengubah posisi heading menjadi di atas hasil pencarian, bukan di bawahnya.
Untuk melakukannya, arahkan kursor ke judul hingga bilah alat abu-abu muncul dan seret ke bagian atas halaman.
Berikut adalah hasil yang terlihat di situs pengujian kami:
Tambahkan bilah pencarian
Mari kita juga menambahkan bilah pencarian ke halaman kita sehingga pengunjung dapat mencari lagi jika tidak ada hasil untuk kueri mereka.
Untuk memulai, klik tombol Plus yang muncul saat Anda mengarahkan kursor ke heading Anda.
Kemudian, cari modul Pencarian dan klik untuk menambahkannya ke halaman.
Anda dapat menambahkan teks ke formulir pencarian dengan memasukkannya ke dalam bidang Input Placeholder .
Misalnya, kita akan memasukkan "Coba pencarian lain".
Saat Anda puas dengan tampilan formulir pencarian Anda, klik tombol tanda centang hijau untuk menyimpan perubahan yang Anda buat.
Inilah hasil akhir dari tampilan halaman hasil pencarian Divi di situs pengujian kami:
Simpan halaman hasil pencarian baru Anda
Setelah selesai menyesuaikan halaman hasil pencarian, Anda harus menyimpannya.
Untuk memulai, klik tombol tiga titik ungu di bagian bawah editor halaman Divi.
Kemudian, tekan tombol Simpan di sudut kanan bawah untuk menyimpan halaman hasil pencarian baru Anda.
Langkah selanjutnya adalah menutup editor halaman dan kembali ke halaman Pembuat Tema . Untuk melakukannya, klik tanda silang di sudut kanan atas.
Sesampai di sana, klik Simpan Perubahan di sudut kiri atas untuk menyimpan template baru Anda.
Langkah terakhir adalah memeriksa bagaimana halaman hasil pencarian Anda terlihat di situs Anda.
Langkah 4: Lihat Halaman Hasil Pencarian Baru Anda
Cara tercepat untuk melakukannya adalah dengan menekan tombol Kunjungi situs di bawah nama situs Anda di sudut kiri atas dasbor WordPress Anda.
Setelah Anda masuk ke situs Anda, masukkan kueri penelusuran di bidang penelusuran untuk melihat hasil penelusurannya.
Misalnya, kami akan mencari "WooCommerce".
Seperti yang Anda lihat, halaman pencarian di situs kami terlihat seperti cara kami menyesuaikannya dengan Divi.
Pada artikel ini, Anda mempelajari cara membuat templat halaman hasil pencarian Divi dan membuat pencarian Anda lebih cerdas dengan SearchWP.
Menyesuaikan tampilan halaman hasil pencarian Anda akan membantu Anda mendorong pengunjung untuk melihat lebih banyak konten Anda dan mengembangkan bisnis Anda.
Jika Anda siap untuk meningkatkan pencarian di situs Anda, Anda dapat mengambil salinan SearchWP Anda di sini.
Tidak dapat menemukan posting Anda dengan tag? Lihat tutorial cara memperbaiki tag WordPress yang tidak dapat dicari.
Mencari cara untuk menyembunyikan kategori tertentu dari pencarian? Ikuti cara mengecualikan kategori dari panduan langkah demi langkah pencarian WordPress.