Lorsque j'ai commencé à utiliser WordPress, j'étais frustré par la fonction de recherche de base. Elle renvoyait souvent des résultats non pertinents ou manquait complètement certains contenus.
En gérant mes propres sites WordPress, je sais maintenant qu'une bonne fonction de recherche aide les visiteurs à trouver ce qu'ils cherchent, ce qui les incite à rester plus longtemps sur votre site. Cela les rend finalement plus heureux et plus susceptibles de revenir sur votre site Web.
C'est pourquoi, dans ce guide, vous apprendrez à ajouter une barre de recherche à WordPress. À la fin, vous disposerez d'une fonction de recherche puissante que vos visiteurs aimeront utiliser et qui servira mieux votre site Web.
Pourquoi ajouter une barre de recherche à WordPress ?
Imaginez que vous venez d'arriver sur un site Web à la recherche d'informations spécifiques. Vous parcourez la page d'accueil et cliquez sur quelques onglets, mais vous ne trouvez pas ce que vous cherchez.
Frustrant, n'est-ce pas ? Maintenant, pensez à votre propre site Web WordPress. Vos visiteurs ne sont pas différents ; ils veulent de l'information, et ils la veulent rapidement. C'est là qu'intervient la magie d'une barre de recherche.
L'ajout d'une barre de recherche à votre site WordPress offre une expérience utilisateur plus facile. Lorsque les visiteurs du site Web peuvent trouver rapidement ce qu'ils cherchent, ils sont plus susceptibles de rester et d'explorer.
En fait, les personnes qui effectuent une recherche sur site sont 1,8 % plus susceptibles de convertir que celles qui n'utilisent pas cette fonctionnalité. Cela rend la barre de recherche cruciale pour transformer les visiteurs en abonnés et en clients.
Mieux encore, si les utilisateurs restent plus longtemps sur votre site, cela peut réduire votre taux de rebond, un facteur de classement en SEO.
Cependant, les avantages vont au-delà de l'expérience utilisateur. Une bonne barre de recherche ou un bon widget de recherche peut également vous aider à comprendre ce qui intéresse votre public. En examinant les requêtes de recherche, vous pouvez adapter votre stratégie de contenu pour répondre aux demandes et aux questions de vos visiteurs.
Comment ajouter une barre de recherche à WordPress : 2 méthodes faciles
Bien que la fonction de recherche par défaut de WordPress convienne aux situations simples, il est difficile de la personnaliser sans écrire de code CSS ou engager un développeur. Une approche plus personnalisée vous permet d'ajouter une barre de recherche WordPress aux zones de widgets, aux menus et aux pages WooCommerce. Dans certains cas, vous pouvez inclure des champs personnalisés, des résultats de recherche personnalisés, et plus encore.
Dans cette optique, examinons comment ajouter une barre de recherche à votre site Web étape par étape :
La première méthode que je vais aborder consiste à utiliser un constructeur de pages pour intégrer de manière transparente une barre de recherche sur votre site WordPress. C'est plus simple que vous ne le pensez, et vous n'avez pas besoin d'être un gourou de la technologie pour y parvenir.
Méthode 1. Ajouter un formulaire de recherche personnalisé à WordPress avec SeedProd
Tout d'abord, parlons de SeedProd.
Si vous ne le connaissez pas, SeedProd est l'un des meilleurs constructeurs de pages WordPress, vous permettant de personnaliser votre site Web sans toucher une seule ligne de code. De la fonctionnalité glisser-déposer aux modèles prédéfinis, SeedProd facilite la conception de votre site comme vous le souhaitez.
Et oui, cela inclut l'ajout d'une barre de recherche à votre site.
Avant de commencer, vous devrez installer SeedProd. Bien qu'il offre une version gratuite et plusieurs options premium, j'utiliserai SeedProd Pro pour ce guide. Alors, choisissez votre plan et téléchargez le plugin.
Après l'avoir téléchargé, vous pouvez suivre ces étapes pour installer le plugin SeedProd sur votre site WordPress.
Une fois SeedProd activé, votre prochaine étape consiste à choisir où ajouter la barre de recherche dans WordPress. Avec SeedProd, vous pouvez personnaliser n'importe quelle partie de votre site Web, qu'il s'agisse d'un thème WordPress personnalisé ou d'une page de destination spécifique.
Le constructeur de pages de destination est idéal pour créer des pages autonomes afin d'augmenter les prospects et les conversions.
Alternativement, le Theme Builder est parfait pour créer un thème WordPress personnalisé sans engager de développeur.
Pour trouver ces options, accédez à SeedProd dans votre tableau de bord WordPress et choisissez soit Theme Builder, soit Landing Pages, selon vos besoins. À partir de là, vous pouvez sélectionner un modèle de page de destination préconçu ou un kit de site Web complet qui correspond à votre vision et commencer à personnaliser votre site.
Besoin de toutes les étapes ? Voici un guide sur comment créer un thème WordPress personnalisé et comment créer une page de destination dans WordPress, ce qui devrait faciliter les choses.
Ajouter une boîte de recherche à une page WordPress
Place à la partie amusante : l'ajout de la barre de recherche.
Dans le constructeur de pages SeedProd, vous trouverez un panneau sur la gauche avec divers blocs à ajouter à votre page. Faites défiler vers le bas jusqu'à ce que vous trouviez le bloc Search Form.
Ensuite, faites glisser et déposez le bloc là où vous souhaitez ajouter la recherche WordPress à votre page.
Dans les paramètres du bloc de recherche, vous pouvez personnaliser son apparence, sa taille, son icône de recherche et même ajouter un texte d'espace réservé comme « Rechercher ici… » pour guider vos visiteurs.
Dans l'onglet « Avancé » du formulaire de recherche, vous disposez d'une multitude d'options de personnalisation. Vous pouvez modifier les couleurs du bouton de recherche et de la boîte de recherche pour qu'elles correspondent au thème de votre site, ajuster l'espacement pour une mise en page optimale, contrôler la visibilité sur les appareils et même ajouter des animations pour une touche supplémentaire.
Lorsque vous êtes satisfait de vos modifications, cliquez sur le bouton Enregistrer et Publier, puis visitez votre page pour voir votre nouvelle barre de recherche.
Ajouter une barre de recherche à l'en-tête d'un site WordPress
Peut-être pensez-vous que la recherche sur le site serait plus efficace dans l'en-tête, où elle est facilement accessible sur chaque page. Vous avez absolument raison, et avec SeedProd, ajouter une barre de recherche à l'en-tête de votre site WordPress est un jeu d'enfant.
Pour cela, vous devrez utiliser la fonctionnalité Theme Builder, qui vous permet de personnaliser diverses parties de votre site Web, y compris l'en-tête, le pied de page, la barre latérale, les archives, etc.
Si vous n'avez pas encore configuré votre thème WordPress à l'aide de SeedProd, vous pouvez suivre ces étapes pour personnaliser votre en-tête WordPress.
Une fois en mode édition de votre en-tête, vous verrez l’interface familière du constructeur de pages SeedProd. Comme précédemment, trouvez le bloc Formulaire de recherche dans le panneau de gauche et faites-le glisser à l’endroit souhaité dans l’en-tête.
N’oubliez pas d’affiner la barre de recherche pour qu’elle s’intègre parfaitement à la conception de votre en-tête. Rendez-vous dans l’onglet « Avancé » des paramètres du formulaire de recherche. Ici, vous pouvez ajuster le style et définir l’affichage de la barre de recherche différemment sur divers appareils.
Une fois vos modifications enregistrées, vous pouvez consulter votre site Web pour voir votre barre de recherche d’en-tête en action.
Ajouter le widget de recherche à la barre latérale de WordPress
Parfois, la barre latérale est l’endroit idéal pour une barre de recherche, surtout si vous souhaitez qu’elle soit accessible mais pas trop envahissante. Avec SeedProd, ajouter une barre de recherche à votre barre latérale WordPress est aussi simple que de l’ajouter à l’en-tête.
Suivons les étapes.
Comme précédemment, accédez à votre tableau de bord WordPress et cliquez sur SeedProd, puis sur Theme Builder. De là, cliquez sur le lien « Modifier le design » de votre modèle de barre latérale pour ouvrir le constructeur de pages.
Si vous n’avez pas encore ce modèle, suivez ces étapes pour créer une barre latérale personnalisée dans WordPress.
Une fois dans le constructeur de pages de votre barre latérale, trouvez le bloc de recherche dans le panneau de gauche et faites-le glisser à l’endroit où vous souhaitez placer la barre de recherche dans votre barre latérale.
Maintenant, il ne reste plus qu’à personnaliser son apparence et à cliquer sur le bouton Enregistrer pour rendre vos modifications visibles.
Méthode 2. Ajouter la recherche de site à WordPress avec un plugin de barre de recherche
Si vous recherchez une solution dédiée pour ajouter une barre de recherche à votre site WordPress, un plugin de recherche WordPress comme SearchWP est un excellent choix.
Les plugins de recherche comme celui-ci vous permettent d’ajouter facilement des boîtes de recherche, avec des fonctionnalités avancées telles que la recherche instantanée basée sur Ajax et des résultats de recherche personnalisables.
La recherche Ajax instantanée donne aux utilisateurs des résultats de recherche en temps réel au fur et à mesure qu’ils tapent. Cela réduit le temps d’attente des résultats, tout en améliorant l’expérience de recherche globale.
Ajouter une barre de recherche au menu de navigation WordPress
Tout d’abord, accédez à votre tableau de bord WordPress, allez dans Plugins, puis cliquez sur Ajouter. Recherchez « SearchWP Modal Search Form » et installez et activez le plugin. Alternativement, vous pouvez télécharger le plugin depuis WordPress.org et le téléverser manuellement.
Après l’activation, allez dans Apparence puis Menus depuis votre tableau de bord et sélectionnez un menu à modifier dans le menu déroulant.
Ensuite, trouvez la boîte « SearchWP Modal Search Forms » sur le côté gauche de l’écran et cliquez dessus pour développer ses options. Cochez la case « Native WordPress » et cliquez sur le bouton Ajouter au menu.
Vous verrez maintenant un élément « Native WordPress » dans votre menu, sur lequel vous pouvez cliquer pour le personnaliser. Par exemple, vous pouvez changer l’étiquette de navigation en « Recherche » pour plus de clarté.
Après cela, cliquez sur le bouton Enregistrer les modifications pour enregistrer votre menu et visitez votre site Web pour voir la fonction de recherche de menu en action.
Ajout d'une recherche instantanée alimentée par Ajax
Pour une expérience de recherche plus interactive, vous pouvez ajouter des résultats de recherche instantanés à l'aide de la technologie Ajax. Cela vous permet d'afficher des résultats de recherche pertinents au fur et à mesure que les utilisateurs tapent leurs requêtes, similaire à Google Search et à d'autres moteurs de recherche.
Pour ce faire, installez et activez le plugin « SearchWP Live Ajax Search ». Il fonctionne de manière transparente avec le formulaire de recherche modal SearchWP et n'a aucun paramètre à configurer.
Une fois activé, le plugin ajoutera automatiquement la recherche instantanée à tous vos formulaires. Vous pouvez le voir en action en visitant votre formulaire de recherche sur le front-end de votre site et en tapant une requête.
Personnalisation de vos résultats de recherche WordPress
Ajouter une barre de recherche instantanée à votre menu WordPress est un excellent début, mais vous pouvez aller beaucoup plus loin avec le plugin premium SearchWP. Le plugin premium dispose de fonctionnalités de recherche avancées, vous permettant de personnaliser les résultats de recherche et de mettre en évidence les articles promus comme les produits eCommerce.
Pour un guide complet, consultez ces conseils sur comment améliorer la recherche WordPress avec SearchWP.
Et voilà !
Ajouter une barre de recherche à votre site WordPress est une décision judicieuse. Cela rend votre site Web plus facile à utiliser et aide les visiteurs à trouver ce qu'ils recherchent. Que vous utilisiez SeedProd ou SearchWP, les deux méthodes sont simples et efficaces.
Alors, allez-y et ajoutez cette barre de recherche - vos visiteurs l'apprécieront !
Si vous recherchez d'autres tutoriels WordPress faciles, veuillez consulter les guides suivants :
- Comment ajouter un curseur de photos avant/après à WordPress
- Comment ajouter une boîte d'auteur dans WordPress
- Comment créer des compteurs de nombres animés dans WordPress
- Comment créer des séparateurs de section fantaisie pour WordPress
- Comment faire ressembler votre blog à un site Web
- Comment créer des onglets dans WordPress pour un contenu tabulé époustouflant
- Comment créer des animations de texte dans WordPress (étapes faciles)
- Comment ajouter une barre latérale différente pour différentes pages dans WordPress
Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.
