Les visiteurs s’attendent \u00e0 ce que votre formulaire de recherche WordPress fournisse des r\u00e9sultats rapides et pr\u00e9cis.<\/strong><\/p>\n C’est logique lorsqu’on consid\u00e8re le comportement des consommateurs dans son ensemble. Google a \u00e9tabli une norme presque impossible quand il s’agit de recherche en ligne. Selon les r\u00e9sultats de SparkToro, plus de la moiti\u00e9 de toutes les recherches dans Google sont sans aucun clic<\/a>. Fondamentalement, Google a rendu la recherche si efficace que les gens n’ont souvent pas besoin de visiter un site Web pour obtenir des r\u00e9ponses \u00e0 leurs questions.<\/p>\n Bien s\u00fbr, les visiteurs de votre site Web n’utilisent pas la recherche interne en esp\u00e9rant ou en voulant un r\u00e9sultat avec z\u00e9ro clic. Ils utilisent la recherche pour trouver d’autres parties de votre site Web \u00e0 explorer. Mais ce que votre recherche WordPress<\/a> et votre recherche Google ont en commun, c’est que les consommateurs veulent des r\u00e9sultats rapides, pratiques et hyper-pertinents pour les deux.<\/p>\n Il y a juste un probl\u00e8me : la fonction de recherche native de WordPress n’est pas g\u00e9niale.<\/p>\n C’est pourquoi, dans ce guide, nous allons explorer tout ce que vous devez savoir pour optimiser l’exp\u00e9rience de recherche WordPress<\/strong> pour vos visiteurs.<\/p>\n Si vous concevez un site Web<\/a> de la bonne fa\u00e7on, les visiteurs suivront naturellement le chemin que vous avez trac\u00e9 devant eux. Un menu bien organis\u00e9<\/a> aide aussi.<\/p>\n Cela dit, la recherche interne a un r\u00f4le important \u00e0 jouer \u00e0 cet \u00e9gard.<\/p>\n Pensez \u00e0 la recherche WordPress comme un acc\u00e8s rapide pour votre site Web. Lorsque votre fonction de recherche fonctionne comme elle se doit, elle peut faire passer vos visiteurs de l’\u00e9tape 1 \u00e0 l’\u00e9tape 5 en quelques secondes.<\/p>\n Cela serait particuli\u00e8rement utile pour les sites Web WordPress avec une grande quantit\u00e9 de contenu. En voici quelques exemples :<\/p>\n Les boutiques en ligne comme Nordic Ware<\/a> peuvent aider les visiteurs \u00e0 partir de la page d’accueil :<\/p>\n Pour une liste plus pr\u00e9cise de produits en utilisant simplement la barre de recherche dans le coin sup\u00e9rieur droit du site :<\/p>\n Gr\u00e2ce \u00e0 la pr\u00e9sence permanente du formulaire de recherche de produits, les visiteurs n’ont plus besoin de passer au crible le menu ou les cat\u00e9gories de la boutique pour trouver ce qu’ils cherchent.<\/p>\n Les sites Web avec de grands d\u00e9p\u00f4ts de contenu comme Kinsta<\/a>, qui a 39 pages d\u2019articles de blog (et en croissance), b\u00e9n\u00e9ficieraient d’une barre de recherche :<\/p>\n En pla\u00e7ant un formulaire de recherche sp\u00e9cifique au blog en haut du blog, les lecteurs se connectent aux sujets qu’ils recherchent plus rapidement qu’en faisant d\u00e9filer 39 pages :<\/p>\n Les blogs<\/a> peuvent devenir difficiles \u00e0 naviguer avec beaucoup de contenu. Puisque vous voulez garder les pages de blog courtes afin de maintenir des vitesses de chargement \u00e9lev\u00e9es, ce n’est pas une bonne id\u00e9e d’augmenter le nombre d\u2019articles qui apparaissent.<\/p>\n Au lieu de cela, une barre de recherche aidera vos visiteurs \u00e0 contourner plus efficacement les articles qui ne correspondent pas \u00e0 leurs int\u00e9r\u00eats actuels.<\/p>\n La recherche est l’une des premi\u00e8res choses que les visiteurs font sur les sites Web qui regroupent des listes<\/a> (Ex\u00a0: immobilier, voyages, services professionnels, etc.), comme cet exemple de Trulia<\/a> :<\/p>\n L’\u00e9l\u00e9ment de recherche est toujours assez simple pour commencer. Par exemple, indiquez un lieu, le nom d’une personne ou le titre d’un emploi. Mais les pages de r\u00e9sultats permettent toujours aux utilisateurs de filtrer leurs r\u00e9sultats autant qu’ils le souhaitent :<\/p>\n La recherche est un composant utile pour les centres d’aide et les bases de connaissances sur des produits comme Elementor<\/a> :<\/p>\n La recherche aide les utilisateurs \u00e0 trouver des r\u00e9ponses \u00e0 leurs questions plus rapidement qu’avec une recherche manuelle dans les cat\u00e9gories :<\/p>\n Dans de nombreux cas, les probl\u00e8mes rencontr\u00e9s par les utilisateurs avec les produits SaaS<\/a> peuvent facilement \u00eatre r\u00e9solus par les utilisateurs eux-m\u00eames. Si vous souhaitez \u00e9viter les questions faciles \u00e0 r\u00e9soudre dans le cadre de vos discussions en direct<\/a> et du support technique, rendez votre base de connaissances facile \u00e0 consulter.<\/p>\n S’il y a une grande quantit\u00e9 de quelque chose<\/em> sur votre site Web, ne supposez pas que la navigation<\/a> aidera les visiteurs \u00e0 s’y retrouver. Cr\u00e9ez une exp\u00e9rience de recherche de type acc\u00e8s rapide qui les m\u00e8nera exactement l\u00e0 o\u00f9 ils en ont besoin.<\/p>\n Vous disposez de quelques options pour impl\u00e9menter et activer la recherche de base WordPress pour votre site Web :<\/p>\n Selon le th\u00e8me WordPress que vous avez install\u00e9<\/a>, vous pouvez ajouter la recherche \u00e0 votre menu en quelques clics. Dans cet exemple, j’utilise le th\u00e8me Astra<\/a> qui s’av\u00e8re \u00eatre\u00a0tr\u00e8s rapide<\/a> !<\/p>\n La premi\u00e8re chose \u00e0 faire est d’aller dans Apparence > Personnaliser :<\/p>\n Ensuite, allez dans En-t\u00eate > Menu principal.<\/p>\n Sous \u00ab\u00a0Dernier \u00e9l\u00e9ment du menu\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Rechercher\u00a0\u00bb dans le menu d\u00e9roulant.<\/p>\n Ceci ajoutera une ic\u00f4ne et une barre de recherche en tant que tout dernier \u00e9l\u00e9ment de votre menu de navigation.<\/p>\n Lorsque vous utilisez d’autres th\u00e8mes WordPress<\/a>, ce r\u00e9glage d’activation de la recherche peut ne pas se trouver au m\u00eame endroit dans la personnalisation de votre th\u00e8me. S’il est disponible, vous le trouverez sous la rubrique \u00ab\u00a0En-t\u00eate\u00a0\u00bb. Sinon, vous devrez l’ajouter manuellement en utilisant l’une des options ci-dessous.<\/p>\n Les widgets WordPress<\/a> vous permettent d’ajouter du contenu aux blocs d\u00e9di\u00e9s dans les \u00e9l\u00e9ments entourant votre contenu comme la barre lat\u00e9rale<\/a> et le pied de page<\/a>.<\/p>\n Un type de bloc de contenu que vous pouvez cr\u00e9er avec les widgets WordPress est une barre de recherche.<\/p>\n Commencez par localiser les widgets dans le menu Apparence :<\/p>\n Vous trouverez toutes les sections de widgets disponibles ici. Selon le th\u00e8me ou le mod\u00e8le que vous utilisez, il se peut que vous ne voyiez rien de plus qu’une barre lat\u00e9rale ou un pied de page ou que vous voyiez une s\u00e9lection plus compl\u00e8te comme celle-ci :<\/p>\n Quoi qu’il en soit, ce que vous devez faire maintenant est de d\u00e9cider o\u00f9 vous voulez que votre barre de recherche apparaisse.<\/p>\n Supposons que vous pr\u00e9voyez de publier du nouveau contenu de blog<\/a> tous les jours et que vous savez que l’archive va cro\u00eetre rapidement. Il serait donc avantageux d’avoir une barre de recherche pr\u00e9sente sur chaque page de blog.<\/p>\n Faites d\u00e9filer vos widgets et localisez celui qui s’appelle \u00ab\u00a0Recherche\u00a0\u00bb :<\/p>\n Vous pouvez l’ajouter soit en cliquant dessus et en choisissant \u00e0 quelle section l’ajouter comme ceci :<\/p>\n Ou vous pouvez glisser et d\u00e9poser le widget dans le bloc de section o\u00f9 vous voulez qu’il apparaisse :<\/p>\n Une fois que vous l’avez l\u00e0 o\u00f9 vous le voulez, donnez-lui un nom :<\/p>\n Enregistrez vos changements, puis visitez votre site pour confirmer qu’il ressemble \u00e0 ce que vous voulez qu’il soit :<\/p>\n Vous pouvez voir maintenant que la barre de recherche se trouve en haut de la barre lat\u00e9rale du blog, pr\u00eate \u00e0 \u00eatre utilis\u00e9e par vos lecteurs.<\/p>\n Bien qu’il soit utile de placer votre barre de recherche dans les \u00e9l\u00e9ments toujours pr\u00e9sents de votre site Web, vous pouvez aussi trouver une raison de l’inclure dans le contenu r\u00e9el de vos pages.<\/p>\n Il y a plusieurs fa\u00e7ons d’y parvenir :<\/p>\n L’\u00e9diteur Gutenberg<\/a> a certainement facilit\u00e9 la conception de mises en page plus cr\u00e9atives sans avoir \u00e0 se fier au HTML<\/a> ou aux shortcodes<\/a>.<\/p>\n Un de ces \u00e9l\u00e9ments que vous pouvez maintenant ajouter \u00e0 vos pages gr\u00e2ce \u00e0 l’\u00e9diteur WordPress est un widget de recherche :<\/p>\n Vous avez plus de contr\u00f4le sur la fa\u00e7on dont la barre de recherche appara\u00eet lorsque vous utilisez cette option. Par exemple, vous pouvez modifier le titre de la barre de recherche, le texte indicatif ainsi que le bouton :<\/p>\n Vous pouvez m\u00eame changer le style du bloc de recherche avec des classes CSS personnalis\u00e9es.<\/a><\/p>\n Pour ceux d’entre vous qui pr\u00e9f\u00e8rent travailler avec des extensions de cr\u00e9ation de pages par glisser-d\u00e9poser comme Elementor, vous pouvez \u00e9galement acc\u00e9der au widget de recherche avec l\u2019extension de votre choix. Le processus est similaire \u00e0 ce que vous feriez avec Gutenberg.<\/p>\n Lorsqu’une nouvelle page ou un nouvel article est ouvert et que l’\u00e9diteur El\u00e9mentor est activ\u00e9, effectuez une recherche sur le widget de recherche WordPress dans votre liste d’Elementor :<\/p>\n Faites glisser l’\u00e9l\u00e9ment Rechercher l\u00e0 o\u00f9 vous voulez qu’il apparaisse sur la page. Par exemple, ceci est une page 404<\/a> qui aide les utilisateurs \u00e0 se remettre sur la bonne voie avec une barre de recherche :<\/p>\n Comme vous pouvez le voir, l\u2019extension de cr\u00e9ation de page vous donne plus de contr\u00f4le que Gutenberg sur l’endroit o\u00f9 votre barre de recherche WordPress appara\u00eet, ce qui vous permet de la superposer dans d’autres contenus.<\/p>\n Dans certains cas, vous pouvez trouver un th\u00e8me et un mod\u00e8le qui ajoute automatiquement une recherche au contenu de votre site Web. Les types de th\u00e8mes qui font cela, cependant, ont tendance \u00e0 \u00eatre tr\u00e8s sp\u00e9cialis\u00e9s, comme le th\u00e8me Residence Real Estate<\/a> :<\/p>\n Parce que la recherche peut devenir compliqu\u00e9e sur les sites de listes<\/a> comme ceux-ci, il est logique que le d\u00e9veloppeur de th\u00e8me int\u00e8gre<\/a> la fonctionnalit\u00e9 dans le mod\u00e8le<\/a>.<\/p>\n Les th\u00e8mes de site de r\u00e9servation sont un autre exemple de ceux qui viennent avec la fonctionnalit\u00e9 de recherche d\u00e9j\u00e0 int\u00e9gr\u00e9e, tout comme cette d\u00e9mo du th\u00e8me Travel Booking<\/a> :<\/p>\n Comme vous pouvez l’imaginer, le fait d’avoir d\u00e9j\u00e0 int\u00e9gr\u00e9 la recherche dans votre th\u00e8me WordPress et votre mod\u00e8le vous \u00e9vitera d’avoir \u00e0 construire vous-m\u00eame quelque chose d’aussi complexe. Et si le th\u00e8me est optimis\u00e9 pour la performance<\/a>, sa solution de moteur de recherche<\/a> devrait l’\u00eatre aussi (encore une fois, une chose de moins \u00e0 craindre).<\/p>\n Il y a une autre fa\u00e7on d’ajouter un formulaire de recherche basique \u00e0 votre site Web, mais cela exige que vous soyez \u00e0 l’aise avec le codage.<\/p>\n Pour ce faire, allez dans Apparence > \u00c9diteur de th\u00e8me :<\/p>\n Ce que vous allez faire ici est de cr\u00e9er un code court pour une barre de recherche en utilisant le fichier functions.php du th\u00e8me :<\/p>\n Au bas du fichier, ajoutez le code suivant :<\/p>\n Remplacez \u00ab\u00a0shortcodename\u00a0\u00bb par votre propre nom pour le formulaire de recherche. Assurez-vous que tout est en minuscules, sans espaces, chiffres ou symboles. Une fois que vous avez mis \u00e0 jour le fichier, vous pouvez commencer \u00e0 utiliser votre code court sur votre site Web.<\/p>\n Voici un exemple :<\/p>\n Le code court est ajout\u00e9 de la m\u00eame mani\u00e8re que n’importe quel texte normal serait ajout\u00e9 au site. N’oubliez pas de le mettre entre crochets [].<\/p>\n Bien que vous ne puissiez pas voir la barre de recherche dans votre \u00e9diteur, jetez un coup d\u2019\u0153il \u00e0 l’aper\u00e7u de votre page et vous le verrez sur l\u2019interface publique de votre site :<\/p>\n Bien qu’il s’agisse d’une modification rapide, ce qui est bon pour les besoins de cet article, les meilleures pratiques sugg\u00e8rent de ne jamais modifier le code de votre th\u00e8me et de cr\u00e9er un th\u00e8me enfant WordPress<\/a> \u00e0 la place.<\/p>\n Il y a beaucoup d’options que vous pouvez utiliser pour ajouter la fonctionnalit\u00e9 de recherche basique de WordPress \u00e0 votre site Web. Mais est-ce suffisant ?<\/p>\n \u00c0 moins que vous n’ayez un tr\u00e8s petit site Web ou que vous ne vouliez restreindre la recherche \u00e0 votre blog, ce ne sera probablement pas le cas. Laissez-moi vous expliquer.<\/p>\n Le formulaire de recherche natif de WordPress examine les types de contenu suivants sur vos pages Web et vos articles de blog :<\/p>\n Comme vous pouvez l’imaginer, c’est incroyablement restrictif pour vos utilisateurs. Pour commencer, si vous avez besoin de r\u00e9cup\u00e9rer les r\u00e9sultats d’autres types de pages ou de contenu sur votre site Web (comme les produits WooCommerce<\/a>), le formulaire de recherche de base n’affichera pas les r\u00e9sultats leur correspondant. Il en va de m\u00eame pour d’autres \u00e9l\u00e9ments de votre site web comme :<\/p>\n La recherche WordPress n’est pas seulement restrictive en termes de r\u00e9sultats affich\u00e9s. Elle est aussi restrictive par la taille, aussi. Plus votre site Web sera grand, plus il sera difficile pour votre base de donn\u00e9es de traiter les r\u00e9sultats et plus il faudra de temps pour les fournir \u00e0 vos visiteurs.<\/p>\n Alors, que faire si vous avez besoin de quelque chose de plus puissant et durable que ce que la recherche WordPress permet de faire ?<\/p>\n Voyons comment vous pouvez am\u00e9liorer cela.<\/p>\n Vous devriez lire la partie suivante sur la correction de la recherche WordPress si au moins l’un des \u00e9l\u00e9ments suivants s’applique \u00e0 vous :<\/p>\n Pr\u00eat \u00e0 plonger ? Voici 6 choses cruciales que vous pouvez faire pour am\u00e9liorer la recherche dans WordPress :<\/p>\n Plut\u00f4t que de laisser vos visiteurs avec une simple barre de recherche pour les aider \u00e0 naviguer sur votre site, pourquoi ne pas cr\u00e9er une page de recherche personnalis\u00e9e ?<\/p>\n Ce n’est pas comme si vos visiteurs n’\u00e9taient pas familiers avec l’utilisation d’une recherche, mais l’exp\u00e9rience pourrait \u00eatre am\u00e9lior\u00e9e avec une page de recherche d\u00e9di\u00e9e.<\/p>\n Pour cr\u00e9er votre page personnalis\u00e9e, vous aurez besoin d’un acc\u00e8s \u00e0 l\u2019administration de votre site Web via FTP<\/a> ou un gestionnaire de fichiers.<\/p>\nQuelle est L’importance de la Recherche Interne ?<\/h2>\n
eCommerce<\/h3>\n
![\"Nordic](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/nordic-ware.jpg\")
![\"Nordic](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/nordic-ware-resultats-recherche.jpg\")
Blogs, Podcasts et Sites D’actualit\u00e9s<\/h3>\n
![\"Kinsta](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/kinsta-page-blog-pagination.jpg\")
![\"Barre](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/wordpress-recherche-kinsta.jpg\")
Sites de Listes<\/h3>\n
![\"Page](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/trulia-recherche.jpg\")
![\"Trulia](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/trulia-resultats-recherche.jpg\")
Bases de Connaissances<\/h3>\n
![\"\u00c9l\u00e9mentor](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/elementor-base-connaissances.jpg\")
![\"Elementor](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/elementor-recherche.jpg\")
Conclusion<\/h3>\n
Comment Ajouter la Recherche \u00e0 Votre Site Web WordPress<\/h2>\n
Ajouter la Recherche WordPress au Menu avec Votre Th\u00e8me<\/h3>\n
![\"WordPress](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/wordpress-naviguez-menu-personnaliser.jpg\")
![\"WordPress](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/wordpress-personnaliser-menu.jpg\")
![\"WordPress](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/wordpress-recherche-menu.jpg\")
![\"WordPress](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/wordpress-recherche-ajoutee-reglages.jpg\")
Ajouter une Recherche avec un Widget WordPress<\/h3>\n
![\"WordPress](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/wordpress-localisez-widgets.jpg\")
![\"Exemple](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/wordpress-widgets.jpg\")
![\"Widget](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/widget-recherche.jpg\")
![\"Ajouter](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/ajouter-widget-liste-deroulante.jpg\")
![\"Ajouter](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/widget-glisser-deposer.jpg\")
![\"Donnez](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/donnez-titre-widget.jpg\")
![\"Barre](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/barre-recherche-ajoutee-blog.jpg\")
Ajouter la Recherche au Contenu Principal de Votre Site avec les Outils WordPress<\/h3>\n
Avec l’\u00c9diteur WordPress<\/h4>\n
![\"Bloc](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/widget-recherche-gutenberg.jpg\")
![\"Personnaliser](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/personnaliser-recherche-gutenberg.jpg\")
Avec une Extension de Construction de Page<\/h4>\n
![\"Widget](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/widget-recherche-elementor.jpg\")
![\"Exemple](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/page-404-recherche.jpg\")
Avec un Th\u00e8me<\/h4>\n
![\"D\u00e9monstration](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/demonstration-theme-residence-real-estate.jpg\")
![\"D\u00e9monstration](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/theme-travel-booking.jpg\")
Ajouter la Recherche WordPress avec du Code<\/h3>\n
![\"\u00c9diteur](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/editeur-de-theme.jpg\")
![\"Le](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/fichier-functions-php-theme.jpg\")
add_shortcode( 'shortcodename', 'get_search_form');<\/code><\/pre>\n![\"Un](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/code-court-personnalise.jpg\")
![\"Ajout](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/ajout-recherche-avec-code-court.jpg\")
Une Note Sur les Limites de la Recherche WordPress<\/h3>\n
\n
\n
Comment Am\u00e9liorer l’Exp\u00e9rience de Recherche Interne de WordPress<\/h2>\n
\n
Conseil 1 : Cr\u00e9er une Page de Recherche Personnalis\u00e9e<\/h3>\n
![\"Exemple](\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/11\/recherche-pour-denim.jpg\")