Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer un formulaire de recherche personnalisé sur WordPress (étape par étape)

Beaucoup d’internautes utilisent la fonction de recherche pour trouver des choses sur votre site WordPress. Malheureusement, la boîte de recherche par défaut de WordPress n’est souvent pas assez performante, ce qui peut être très frustrant. S’ils ne trouvent pas ce qu’ils cherchent, ils risquent de partir et d’aller ailleurs.

La création d’un formulaire de recherche personnalisé peut vraiment aider les internautes à trouver plus facilement ce dont ils ont besoin. Cela peut sembler difficile au début, mais cela en vaut la peine, car l’utilisation de votre site s’en trouvera grandement améliorée.

Avec un formulaire de recherche personnalisé, vous pouvez contrôler ce que les internautes voient lorsqu’ils effectuent une recherche, afin de vous assurer qu’ils trouvent ce qu’il y a de mieux. La mise en place peut sembler un peu difficile, mais le gain en termes de satisfaction des internautes est énorme. De plus, un outil comme SearchWP peut faciliter le processus.

Dans cet article, nous allons vous aider à créer un formulaire de recherche personnalisé sur WordPress, étape par étape.

How to create a custom WordPress search form (step by step)

Pourquoi créer un formulaire de recherche personnalisé pour WordPress ?

WordPress dispose d’une fonction de recherche intégrée. Cependant, elle ne recherche pas tous les types de contenu, tels que les commentaires, les évaluations de produits ou les types de publications personnalisées.

Cela peut empêcher les internautes de trouver ce qu’ils cherchent, y compris les produits qu’ils pourraient vouloir acheter sur votre stock en ligne.

Vous pouvez également donner la priorité à certains contenus pour qu’ils apparaissent plus haut dans les résultats de recherche. Par exemple, vous pouvez afficher les derniers articles de votre site en haut de la page des résultats de recherche ou vos produits WooCommerce les plus populaires.

Avec cela à l’esprit, nous allons vous montrer comment vous pouvez personnaliser le formulaire de recherche WordPress. Nous couvrons beaucoup de terrain dans cette publication, il suffit donc d’utiliser les liens rapides ci-dessous pour passer directement à la section que vous souhaitez lire :

Vous êtes prêts ? C’est parti !

Étape 1 : Créer un algorithme de recherche personnalisé pour WordPress

La façon la plus simple d’améliorer l’algorithme de recherche intégré de WordPress est d’utiliser SearchWP.

SearchWP est la meilleure extension de recherche WordPress. Il est facile à utiliser et vous donne un contrôle complet sur l’algorithme de recherche de votre site, de sorte que vous pouvez aider les internautes à trouver ce qu’ils recherchent rapidement. Il permet également de rechercher des contenus que WordPress ignore par défaut.

En savoir plus, vous pouvez consulter notre avis complet sur SearchWP.

La première chose à faire est d’installer et d’activer l’extension. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois activé, allez dans SearchWP  » Réglages et cliquez sur l’onglet ‘Général’.

How to activate the SearchWP search plugin

Ici, vous devez saisir votre licence dans la case « Clé de licence ». Vous trouverez cette information dans votre compte sur le site de SearchWP.

Une fois que vous avez terminé, cliquez sur le bouton « Vérifier la clé ».

Après avoir activé l’extension, vous pouvez affiner la manière dont SearchWP indexe, recherche et affiche votre contenu. Cela revient à créer un algorithme de recherche Google personnalisé pour votre blog ou site WordPress.

Pour commencer, vous devez vous rendre sur SearchWP «  Algorithme.

Creating a custom search algorithm for your WordPress website

Vous y consulterez une section pour les différents types de contenu que SearchWP recherche par défaut, notamment les pages, les publications et les fichiers multimédias.

Pour inclure davantage de types de contenu dans les résultats de la recherche, vous pouvez cliquer sur le bouton « Sources et paramètres ».

How to search additional content types using SearchWP

Vous verrez maintenant une fenêtre surgissante avec tous les différents types de contenu que SearchWP peut rechercher. Par exemple, vous pouvez rendre les commentaires de blog consultables dans WordPress.

En fonction des plugins WordPress que vous avez installés, vous pouvez voir des options supplémentaires. Par exemple, si vous utilisez WooCommerce, vous pouvez inclure les « Produits » dans les résultats de recherche de SearchWP.

Pour en savoir plus sur ce sujet, n’hésitez pas à consulter notre guide sur la façon de faire une recherche intelligente de produits WooCommerce.

Il vous suffit donc de cocher la case correspondant à chaque type de contenu que vous souhaitez inclure dans les résultats de la recherche.

Adding additional content types to WordPress search

Vous remarquerez également que l’option « Mots-clé » est sélectionnée par défaut. Cela signifie que SearchWP peut inclure des résultats qui n’ont pas la même terminaison que le terme recherché.

Par exemple, si vous recherchez « courir », le mot-clé « stemming » inclura « running » et « runners » dans les résultats.

Cela permet d’afficher des résultats pertinents pour les internautes, c’est pourquoi nous vous recommandons de laisser la case « Tiges de mot-clé » cochée. Toutefois, vous pouvez la décocher si vous souhaitez n’afficher que les correspondances exactes.

SearchWP's keyword stems feature

Lorsque vous êtes satisfait des informations saisies dans la fenêtre contextuelle, cliquez sur « Terminé ».

Vous verrez maintenant une section pour toutes les sources que vous avez sélectionnées.

Searching products and comments on a WordPress store

Chaque section dispose de ses propres diaporamas de pertinence des attributs applicables.

Il s’agit du poids que SearchWP accordera à chaque attribut lors de la création des résultats de recherche.

Creating a custom search algorithm using SearchWP

Le contenu qui correspond à un attribut très pertinent apparaîtra plus haut dans les résultats de recherche. En revanche, le contenu qui correspond à un attribut moins pertinent apparaîtra plus bas dans les résultats de recherche du compte.

Pour donner plus de poids à un attribut, il suffit de déplacer son curseur vers la droite. Dans l’image suivante, le moteur de recherche accordera plus de valeur aux correspondances dans le titre de l’article qu’aux correspondances dans le contenu de l’article.

Customizing the applicable attributes relevance slider

Chaque site WordPress est unique, vous pouvez donc essayer différents paramètres de pertinence pour voir ce qui vous donne les résultats de recherche les plus précis et les plus utiles.

Par exemple, si vous avez téléversé votre menu au format PDF sur le site de votre restaurant, il s’agit d’un contenu important et vous voudrez généralement l’afficher dans les résultats de recherche.

Si vous utilisez des champs personnalisés, vous pouvez également les rendre consultables sur votre site WordPress.

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 une place de marché en ligne, vous pouvez exclure la page de compte, la page de paiement et la page de remerciement.

Il vous suffit de cliquer sur le bouton « Modifier les règles » dans la section où vous souhaitez créer la règle. Dans l’image suivante, nous ajoutons une nouvelle règle à la section « Publications ».

Adding rules to your search engine

Cela ouvre une fenêtre surgissante dans laquelle vous pouvez modifier les règles du moteur de recherche.

Pour créer votre première règle, cliquez sur le bouton « Ajouter une règle ».

Editing the rules for your website's search

Vous pouvez désormais choisir le contenu que vous souhaitez inclure ou exclure des résultats de recherche pertinents.

Ouvrons donc le premier menu déroulant et choisissons soit « Afficher uniquement les entrées si », soit « Exclure les entrées si », en fonction du type de règle que vous souhaitez créer.

Adding a custom rule to your search form

Vous pouvez maintenant utiliser le reste des paramètres pour spécifier le contenu que vous souhaitez exclure ou inclure. Par exemple, si vous souhaitez inclure ou exclure une catégorie spécifique, vous devez saisir le nom de la catégorie.

Vous pouvez également saisir les taxonomies personnalisées que vous souhaitez exclure ou inclure.

Excluding categories form the WordPress search results

Pour exclure ou inclure des identifiants de publication spécifiques dans les résultats de la recherche, il suffit d’ouvrir le menu déroulant et de sélectionner « Identifiants ».

Vous pouvez ensuite saisir le nom de l’identifié.

Excluding tags from the WordPress search results

Pour ajouter une autre règle, il suffit de cliquer sur le bouton « Ajouter une règle » et de répéter le processus décrit ci-dessus. Lorsque vous êtes satisfait de la configuration des règles, cliquez sur « Terminé ».

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 les sections correspondantes et en cliquant sur le bouton « Ajouter une règle ».

Lorsque vous êtes satisfait de la configuration de l’algorithme de recherche, faites défiler la page jusqu’en haut et cliquez sur le bouton « Enregistrer ».

Saving a custom search algorithm on your WordPress website

SearchWP va maintenant reconstruire l’index. En fonction de la vitesse de votre connexion Internet et de votre fournisseur d’hébergement WordPress, cette opération peut prendre quelques minutes.

Dès que vous verrez  » État de l’index 100 % « , vous saurez que SearchWP a ajouté l’ensemble de votre contenu et de vos règles à l’index de recherche.

Rebuilding the WordPress search index

Étape 2 : Créer un formulaire de recherche personnalisé pour votre site Web WordPress

Par défaut, tous les formulaires de recherche de votre site WordPress utiliseront le nouvel algorithme SearchWP que vous avez créé dans la section précédente. Cela signifie que les internautes commenceront à voir des résultats plus précis et plus pertinents tout de suite.

Cependant, pour obtenir des résultats encore meilleurs, vous pouvez créer des formulaires de recherche avancée pour différents types de contenu. Par exemple, vous pourriez créer un formulaire de recherche de produits WooCommerce intelligent qui examine uniquement des catégories de produits particulières.

Vous pouvez également créer un formulaire de recherche avancée pour des types de publication personnalisés. Par exemple, nous avons créé un formulaire de recherche par type de publication personnalisé pour nos pages « Offres » et « Glossaire ».

An example of a custom search form on a WordPress website

Chaque formulaire surchargera l’algorithme de recherche par défaut de WordPress, de sorte que vous pouvez créer autant de formulaires différents que vous le souhaitez avec des réglages uniques.

Pour commencer, vous devez vous rendre sur SearchWP  » Formulaires de recherche et cliquer sur le bouton « Ajouter une nouvelle ».

Adding a custom search form to your WordPress website

Cela crée un nouveau formulaire de recherche que vous pouvez personnaliser.

Par exemple, si vous gérez un site d’évaluation, vous pouvez créer un formulaire qui recherche les publications d’évaluation de produits et ignore les autres contenus tels que les articles de votre blog et les médias. Cela peut aider les internautes à trouver plus rapidement ce qu’ils recherchent.

Vous pouvez maintenant donner un nom unique au formulaire en cliquant sur le petit crayon situé à côté de « Search Form 1 ».

How to create an advanced search form using SearchWP

Dans l’écran suivant, vous pouvez saisir un nom pour le formulaire de recherche personnalisé.

Vous pouvez donc utiliser tout ce qui vous permet d’identifier le formulaire dans le tableau de bord de WordPress.

Adding a title to a custom search form

Ensuite, vous pouvez choisir une mise en page à l’aide des miniatures du « Thème de mise en page ».

Certains de ces modèles sont conçus pour des formulaires de recherche spécifiques. Par exemple, si vous créez un formulaire de recherche par catégorie dans WordPress, la rubrique « Recherche par catégorie » contient déjà la plupart des paramètres dont vous avez besoin.

Choosing a theme for your WordPress search form

Il suffit de cliquer sur les différents thèmes pour avoir un aperçu de l’aspect de ce formulaire sur votre site. Après avoir pris votre décision, faisons défiler jusqu’à la section  » Styles personnalisés « .

Les paramètres affichés peuvent varier en fonction de la présentation de votre thème. Par exemple, si vous avez sélectionné « Recherche rapide », le paramètre « Recherche rapide » sera activé par défaut.

Choosing a search form theme

Vous pouvez désactiver et activer les différentes options à l’aide de leurs boutons. L’aperçu se met à jour automatiquement au fur et à mesure que vous apportez des modifications, afin que vous puissiez voir ce qui convient le mieux à votre site web.

En fonction de votre mise en page et du type de formulaire que vous souhaitez créer, il se peut que vous deviez activer ou désactiver certains des paramètres de « Personnalisation ». Par exemple, si vous souhaitez créer un formulaire qui recherche par catégorie, cliquez pour activer le permutateur « Recherche par catégorie ».

Veillez également à sélectionner le moteur de recherche personnalisé que vous avez créé précédemment dans le menu  » Moteur « . En ce qui concerne la « page de résultats« , vous pouvez utiliser la version par défaut de WordPress ou créer une page de résultats de recherche personnalisée.

Enter project details

Par défaut, SearchWP recherche tous les médias, pages et publications de votre site WordPress. Si vous avez créé des types de publication personnalisés, vous pouvez les inclure dans les résultats de la recherche en utilisant le champ « Type de recherche ».

Il suffit de taper chaque type de publication personnalisé que vous souhaitez inclure. Lorsque le bon type de publication personnalisé apparaît, allez-y et cliquez pour l’ajouter à la recherche.

How to search custom post types in WordPress

Si vous souhaitez exclure des médias, des pages ou des publications des résultats de la recherche, il vous suffit de cliquer sur le petit « X » situé à côté de « Médias », « Pages » ou « Publications » dans le champ « Type de recherche ».

Ensuite, vous devez trouver le champ « Sélectionner une catégorie » et saisir chaque catégorie que vous souhaitez inclure dans les résultats de la recherche.

Par exemple, si vous gérez un magasin en ligne, vous pouvez créer des formulaires permettant de rechercher des catégories de produits spécifiques.

Pour les blogs WordPress, il est possible de n’inclure que des catégories de contenu spécifiques dans le formulaire de recherche.

Creating an advanced search form in WordPress

Par défaut, SearchWP affiche un message générique « Saisissez un mot-clé et recherchez » avant que l’internaute ne saisisse une requête de recherche.

Vous pouvez remplacer ce message par le vôtre en tapant dans « Field Label ».

Change how the custom search form looks on your website

Si vous souhaitez permettre aux internautes de filtrer les résultats de leur recherche à l’aide de facteurs tels que l’auteur/autrice, le type de publication et l’identifiant, vous devez cliquer sur le permutateur « Recherche avancée ».

Ensuite, vous pouvez faire défiler le champ « Filtres de recherche avancée ».

Par défaut, SearchWP permet aux internautes de filtrer leurs résultats à l’aide des  » auteurs « , des  » types de publication  » et des  » identifiés « .

Changing the WordPress search filters

Pour supprimer l’un de ces filtres, il suffit de cliquer sur son bouton « X ». Et si vous souhaitez ajouter d’autres filtres, il vous suffit de taper leur nom dans le champ prévu à cet effet.

Ensuite, lorsque la bonne option apparaît dans le menu déroulant, il suffit de cliquer dessus.

Searching WordPress tags using SearchWP

Lorsque vous êtes satisfait de ces paramètres, vous pouvez passer à la section « Style de formulaire ».

Ici, vous pouvez choisir entre différents styles de formulaires, ajouter une bordure et modifier la taille de la police.

Choosing a new form style using SearchWP

Sous « Style de bouton », vous pouvez personnaliser le bouton « Rechercher » qui apparaît dans le formulaire.

Il existe d’autres réglages que vous pouvez utiliser pour modifier l’apparence et le fonctionnement du formulaire. Cependant, c’est tout ce dont vous avez besoin pour créer un formulaire de recherche personnalisé avancé.

Lorsque vous êtes satisfait de la configuration du formulaire, il est temps de faire défiler l’écran vers le haut et de cliquer sur « Gagner » pour enregistrer vos paramètres.

How to save your custom form settings

Pour créer d’autres formulaires de recherche personnalisés avec des réglages uniques, il suffit de répéter exactement la même procédure que celle décrite ci-dessus.

Étape 3 : Ajouter le formulaire de recherche personnalisé à votre site WordPress

Vous pouvez ajouter un formulaire de recherche avancée à n’importe quelle page, publication ou zone prête à accueillir un widget à l’aide du bloc « Formulaire de recherche ».

A titre d’exemple, voyons comment ajouter un formulaire de recherche à une publication.

Il suffit d’ouvrir la publication dans l’éditeur de contenu de WordPress et de cliquer sur l’icône  » + « . Tapez ensuite « Formulaire de recherche ».

Adding a search form to any WordPress page or post

Lorsque le bon bloc apparaît, cliquez dessus pour le sélectionner.

Vous pouvez maintenant ouvrir la liste déroulante « Sélectionné un formulaire » et choisir le formulaire que vous souhaitez utiliser.

Choosing between multiple search forms in WordPress

Lorsque vous êtes prêt à mettre en direct le formulaire de recherche, cliquez sur « Mettre à jour » ou « Publier ».

Il suffit maintenant de visiter cette page ou cette publication pour voir le formulaire de recherche en action.

Pour plus de détails, vous pouvez consulter notre guide sur l ‘ajout d’un formulaire de recherche à une publication WordPress.

Pour ajouter un formulaire de recherche à une zone prête à recevoir des widgets, vous devez vous rendre dans Apparence  » Widgets« . Cliquez simplement sur l’icône du bloc « + » dans la zone où vous souhaitez afficher le formulaire de recherche.

Adding a search block to any widget-ready area

Tapez ensuite « Formulaire de recherche ».

Lorsque le bon bloc apparaît, il suffit de cliquer dessus pour l’ajouter à la zone de widgets.

Adding a search form to the sidebar or similar section

Vous pouvez maintenant ouvrir le menu déroulant et choisir le formulaire de recherche que vous souhaitez utiliser.

Lorsque vous avez terminé, n’oubliez pas de cliquer sur le bouton « Mettre à jour » pour mettre le formulaire de recherche en direct.

Publishing a search bar in WordPress

Pour des instructions plus détaillées, veuillez consulter notre guide sur l’ajout et l’utilisation de widgets.

Si vous souhaitez insérer le formulaire de recherche dans votre menu de navigation, lisez notre article sur l’ajout d’une barre de recherche dans le menu de WordPress.

Astuce bonus : Optimisez votre formulaire de recherche personnalisé sur WordPress

Maintenant que vous savez comment créer un formulaire de recherche personnalisé pour votre site WordPress, voyons quelques moyens simples de l’améliorer pour une meilleure expérience utilisateur.

Option 1 : Ajouter Live Ajax Search à un formulaire de recherche personnalisé

De nombreux sites et places de marché en ligne utilisent la recherche directe en Ajax. Cela permet d’afficher automatiquement les résultats possibles de la recherche au fur et à mesure que l’utilisateur tape dans le formulaire personnalisé, comme le font les moteurs de recherche tels que Google.

An example of a live Ajax search on a WooCommerce online store

Grâce à la recherche directe Ajax, vous pouvez afficher des résultats pertinents sans même recharger la page. C’est donc un excellent choix si vous vendez des téléchargements numériques ou des produits physiques en ligne, car les acheteurs peuvent voir instantanément les produits qui correspondent à leur recherche.

La façon la plus simple d’ajouter une recherche Ajax en direct sur WordPress est d’utiliser SearchWP En direct Ajax Lite Search. Cette extension gratuite ajoute automatiquement la recherche instantanée à votre site et fonctionne parfaitement avec n’importe quel thème WordPress.

La première chose à faire est d’installer et d’activer l’extension. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Dès qu’il est activé, le formulaire de recherche par défaut de WordPress utilisera automatiquement la fonctionnalité de recherche directe Ajax. Si vous visitez votre site et commencez à taper dans la barre de recherche, alors vous verrez la recherche instantanée en action.

Pour des instructions plus détaillées, veuillez consulter notre guide sur l ‘ajout d’une recherche Ajax directe sur votre site WordPress.

Option 2 : Utiliser les paramètres avancés de SearchWP

Ensuite, il convient d’activer certains réglages avancés qui permettront aux utilisateurs/utilisatrices de trouver plus facilement ce qu’ils/elles cherchent.

Pour ce faire, vous devez vous rendre dans SearchWP  » Paramètres et faire défiler jusqu’à la section ‘Paramètres généraux’.

SearchWP's advanced search settings

Ici, vous pouvez activer l’un des réglages suivants :

  • Correspondances partielles : si ce paramètre est activé, SearchWP affichera les résultats qui ne correspondent pas exactement à la requête du visiteur. C’est ce que l’on appelle la recherche floue.
  • Correspondance la plus proche : après avoir activé les correspondances partielles, vous pouvez également afficher les correspondances les plus proches lorsqu’une recherche n’aboutit à aucun résultat.
  • Recherches « entre guillemets » : vous permettez aux internautes de rechercher des expressions exactes en utilisant des guillemets.
  • Surligner les termes: surligner automatiquement les termes de recherche pour aider les visiteurs à trouver ce qu’ils cherchent.

Option 3 : Mesurer les résultats de recherche et améliorer les conversions

Pour vous aider à affiner la recherche de votre site, c’est une bonne idée de surveiller la façon dont les internautes utilisent la fonction de recherche. Cela vous permet de voir ce qui fonctionne et ce qui ne fonctionne pas sur votre blog WordPress afin que vous puissiez constamment améliorer la recherche de votre site et aider les internautes à trouver ce qu’ils recherchent.

Ces données peuvent même vous aider à générer des idées de publications de blog en montrant le contenu que les internautes recherchent déjà.

Pour consulter l’historique des recherches et les termes les plus recherchés, il suffit de sélectionner « Statistiques » dans le menu de gauche.

SearchWP's advanced search settings

C’est tout ! Nous espérons que ce tutoriel vous a aidé à apprendre comment créer un formulaire de recherche personnalisé sur WordPress. Vous pouvez également consulter nos guides sur la façon de rendre les commentaires des publications de blog consultables et sur la façon d’ajouter la fonction de recherche vocale à votre site WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

2 commentairesLaisser une réponse

  1. Ralph

    On my very technical blog I have seen a lot of specific searches in analytics and knew people can’t find what they want, because it is just not in the title. It is in the content itself and built in wordpress search wasn’t good with that.
    Luckily I received searchWP when buying my theme and things got better. Thanks to this guide I will set it up even better for maximum results. This will definitely help pleasing my readers.

    • WPBeginner Support

      Glad our guide could help!

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.