Vous souhaitez créer un formulaire de recherche personnalisé pour votre site WordPress ?
La recherche est la façon dont la plupart des utilisateurs trouvent du contenu pertinent et intéressant sur votre site. S’ils ne trouvent pas facilement ce qu’ils recherchent, ils peuvent passer à un autre site Web.
Dans cet article, nous allons vous montrer comment améliorer la recherche de votre site Web en créant un formulaire de recherche WordPress personnalisé.
Pourquoi créer un formulaire de recherche personnalisé pour WordPress ?
WordPress est livré avec une fonction de recherche intégrée. Cependant, cette recherche par défaut est assez limitée et ne fournit pas toujours les résultats les plus précis.
Il ne recherche pas non plus tous les types de contenu tels que les commentaires, les critiques de produits ou les types de publication personnalisés. Cela peut empêcher le visiteur de trouver ce qu’il recherche, y compris les produits et services qu’il souhaite acheter.
Si vous gérez une boutique en ligne ou un site payant, vous risquez de perdre des ventes en raison de ces limites.
Vous pouvez également donner la priorité à certains contenus par rapport à d’autres, afin qu’ils apparaissent plus haut dans les résultats de recherche. Par exemple, vous pouvez afficher les derniers messages de votre site en haut de la page des résultats de recherche ou afficher vos produits WooCommerce les plus populaires.
Malheureusement, il n’y a aucun moyen de personnaliser l’algorithme de recherche WordPress afin qu’il réponde mieux aux besoins de votre site Web.
Cela étant dit, examinons comment personnaliser le formulaire de recherche WordPress et la page de résultats, étape par étape.
Nous couvrons beaucoup de terrain dans cet article, vous pouvez donc utiliser les liens suivants pour accéder à n’importe quelle section :
Comment personnaliser le formulaire de recherche WordPress et les résultats
Le moyen le plus simple de créer un formulaire de recherche WordPress personnalisé consiste à utiliser SearchWP. SearchWP est le meilleur plugin de recherche WordPress. Il est facile à utiliser et vous donne un contrôle total sur l’algorithme de recherche de votre site, ce qui vous permet d’aider les visiteurs à trouver rapidement ce qu’ils recherchent.
La première étape consiste à installer le plugin. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Lors de l’activation, sélectionnez RechercheWP dans le menu de gauche. Ensuite, cliquez sur l’onglet ‘Support’.
Vous pouvez maintenant ajouter la clé de licence dans le champ ‘Licence’ et cliquer sur le bouton ‘Activer’.
Vous trouverez la clé de licence en vous connectant à votre compte SearchWP.
Personnalisation du moteur de recherche
Après cela, vous pouvez créer un nouveau moteur de recherche en cliquant sur l’option de menu “Moteurs”.
Ici, allez-y et cliquez sur le bouton “Ajouter un nouveau”.
Cela créera un nouveau moteur de recherche appelé “supplémentaire”.
Pour modifier le nom par défaut, cliquez simplement sur “Sources et paramètres” à côté de “Supplémentaire”.
Dans “Engine Label”, saisissez le nom que vous souhaitez utiliser pour le moteur de recherche.
Nous allons utiliser “Personnalisé” pour ce didacticiel, mais vous pouvez appeler le moteur de recherche tout ce qui vous aide à l’identifier dans le tableau de bord WordPress.
Vous utiliserez ce nom dans notre extrait de code, alors notez-le.
À ce stade, vous pouvez choisir si vous souhaitez inclure des publications, des pages, des fichiers multimédias, des commentaires et des utilisateurs dans les résultats de recherche de votre site.
Selon les plugins WordPress que vous avez installés, vous pouvez voir des options supplémentaires. Par exemple, si vous utilisez WooCommerce, vous pouvez inclure “Produits” dans les résultats de recherche SearchWP.
Pour en savoir plus sur ce sujet, consultez notre guide sur la façon de faire une recherche intelligente de produits WooCommerce.
Vous remarquerez également que “Keyword Stems” est sélectionné par défaut. Cela signifie que SearchWP peut inclure des résultats qui n’ont pas la même fin que le terme de recherche.
Par exemple, si vous recherchez « run », la racine des mots clés inclura « running » et « runners » dans les résultats.
Cela peut permettre d’afficher des résultats pertinents pour les visiteurs. Nous vous recommandons donc de laisser la case “Utiliser des tiges de mots clés” cochée. Cependant, vous pouvez la décocher si vous souhaitez afficher uniquement les correspondances exactes.
Lorsque vous êtes satisfait des informations que vous avez saisies dans la fenêtre contextuelle, cliquez sur “Terminé”.
Vous verrez maintenant des sections pour les publications, les pages, les médias et toutes les autres sources que vous avez sélectionnées.
Chaque section a ses propres curseurs « Pertinence des attributs applicables ».
Ceux-ci contrôlent la façon dont SearchWP valorise les différents attributs lors de la création de sa page de résultats de recherche. Par exemple, si vous souhaitez que le titre du message ait plus de poids que le contenu, vous devez faire glisser les curseurs en conséquence.
Dans l’image suivante, le moteur de recherche accordera plus de valeur aux correspondances qu’il trouve dans le titre de la publication, par rapport aux correspondances qu’il trouve dans le contenu de la publication.
Vous pouvez utiliser ces curseurs pour affiner l’algorithme de recherche de votre site. Cela peut sembler intimidant, mais vous pouvez ajuster ces curseurs à tout moment. De cette façon, vous pouvez affiner en permanence le fonctionnement de la recherche sur votre site, afin d’obtenir les meilleurs résultats.
Vous pouvez également créer des règles qui déterminent si certains contenus sont inclus ou exclus des résultats de la recherche. Par exemple, si vous avez un marché en ligne, vous pouvez exclure la page de compte, la page de paiement et la page de remerciement.
Cliquez simplement sur le bouton “Modifier les règles” dans la section où vous souhaitez créer la règle. Par exemple, dans l’image suivante, nous ajoutons une nouvelle règle à la section “Messages”.
Vous verrez une fenêtre contextuelle vous informant que le moteur de recherche n’a pas de règles.
Pour continuer et créer la première règle, cliquez sur le bouton “Ajouter une règle”.
Vous pouvez créer des règles pour les catégories, les balises, le format, la date de publication et l’ID.
Par défaut, le plugin inclura ce contenu dans ses résultats de recherche.
Toutefois, si vous souhaitez exclure ce contenu à la place, cliquez sur le menu déroulant qui affiche “Afficher uniquement les entrées si”, puis choisissez “Exclure les entrées si”.
En outre, vous souhaiterez peut-être laisser vos visiteurs limiter leurs recherches à des catégories spécifiques. Par exemple, vous pouvez ajouter une fonction de recherche de catégorie à vos pages d’archives. Pour savoir comment procéder, veuillez consulter notre guide sur la recherche par catégorie dans WordPress.
Une fois que vous êtes satisfait de la configuration de la règle, cliquez sur “Ajouter une règle”.
Pour créer plus de règles, répétez simplement les étapes exactes décrites ci-dessus. Lorsque vous avez terminé d’ajouter des règles pour ce type de contenu, cliquez sur le bouton “Terminé” pour fermer la fenêtre contextuelle.
Vous pouvez désormais créer des règles pour d’autres types de contenu tels que les médias et les pages, en faisant défiler leurs sections et en cliquant sur leurs boutons “Ajouter une règle”.
Lorsque vous êtes satisfait de la configuration de votre moteur de recherche personnalisé, cliquez sur le bouton “Enregistrer les moteurs” en haut de la page.
Si vous voyez un message vous demandant de reconstruire l’index, cliquez sur le bouton ‘Reconstruire l’index’.
Ce processus peut prendre quelques minutes selon la taille de votre base de données.
Ajouter le formulaire de recherche avec un shortcode
Le moyen le plus simple d’ajouter le formulaire à votre site Web consiste à utiliser l’extension Shortcodes.
Pour installer cet addon SearchWP, rendez-vous sur RechercherWP » Codes abrégés. Vous pouvez ensuite faire défiler jusqu’à la section “Shortcodes” et cliquer sur son bouton “Installer”.
Vous pouvez maintenant ajouter le formulaire à n’importe quelle publication de page ou à une zone prête pour les widgets à l’aide de code. Si vous n’avez jamais utilisé de shortcodes auparavant, veuillez consulter notre guide du débutant sur la façon d’ajouter un shortcode dans WordPress.
Par exemple, nous ajouterons le formulaire à une publication, mais les étapes seront essentiellement les mêmes pour les pages et les zones prêtes pour les widgets.
Ouvrez simplement le message où vous souhaitez afficher le formulaire, puis cliquez sur le bouton “+”. Dans la fenêtre contextuelle qui s’affiche, saisissez « HTML personnalisé ».
Lorsque le bloc HTML personnalisé apparaît, cliquez sur pour l’ajouter à la publication.
Après cela, collez le code suivant dans le bloc :
[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>
Ce code ajoutera votre formulaire de recherche personnalisé à la publication, créera une section pour afficher les résultats de la recherche et ajoutera une pagination si les résultats couvrent plusieurs pages.
Si vous avez donné un nom différent à votre moteur de recherche, vous devrez remplacer engine=“custom” dans l’extrait ci-dessus.
Le code crée également un bouton de recherche avec une étiquette “Recherche personnalisée”. Si vous souhaitez utiliser une autre étiquette à la place, modifiez simplement le texte dansbutton_text=“Custom Search”.
Après cela, cliquez sur le bouton “Publier” ou “Mettre à jour” pour activer le formulaire de recherche personnalisé.
Pour voir le formulaire de recherche en action, il vous suffit de visiter la publication sur votre site WordPress.
Style du formulaire de recherche et de la page de résultats
Votre thème WordPress contrôle l’apparence de chaque partie de votre site, y compris le formulaire de recherche et la page de résultats de recherche. Cependant, il est possible de personnaliser l’apparence de la barre de recherche à l’aide de CSS personnalisés.
Le moyen le plus simple d’ajouter du CSS personnalisé dans WordPress consiste à utiliser WPCode.
WPCode est le meilleur plugin d’extraits de code utilisé par plus d’un million de sites Web WordPress. Cela facilite l’ajout de code personnalisé dans WordPress sans avoir à modifier le fichier functions.php.
Avec WPCode, vous pouvez modifier le code d’un site Web sans risquer d’erreurs et de fautes de frappe qui peuvent causer de nombreuses erreurs WordPress courantes.
La première chose que vous devez faire est d’installer et d’activer le plugin gratuit WPCode. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Lors de l’activation, rendez-vous sur Extraits de code » Ajouter un extrait.
Ici, passez simplement votre souris sur “Ajouter votre code personnalisé”.
Lorsqu’il apparaît, cliquez sur “Utiliser…