Cara Membuat Formulir Pencarian WordPress Kustom (Langkah demi Langkah)

Apakah Anda perlu membuat formulir pencarian khusus untuk situs WordPress Anda?

Penelusuran adalah cara sebagian besar pengguna menemukan konten di situs Anda. Jika mereka tidak dapat dengan mudah menemukan apa yang mereka cari, maka mereka dapat pindah ke situs web lain.

Pada artikel ini, kami akan menunjukkan cara meningkatkan pencarian situs web Anda dengan membuat formulir pencarian WordPress khusus, langkah demi langkah.

Mengapa Membuat Formulir Pencarian Khusus untuk WordPress?

Fitur pencarian WordPress default cukup terbatas dan tidak selalu menemukan konten yang paling relevan.

Saat Anda menambahkan lebih banyak konten ke situs Anda, Anda akan memerlukan cara yang lebih baik untuk membantu pengunjung situs web Anda dengan mudah menemukan konten di situs Anda.

Ini menjadi lebih penting jika Anda menjalankan toko online atau situs keanggotaan di mana Anda ingin pengguna menemukan produk atau kursus yang tepat.

Anda mungkin juga ingin menyesuaikan algoritme pencarian untuk menampilkan konten tertentu lebih tinggi daripada yang lain, atau menyesuaikan tampilan formulir pencarian Anda.

Karena itu, mari kita lihat cara menyesuaikan formulir pencarian dan halaman hasil WordPress. Kami akan membahas dua metode yang dapat Anda pilih menggunakan tautan di bawah ini:

Cara Menyesuaikan Formulir dan Hasil Pencarian WordPress

SearchWP adalah plugin pencarian kustom terbaik untuk WordPress. Mudah digunakan, memberi Anda kendali penuh atas hasil pencarian Anda, dan lebih akurat daripada pencarian WordPress default.

Langkah pertama adalah menginstal plugin SearchWP. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, Anda perlu mengunjungi halaman Pengaturan »SearchWP dan kemudian klik opsi menu 'Lisensi'.

Kemudian, masukkan kunci lisensi Anda di kotak 'Lisensi' dan klik tombol 'Aktifkan'. Anda dapat menemukan informasi ini di akun Anda di situs web SearchWP.

Menyesuaikan Mesin Pencari

Setelah Anda selesai melakukannya, Anda perlu mengklik opsi menu 'Mesin'. Sesampai di sana, Anda harus mengklik tombol 'Tambah Baru' untuk membuat mesin pencari baru.

Ini akan membuat mesin pencari baru yang disebut 'tambahan'. Untuk mengubah nama, Anda perlu mengklik tombol 'Sumber & Pengaturan'.

Ini membawa Anda ke halaman yang juga memungkinkan Anda memilih apakah akan mencari posting, halaman, file media, komentar, dan pengguna. Kami akan membiarkan pengaturan default apa adanya.

Kami akan mengubah nama mesin pencari menjadi 'Kustom'. Silakan dan ketik itu ke dalam bidang 'Label Mesin'.

Perhatikan bahwa opsi 'Akar Kata Kunci' telah dipilih untuk Anda. Ini akan mengabaikan akhiran kata ketika pengguna Anda melakukan pencarian sehingga hasil pencarian yang paling relevan akan ditampilkan.

Pastikan Anda mengklik tombol 'Selesai' setelah selesai.

Halaman pengaturan untuk mesin pencari berisi bagian untuk Posting, Halaman, Media, dan Pengguna. Di setiap bagian, Anda dapat memprioritaskan atribut posting yang berbeda, atau hanya menyertakan kategori atau tag tertentu dalam hasil pencarian Anda.

Anda dapat melakukannya dengan menyesuaikan bilah geser 'Relevansi Atribut'.

Ini mengubah cara mesin pencari menilai dan memberi peringkat konten. Misalnya, jika Anda ingin menilai judul posting lebih tinggi dari konten, maka Anda dapat menyesuaikan slider.

Anda harus mengerjakan setiap bagian dan membuat penyesuaian apa pun pada bilah geser yang Anda suka.

Anda juga dapat membuat aturan untuk setiap bagian yang menentukan apakah konten tertentu disertakan atau dikecualikan dari hasil pencarian.

Misalnya, Anda dapat mengizinkan pengunjung Anda dengan mudah mencari konten tentang topik yang sama seperti yang baru saja mereka baca. Atau di toko online, Anda dapat membantu pelanggan Anda untuk menemukan produk lain dalam kategori yang sama dengan cepat.

Silakan dan klik tombol 'Edit Aturan' di bagian Postingan.

Anda akan melihat bahwa Anda dapat membuat aturan tentang kategori postingan, tag dan format, tanggal publikasi, dan ID postingan.

Anda mungkin ingin membiarkan pengunjung Anda menelusuri kategori situs web tertentu. Misalnya, Anda dapat menambahkan fitur pencarian kategori ke halaman arsip Anda untuk membantu pengunjung Anda dengan cepat menemukan apa yang mereka cari.

Untuk mempelajari cara melakukannya, lihat Metode 1 di panduan langkah demi langkah kami tentang cara mencari berdasarkan kategori di WordPress.

Setelah Anda selesai menyesuaikan setelan mesin telusur default, pastikan untuk mengeklik tombol 'Simpan Mesin' di bagian atas laman untuk membuat mesin telusur khusus Anda.

Menambahkan Formulir Pencarian dengan Kode Pendek

Ekstensi Kode Pendek SearchWP menyederhanakan pekerjaan menambahkan formulir pencarian pos kustom baru Anda ke situs WordPress Anda.

Cukup kunjungi situs web SearchWP Shortcodes Extension dan kemudian klik tombol 'Download available with active license'.

Setelah itu, Anda perlu menginstal dan mengaktifkan ekstensi dengan cara yang sama seperti Anda menginstal plugin di atas.

Sekarang Anda dapat menambahkan formulir pencarian khusus ke posting, halaman, dan widget Anda menggunakan kode pendek. Jika Anda belum pernah menggunakan kode pendek sebelumnya, Anda dapat mempelajari lebih lanjut di panduan pemula kami tentang cara menambahkan kode pendek di WordPress.

Cukup edit postingan dan letakkan kursor di tempat Anda ingin menambahkan formulir pencarian. Setelah itu, klik ikon plus ' + ' Add Block untuk memunculkan menu blok.

Selanjutnya, ketik 'html' ke dalam kotak pencarian dan kemudian klik blok 'HTML Kustom' untuk menambahkannya ke postingan.

Setelah Anda menambahkan blok baru, Anda harus menempelkan kode pendek dan HTML berikut ke dalamnya.

[searchwp_search_form engine="custom" var="searchvar" button_text="Custom Search"]
  
<div class="search-results-wrapper">
 [searchwp_search_results engine="custom" var="searchvar" posts_per_page=4]
  <h2>[searchwp_search_result_link direct="true"]</h2>
  [searchwp_search_result_excerpt]
 [/searchwp_search_results]
</div>
  
<div class="no-search-results-found">
 [searchwp_search_results_none]
 No results found, please search again.
 [/searchwp_search_results_none]
</div>
  
<div class="search-results-pagination">
 [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="custom"]
 [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="custom"]
</div>

Kode ini akan menambahkan formulir pencarian kustom Anda ke posting, membuat bagian untuk menampilkan hasil pencarian, menampilkan pesan tidak ada hasil jika perlu, dan menambahkan pagination jika hasilnya masuk ke beberapa halaman.

Jika Anda memberi mesin telusur Anda nama yang berbeda, maka Anda harus mengubah engine=“custom” menjadi nama mesin Anda sendiri di empat tempat.

Anda juga dapat memilih untuk mengubah teks pada tombol telusur menjadi sesuatu yang lebih deskriptif dengan mengedit button_text=“Custom Search” . Sisa kode bisa tetap sama.

Pastikan Anda mengklik Publikasikan atau Perbarui untuk menyimpan postingan Anda dan membuatnya aktif.

Untuk melihat formulir pencarian beraksi, cukup lihat posting di situs WordPress Anda. Ini adalah tampilannya di situs demo kami yang menjalankan tema Twenty Twenty-One.

Menambahkan Pencarian Ajax Langsung

Pencarian Ajax langsung meningkatkan formulir pencarian Anda dengan secara otomatis memberikan hasil pencarian drop-down saat pengguna mengetikkan kueri mereka.

Cara termudah untuk menambahkan pencarian langsung Ajax ke WordPress adalah plugin SearchWP Live Ajax Lite Search gratis, karena memungkinkan pencarian langsung secara otomatis.

Untuk petunjuk langkah demi langkah tentang cara menginstalnya, lihat panduan kami tentang cara menambahkan pencarian Ajax langsung ke situs WordPress Anda.

Menggunakan Pengaturan Lanjutan untuk SearchWP

Sekarang Anda harus menavigasi ke Pengaturan »SearchWP dan klik pada tab Advanced. Di halaman ini, Anda dapat mengaktifkan beberapa pengaturan yang akan memudahkan pengguna Anda menemukan apa yang mereka cari.

Centang salah satu opsi berikut yang Anda inginkan:

• Kecocokan sebagian juga akan menampilkan hasil yang tidak cukup cocok dengan istilah yang dicari.
• Otomatis "Maksudmu?" koreksi akan menyarankan istilah pencarian yang sedikit berbeda yang akan cocok dengan lebih banyak posting di situs web Anda.
• Dukungan "pencarian kutipan/frasa" akan memungkinkan pengguna Anda menggunakan kutipan saat mencari frasa yang tepat.
• Sorot istilah dalam hasil akan memudahkan pengunjung Anda menemukan apa yang mereka cari di hasil pencarian.

Menata Formulir Pencarian dan Halaman Hasil

Tema WordPress Anda mengontrol tampilan situs web Anda, termasuk formulir pencarian dan halaman hasil pencarian. Mereka menyimpan aturan pemformatan untuk semua elemen situs WordPress Anda dalam lembar gaya CSS.

Anda dapat menambahkan CSS kustom Anda sendiri untuk mengganti aturan gaya tema Anda.

Jika Anda belum pernah melakukan ini sebelumnya, lihat artikel kami tentang cara menambahkan CSS khusus di WordPress untuk pemula.

Misalnya, berikut adalah beberapa CSS khusus yang akan berfungsi dengan sebagian besar tema. Bagian pertama mengubah gaya formulir pencarian dan bagian kedua menyesuaikan hasil pencarian.

.searchform {
font-family:arial;
font-size:16px;
background:#ace5e3;
color:#ffffff;
border:1px solid #61c3c0;
padding:10px;
height:90px;
width:600px;
}

.search-results {
font-family:arial;
font-size:16px;
background:#ace5e3;
color:#000000;
border:1px solid #61c3c0;
padding:10px;
width:600px;
}

Anda dapat mengubah pemformatan dalam kode agar sesuai dengan situs Anda sendiri. Anda juga dapat menghapus baris yang tidak ingin Anda ubah. Misalnya, jika Anda tidak ingin mengubah tinggi dan lebar formulir pencarian, cukup hapus baris tersebut.

Berikut adalah tangkapan layar situs web demo kami sebelum dan sesudah menambahkan CSS khusus.

Mengukur Hasil Penelusuran dan Meningkatkan Konversi

Setelah Anda menyiapkan, formulir pencarian WordPress kustom Anda, langkah selanjutnya adalah mengukur hasilnya.

SearchWP hadir dengan ekstensi metrik pencarian yang menunjukkan dengan tepat bagaimana kinerja pencarian situs web Anda.

Anda juga dapat menggunakan metrik pencarian untuk secara otomatis meningkatkan hasil pencarian dengan mempromosikan hasil yang mendapatkan lebih banyak klik ke atas.

Situs web e-niaga juga menerapkan sembulan maksud keluar dan kampanye putaran roda yang digamifikasi untuk melibatkan pengguna di halaman pencarian, sehingga mereka dapat berkonversi menjadi pelanggan email dan kemudian pelanggan segera setelahnya.

Kami harap tutorial ini membantu Anda mempelajari cara membuat formulir pencarian WordPress kustom. Anda mungkin juga ingin melihat pilihan ahli kami tentang layanan telepon bisnis terbaik untuk bisnis kecil, dan perbandingan pendaftar domain terbaik kami.

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