Pourquoi les gens utilisent-ils les formulaires de recherche de sites Web en premier lieu ? C’est parce qu’ils recherchent des résultats immédiats et pertinents qu’ils ne peuvent obtenir en parcourant un site Web ou en utilisant la navigation.

Parfois, ces résultats de recherche fournissent des réponses à leurs questions (comme des informations sur la politique de retour d’une entreprise) ou une liste de produits ou de contenus correspondants (comme des articles de blog liés aux extensions de consctruction de page). Peu importe ce qu’ils recherchent, une chose est certaine :

Les visiteurs s’attendent à ce que votre formulaire de recherche WordPress fournisse des résultats rapides et précis.

C’est logique lorsqu’on considère le comportement des consommateurs dans son ensemble. Google a établi une norme presque impossible quand il s’agit de recherche en ligne. Selon les résultats de SparkToro, plus de la moitié de toutes les recherches dans Google sont sans aucun clic. 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éponses à leurs questions.

Bien sûr, les visiteurs de votre site Web n’utilisent pas la recherche interne en espérant ou en voulant un résultat avec zéro clic. Ils utilisent la recherche pour trouver d’autres parties de votre site Web à explorer. Mais ce que votre recherche WordPress et votre recherche Google ont en commun, c’est que les consommateurs veulent des résultats rapides, pratiques et hyper-pertinents pour les deux.

Il y a juste un problème : la fonction de recherche native de WordPress n’est pas géniale.

C’est pourquoi, dans ce guide, nous allons explorer tout ce que vous devez savoir pour optimiser l’expérience de recherche WordPress pour vos visiteurs.

Quelle est L’importance de la Recherche Interne ?

Si vous concevez un site Web de la bonne façon, les visiteurs suivront naturellement le chemin que vous avez tracé devant eux. Un menu bien organisé aide aussi.

Cela dit, la recherche interne a un rôle important à jouer à cet égard.

Pensez à la recherche WordPress comme un accès rapide pour votre site Web. Lorsque votre fonction de recherche fonctionne comme elle se doit, elle peut faire passer vos visiteurs de l’étape 1 à l’étape 5 en quelques secondes.

Cela serait particulièrement utile pour les sites Web WordPress avec une grande quantité de contenu. En voici quelques exemples :

eCommerce

Les boutiques en ligne comme Nordic Ware peuvent aider les visiteurs à partir de la page d’accueil :

Nordic Ware : page d'accueil avec barre de recherche dans l'en-tête
Nordic Ware : page d’accueil avec barre de recherche dans l’en-tête

Pour une liste plus précise de produits en utilisant simplement la barre de recherche dans le coin supérieur droit du site :

Nordic Ware : page de résultats de recherche
Nordic Ware : page de résultats de recherche

Grâce à la présence permanente du formulaire de recherche de produits, les visiteurs n’ont plus besoin de passer au crible le menu ou les catégories de la boutique pour trouver ce qu’ils cherchent.

Blogs, Podcasts et Sites D’actualités

Les sites Web avec de grands dépôts de contenu comme Kinsta, qui a 39 pages d’articles de blog (et en croissance), bénéficieraient d’une barre de recherche :

Kinsta : page de blog et pagination
Kinsta : page de blog et pagination

En plaçant un formulaire de recherche spécifique au blog en haut du blog, les lecteurs se connectent aux sujets qu’ils recherchent plus rapidement qu’en faisant défiler 39 pages :

Barre de recherche WordPress en haut du blog Kinsta
Barre de recherche WordPress en haut du blog Kinsta

Les blogs peuvent devenir difficiles à naviguer avec beaucoup de contenu. Puisque vous voulez garder les pages de blog courtes afin de maintenir des vitesses de chargement élevées, ce n’est pas une bonne idée d’augmenter le nombre d’articles qui apparaissent.

Au lieu de cela, une barre de recherche aidera vos visiteurs à contourner plus efficacement les articles qui ne correspondent pas à leurs intérêts actuels.

Sites de Listes

La recherche est l’une des premières choses que les visiteurs font sur les sites Web qui regroupent des listes (Ex : immobilier, voyages, services professionnels, etc.), comme cet exemple de Trulia :

Page d’accueil de Trulia : recherche de propriétés
Page d’accueil de Trulia : recherche de propriétés

L’élément 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ésultats permettent toujours aux utilisateurs de filtrer leurs résultats autant qu’ils le souhaitent :

Trulia : exemple de page de résultats de recherche
Trulia : exemple de page de résultats de recherche

Bases de Connaissances

La recherche est un composant utile pour les centres d’aide et les bases de connaissances sur des produits comme Elementor :

Élémentor : sujet et nombre d'articles de la base de connaissances
Elementor : sujet et nombre d’articles de la base de connaissances

La recherche aide les utilisateurs à trouver des réponses à leurs questions plus rapidement qu’avec une recherche manuelle dans les catégories :

Elementor : recherche dans la documentation pour « template »
Elementor : recherche dans la documentation pour « template »

Dans de nombreux cas, les problèmes rencontrés par les utilisateurs avec les produits SaaS peuvent facilement être résolus par les utilisateurs eux-mêmes. Si vous souhaitez éviter les questions faciles à résoudre dans le cadre de vos discussions en direct et du support technique, rendez votre base de connaissances facile à consulter.

Conclusion

S’il y a une grande quantité de quelque chose sur votre site Web, ne supposez pas que la navigation aidera les visiteurs à s’y retrouver. Créez une expérience de recherche de type accès rapide qui les mènera exactement là où ils en ont besoin.

Comment Ajouter la Recherche à Votre Site Web WordPress

Vous disposez de quelques options pour implémenter et activer la recherche de base WordPress pour votre site Web :

Ajouter la Recherche WordPress au Menu avec Votre Thème

Selon le thème WordPress que vous avez installé, vous pouvez ajouter la recherche à votre menu en quelques clics. Dans cet exemple, j’utilise le thème Astra qui s’avère être très rapide !

La première chose à faire est d’aller dans Apparence > Personnaliser :

WordPress - naviguez jusqu'au menu Personnaliser
WordPress – naviguez jusqu’au menu Personnaliser

Ensuite, allez dans En-tête > Menu principal.

WordPress - personnaliser le menu
WordPress – personnaliser le menu

Sous « Dernier élément du menu », sélectionnez « Rechercher » dans le menu déroulant.

WordPress - ajouter une barre de recherche au menu
WordPress – ajouter une barre de recherche au menu

Ceci ajoutera une icône et une barre de recherche en tant que tout dernier élément de votre menu de navigation.

WordPress - barre de recherche ajoutée avec les réglages du thème
WordPress – barre de recherche ajoutée avec les réglages du thème

Lorsque vous utilisez d’autres thèmes WordPress, ce réglage d’activation de la recherche peut ne pas se trouver au même endroit dans la personnalisation de votre thème. S’il est disponible, vous le trouverez sous la rubrique « En-tête ». Sinon, vous devrez l’ajouter manuellement en utilisant l’une des options ci-dessous.

Ajouter une Recherche avec un Widget WordPress

Les widgets WordPress vous permettent d’ajouter du contenu aux blocs dédiés dans les éléments entourant votre contenu comme la barre latérale et le pied de page.

Un type de bloc de contenu que vous pouvez créer avec les widgets WordPress est une barre de recherche.

Commencez par localiser les widgets dans le menu Apparence :

WordPress - localisez le menu Widgets
WordPress – localisez le menu Widgets

Vous trouverez toutes les sections de widgets disponibles ici. Selon le thème ou le modèle que vous utilisez, il se peut que vous ne voyiez rien de plus qu’une barre latérale ou un pied de page ou que vous voyiez une sélection plus complète comme celle-ci :

Exemple de widgets et de sections
Exemple de widgets et de sections

Quoi qu’il en soit, ce que vous devez faire maintenant est de décider où vous voulez que votre barre de recherche apparaisse.

Supposons que vous prévoyez de publier du nouveau contenu de blog tous les jours et que vous savez que l’archive va croître rapidement. Il serait donc avantageux d’avoir une barre de recherche présente sur chaque page de blog.

Faites défiler vos widgets et localisez celui qui s’appelle « Recherche » :

Widget de recherche
Widget de recherche

Vous pouvez l’ajouter soit en cliquant dessus et en choisissant à quelle section l’ajouter comme ceci :

Ajouter un widget de recherche avec une liste déroulante
Ajouter un widget de recherche avec une liste déroulante

Ou vous pouvez glisser et déposer le widget dans le bloc de section où vous voulez qu’il apparaisse :

Ajouter un widget de recherche par glisser-déposer
Ajouter un widget de recherche par glisser-déposer

Une fois que vous l’avez là où vous le voulez, donnez-lui un nom :

Donnez un titre à votre widget de recherche
Donnez un titre à votre widget de recherche

Enregistrez vos changements, puis visitez votre site pour confirmer qu’il ressemble à ce que vous voulez qu’il soit :

Barre de recherche ajoutée au blog
Barre de recherche ajoutée au blog

Vous pouvez voir maintenant que la barre de recherche se trouve en haut de la barre latérale du blog, prête à être utilisée par vos lecteurs.

Ajouter la Recherche au Contenu Principal de Votre Site avec les Outils WordPress

Bien qu’il soit utile de placer votre barre de recherche dans les éléments toujours présents de votre site Web, vous pouvez aussi trouver une raison de l’inclure dans le contenu réel de vos pages.

Il y a plusieurs façons d’y parvenir :

Avec l’Éditeur WordPress

L’éditeur Gutenberg a certainement facilité la conception de mises en page plus créatives sans avoir à se fier au HTML ou aux shortcodes.

Un de ces éléments que vous pouvez maintenant ajouter à vos pages grâce à l’éditeur WordPress est un widget de recherche :

Bloc de widget de recherche dans Gutenberg
Bloc de widget de recherche dans Gutenberg

Vous avez plus de contrôle sur la façon dont la barre de recherche apparaît lorsque vous utilisez cette option. Par exemple, vous pouvez modifier le titre de la barre de recherche, le texte indicatif ainsi que le bouton :

Personnaliser la barre de recherche avec Gutenberg
Personnaliser la barre de recherche avec Gutenberg

Vous pouvez même changer le style du bloc de recherche avec des classes CSS personnalisées.

Avec une Extension de Construction de Page

Pour ceux d’entre vous qui préfèrent travailler avec des extensions de création de pages par glisser-déposer comme Elementor, vous pouvez également accéder au widget de recherche avec l’extension de votre choix. Le processus est similaire à ce que vous feriez avec Gutenberg.

Lorsqu’une nouvelle page ou un nouvel article est ouvert et que l’éditeur Elémentor est activé, effectuez une recherche sur le widget de recherche WordPress dans votre liste d’Elementor :

Widget de recherche dans Elementor
Widget de recherche dans Elementor

Faites glisser l’élément Rechercher là où vous voulez qu’il apparaisse sur la page. Par exemple, ceci est une page 404 qui aide les utilisateurs à se remettre sur la bonne voie avec une barre de recherche :

Exemple de page 404 avec barre de recherche
Exemple de page 404 avec barre de recherche

Comme vous pouvez le voir, l’extension de création de page vous donne plus de contrôle que Gutenberg sur l’endroit où votre barre de recherche WordPress apparaît, ce qui vous permet de la superposer dans d’autres contenus.

Avec un Thème

Dans certains cas, vous pouvez trouver un thème et un modèle qui ajoute automatiquement une recherche au contenu de votre site Web. Les types de thèmes qui font cela, cependant, ont tendance à être très spécialisés, comme le thème Residence Real Estate :

Démonstration du thème Residence Real Estate
Démonstration du thème Residence Real Estate

Parce que la recherche peut devenir compliquée sur les sites de listes comme ceux-ci, il est logique que le développeur de thème intègre la fonctionnalité dans le modèle.

Les thèmes de site de réservation sont un autre exemple de ceux qui viennent avec la fonctionnalité de recherche déjà intégrée, tout comme cette démo du thème Travel Booking :

Démonstration du thème Travel Booking
Démonstration du thème Travel Booking

Comme vous pouvez l’imaginer, le fait d’avoir déjà intégré la recherche dans votre thème WordPress et votre modèle vous évitera d’avoir à construire vous-même quelque chose d’aussi complexe. Et si le thème est optimisé pour la performance, sa solution de moteur de recherche devrait l’être aussi (encore une fois, une chose de moins à craindre).

Ajouter la Recherche WordPress avec du Code

Il y a une autre façon d’ajouter un formulaire de recherche basique à votre site Web, mais cela exige que vous soyez à l’aise avec le codage.

Pour ce faire, allez dans Apparence > Éditeur de thème :

Éditeur de thème
Éditeur de thème

Ce que vous allez faire ici est de créer un code court pour une barre de recherche en utilisant le fichier functions.php du thème :

Le fichier functions.php du thème
Le fichier functions.php du thème

Au bas du fichier, ajoutez le code suivant :

add_shortcode( 'shortcodename', 'get_search_form');

Remplacez « shortcodename » 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 à jour le fichier, vous pouvez commencer à utiliser votre code court sur votre site Web.

Voici un exemple :

Un code court personnalisé pour ajouter une barre de recherche à votre site
Un code court personnalisé pour ajouter une barre de recherche à votre site

Le code court est ajouté de la même manière que n’importe quel texte normal serait ajouté au site. N’oubliez pas de le mettre entre crochets [].

Bien que vous ne puissiez pas voir la barre de recherche dans votre éditeur, jetez un coup d’œil à l’aperçu de votre page et vous le verrez sur l’interface publique de votre site :

Ajout d'une barre de recherche avec un code court
Ajout d’une barre de recherche avec un code court

Bien qu’il s’agisse d’une modification rapide, ce qui est bon pour les besoins de cet article, les meilleures pratiques suggèrent de ne jamais modifier le code de votre thème et de créer un thème enfant WordPress à la place.

Une Note Sur les Limites de la Recherche WordPress

Il y a beaucoup d’options que vous pouvez utiliser pour ajouter la fonctionnalité de recherche basique de WordPress à votre site Web. Mais est-ce suffisant ?

À moins que vous n’ayez un très petit site Web ou que vous ne vouliez restreindre la recherche à votre blog, ce ne sera probablement pas le cas. Laissez-moi vous expliquer.

Le formulaire de recherche natif de WordPress examine les types de contenu suivants sur vos pages Web et vos articles de blog :

  • Titres des pages
  • Texte du paragraphe
  • Titres des images
  • Légendes des images
  • Texte de remplacement de l’image
  • Noms de fichiers

Comme vous pouvez l’imaginer, c’est incroyablement restrictif pour vos utilisateurs. Pour commencer, si vous avez besoin de récupérer les résultats d’autres types de pages ou de contenu sur votre site Web (comme les produits WooCommerce), le formulaire de recherche de base n’affichera pas les résultats leur correspondant. Il en va de même pour d’autres éléments de votre site web comme :

La recherche WordPress n’est pas seulement restrictive en termes de résultats affichés. Elle est aussi restrictive par la taille, aussi. Plus votre site Web sera grand, plus il sera difficile pour votre base de données de traiter les résultats et plus il faudra de temps pour les fournir à vos visiteurs.

Alors, que faire si vous avez besoin de quelque chose de plus puissant et durable que ce que la recherche WordPress permet de faire ?

Voyons comment vous pouvez améliorer cela.

Comment Améliorer l’Expérience de Recherche Interne de WordPress

Vous devriez lire la partie suivante sur la correction de la recherche WordPress si au moins l’un des éléments suivants s’applique à vous :

  1. Vous avez plus d’un millier de pages de contenu ou de produits sur votre site Web.
  2. Vos données suggèrent que la recherche interne est populaire, mais qu’elle ne mène à aucune conversion.
  3. Votre formulaire de recherche reçoit beaucoup d’action, mais votre serveur d’hébergement Web a de la difficulté à traiter les requêtes (c’est-à-dire qu’il faut plus de quelques secondes pour charger les résultats).
  4. Vous voulez mettre à l’échelle votre site Web sans avoir à vous soucier de l’échec de votre recherche (et de celle de vos visiteurs) quelque part en cours de route.
  5. La recherche basique ne suffit pas. Vous avez besoin de quelque chose de plus avancé et agile pour gérer les types de recherches que vos utilisateurs font.

Prêt à plonger ? Voici 6 choses cruciales que vous pouvez faire pour améliorer la recherche dans WordPress :

Conseil 1 : Créer une Page de Recherche Personnalisée

Plutôt que de laisser vos visiteurs avec une simple barre de recherche pour les aider à naviguer sur votre site, pourquoi ne pas créer une page de recherche personnalisée ?

Exemple de recherche pour « denim » dans le menu du site web
Exemple de recherche pour « denim » dans le menu du site web

Ce n’est pas comme si vos visiteurs n’étaient pas familiers avec l’utilisation d’une recherche, mais l’expérience pourrait être améliorée avec une page de recherche dédiée.

Pour créer votre page personnalisée, vous aurez besoin d’un accès à l’administration de votre site Web via FTP ou un gestionnaire de fichiers.

Une fois que vous êtes dans la base de données de WordPress, vous allez chercher le chemin de fichier suivant :

/wp-content/themes/[nom de votre theme]/page.php

page.php est un fichier qui définit la structure de base de vos pages web. En d’autres termes, c’est un modèle de page. Ce que nous voulons maintenant faire est de créer un modèle pour votre page de recherche.

Dupliquez page.php et nommez le nouveau fichier searchpage.php. Ouvrez-le ensuite pour le modifier.

Exemple de code de page.php copié dans un nouveau fichier
Exemple de code de page.php copié dans un nouveau fichier

La plupart du code de ce fichier doit être remplacé car ce qui est ici définit une page web typique ou un billet d’article. Au lieu de cela, vous devez le dépouiller pour qu’il ne contienne que ce dont vous avez besoin sur votre page de recherche. Voici un exemple de la façon dont j’ai construit ma page de recherche :

<?php
/*
Template Name: Search Page
*/
?>
<?php
get_header(); ?>

<div class="wrap">
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">
<h1>Search Our Shop</h1>
<p>Welcome to the online shop of awesomeness! Here you will find all kinds of products to revolutionize how you work, live, and play.</p>
<p>Use the search form below to get yourself moving in the right direction.</p>

<?php get_search_form(); ?>

		</main><!-- #main -->
	</div><!-- #primary -->
</div><!-- .wrap -->

<?php get_footer(); ?>

Le Codex WordPress fournit un peu plus d’indications sur ce que vous pouvez et ne pouvez pas faire lorsque vous créez une page de recherche personnalisée. Cependant, si vous aimez les résultats de ce que je vais vous montrer, la seule chose que vous pourriez avoir besoin de changer est le contenu qui apparaît entre les deux :

<main id="main" class="site-main" role="main">

Et:

<?php get_search_form(); ?>

Une fois que vous avez enregistré votre modèle searchpage.php, retournez dans WordPress. Nous devons maintenant créer une page appelée « Recherche ».

Donnez un titre à la page et ouvrez les « Attributs de page » dans la barre latérale. Vous verrez un modèle pour la « Page de recherche » que vous venez de créer :

Modèle de page de recherche créé
Modèle de page de recherche créé

Sélectionnez le modèle de recherche et publiez la page. Vous le verrez maintenant dans l’URL, qui devrait être : https://votrenomdedomaine.com/recherche/. Et, si vous avez utilisé quelque chose de similaire au code ci-dessus, il en résultera une page qui ressemblera à ceci :

Exemple d'une page de recherche personnalisée dans WordPress
Exemple d’une page de recherche personnalisée dans WordPress

Avec cette page créée et publiée, c’est à vous d’en faire ce que vous voulez. Vous pouvez l’ajouter à votre menu ou la lier ailleurs. Assurez-vous simplement que le lien est placé à un endroit où vos visiteurs sont susceptibles de le voir.

Astuce 2 : Faites en Sorte que Votre Recherche WordPress ne se Limite pas aux Pages et aux Articles

Bien que l’astuce ci-dessus vous donne un nouvel endroit pour exécuter des recherches WordPress, elle n’aide pas à résoudre le problème du type de contenu qu’elle recherche. Heureusement pour nous, il y a un certain nombre d’extensions qui vont corriger cela.

Améliorez la Recherche Basique de WordPress avec WP Extended Search

Si tout ce que vous voulez est de pouvoir passer au peigne fin plus de contenu et de métadonnées sur votre site Web, une bonne option est WP Extended Search.

Réglages de WP Extended Search dans WordPress
Réglages de WP Extended Search dans WordPress

Avec cette extension, vos visiteurs pourront récupérer les résultats des :

    • Articles
    • Pages
    • Fichiers médias
    • Catégories
    • Étiquettes
    • Extraits
    • Métadonnées (comme le nom de l’auteur)

Il s’agit d’une extension légère et facile à configurer qui améliore les capacités de recherche basique des sites Web et des blogs des petites entreprises.

Mettre à Niveau la Recherche WooCommerce avec Advanced Woo Search

Si vous avez un site de commerce électronique, vous pouvez utiliser l’extension Advanced Woo Search à la place.

Une fois activée, vous pouvez placer le formulaire de recherche WooCommerce où vous le souhaitez sur le site. Si vous voulez qu’il remplace tous les formulaires de recherche WordPress de base déjà présents, le plugin dispose d’une option rapide « Intégration transparente » qui les échange automatiquement pour vous.

Vous pouvez également ajouter manuellement le formulaire sous forme de widget ou de code court. C’est à vous de voir.

Le formulaire va ressembler au formulaire de base de WordPress :

Exemple de Advanced Woo Search
Exemple de Advanced Woo Search

Il y a deux grandes différences entre ce formulaire et celui que vous aviez auparavant.

La première est que le formulaire recherche le contenu et les métadonnées de votre produit WooCommerce, y compris le titre, l’UGS, l’extrait, la catégorie, l’étiquette et l’ID.

C’est la deuxième différence :

Advanced Woo Search : résultats de recherche en direct
Advanced Woo Search : résultats de recherche en direct

Lorsque vos visiteurs commencent à saisir leurs requêtes de recherche, les résultats correspondants apparaissent. C’est ce qu’on appelle la recherche « live » et, grâce à l’utilisation d’AJAX par l’extension, elle est instantanée.

Si ces options semblent prometteuses, mais que vous recherchez des mises à niveau plus robustes ou plus rapides pour vos formulaires de recherche WordPress, continuez à lire.

Astuce 3 : Améliorer L’affichage des Résultats de Recherche de WordPress

Ensuite, parlons de ce que vous pouvez faire pour améliorer l’affichage des résultats de recherche pour vos visiteurs.

Voilà pourquoi vous ne pouvez pas vous permettre de sauter ce conseil :

Affichage par défaut des résultats de recherche
Affichage par défaut des résultats de recherche

Par défaut, la recherche WordPress affiche des résultats similaires à cette page. Le haut de la page affichera « Résultats de recherche pour : mot-clé] » et est suivi de chaque page ou article correspondant. S’il y a une image mise en avant (comme le jean ci-dessus), elle sera affichée en entier.

Cela sera suivi d’un extrait :

Les résultats de la recherche montrent une grande image et un extrait
Les résultats de la recherche montrent une grande image et un extrait

Ce n’est qu’un résultat parmi d’autres. Imaginez à quel point il serait difficile d’accéder à cette page de résultats de recherche s’il y avait plusieurs « jeans » correspondants, sans parler des dizaines ou des centaines d’entre eux.

Pour résoudre ce problème, nous allons chercher une extension WordPress pour vous aider.

Améliorez L’apparence de Votre Formulaire avec Ivory Search

Comme les extensions mentionnées ci-dessus, Ivory Search vous permet de choisir le type de contenu et les résultats de recherche de métadonnées à partir desquels les résultats sont extraits. Avec celle-ci, cependant, vous n’avez pas à choisir entre une page de base et des données d’articles ou du commerce électronique. Ici, vous avez le choix :

Réglages de Search Ivory
Réglages de Search Ivory

Un autre conseil intéressant à propos de cette extension est qu’elle vous permet de personnaliser votre formulaire de recherche aux côtés du reste de votre site Web :

Search Ivory : Personnaliser le design dans la personnalisation du thème
Search Ivory : Personnaliser le design dans la personnalisation du thème

Vous avez le contrôle sur tous les aspects de votre formulaire de recherche :

      • Couleurs
      • Texte
      • Style
      • Animation du formulaire
      • Image du chargeur

En outre, vous pouvez également configurer des fonctions telles que la recherche AJAX en direct et offrir à vos visiteurs l’avantage de voir leurs correspondances en temps réel :

Résultats de la recherche en direct depuis la barre de recherche personnalisée avec Search Ivory
Résultats de la recherche en direct depuis la barre de recherche personnalisée avec Search Ivory

Considérez cette extension comme la prochaine étape dans la recherche WordPress.

Personnaliser l’Apparence des Résultats de Recherche avec Ajax Search

Maintenant, ce n’est pas seulement l’apparence de votre formulaire de recherche marquer vos visiteurs. C’est ce que vous faites avec l’affichage des résultats qui a aussi un impact sur leur expérience.

Avec les extensions Ajax Search Lite et Pro, vous allez vraiment les épater avec une expérience de recherche plus intelligente et plus rapide.

Voici quelques exemples de ce que vous pouvez faire :

Extension Ajax Search : comportements de recherche
Extension Ajax Search : comportements de recherche

Les comportements rendent l’expérience de recherche plus efficace pour les visiteurs, par exemple en ouvrant immédiatement le formulaire de recherche lorsqu’ils commencent à saisir et en les redirigeant vers les résultats de recherche, qu’ils appuient sur la touche Entrée ou sur l’icône de loupe.

Extension Ajax Search : auto-complétion et suggestions
Extension Ajax Search : auto-complétion et suggestions

L’auto-complétion et les suggestions utilise les fonctions de recherche de Google pour accélérer les recherches de vos visiteurs.

Extension Ajax Search : mise en évidence des mots-clés
Extension Ajax Search : mise en évidence des mots-clés

La mise en évidence des mots-clés est une autre fonction utile qui met en évidence les mots-clés de vos utilisateurs dans les résultats correspondants. Il est ainsi plus facile de repérer les résultats les plus pertinents.

Voici un exemple de ce que cela peut afficher :

Mots-clés surlignés dans les résultats de recherche
Mots-clés surlignés dans les résultats de recherche

Cette extension vous permet également de dicter comment vos résultats doivent apparaître exactement : comment la page de résultats doit être disposée et quels éléments doivent apparaître (comme l’image mise en évidence + l’extrait + le nom de l’auteur).

En outre, vous pouvez dire au moteur de recherche de récupérer des images depuis un certain endroit. Par exemple, si une image mise en avant n’est pas disponible, vous pouvez demander que la première image de la page soit utilisée dans les résultats de recherche.

Vous pouvez également décider comment chaque image doit être recadrée et à quelle taille. De cette façon, vous pouvez rendre vos pages de résultats de recherche plus faciles à gérer en taille et en apparence – quelque chose qui devient de plus en plus important à mesure que la quantité de contenu sur votre site augmente.

Et encore une chose : cette extension ne vous aide pas seulement à améliorer l’apparence de vos résultats de recherche. Cela accélère aussi la vitesse à laquelle ils se présentent devant vos visiteurs :

Extension Ajax Search : optimisation des performances pour une recherche plus rapide
Extension Ajax Search : optimisation des performances pour une recherche plus rapide

Il y a trois optimisations de performance que vous pouvez faire à l’intérieur de cette extension :

      • Appliquer un gestionnaire AJAX personnalisé.
      • Désactiver le rognage de l’image.
      • Charger JavaScript dans le pied de page.

Avec ces trois réglages configurés, vous pouvez aider votre serveur Web à ne pas être submergé par les demandes de recherche continues.

Cela dit, ce n’est que la pointe de l’iceberg lorsqu’il s’agit d’optimiser la vitesse de la recherche dans WordPress. Continuez à lire pour en savoir plus sur Elasticsearch.

Astuce 4 : Accélérer la Recherche WordPress

Bien que l’apparence et les capacités de recherche de votre formulaire de recherche WordPress soient importantes, il en va de même de la rapidité avec laquelle tout se passe.

Obtenez des Capacités de Recherche Super Rapides et Complexes avec Elasticsearch

À un certain moment, les extensions de recherche WordPress et votre base de données MySQL ne fonctionneront plus. Lorsque les requêtes de recherche de votre site Web explosent, la seule façon d’assurer une expérience de recherche optimale est d’utiliser Elasticsearch.

Elasticsearch est un moteur de recherche et d’analyse open source connu pour sa vitesse, sa stabilité et son évolutivité – ce n’est qu’une partie de la pile Elastic. Combiné avec Logstash (pour le traitement des données) et Kibana (pour la visualisation et la gestion des données), Elasticsearch alimente le moteur de recherche de votre site Web d’une manière que vous n’avez jamais vue auparavant :

      • Interroger davantage de types de contenu (comme les PDF) et de métadonnées
      • Correspondance floue pour réduire les « Aucun résultat ».
      • Suggestions de contenu
      • Recommandations sur le contenu géo-spécifique
      • Recherche par facettes (multi-filtres)
      • Traitement plus rapide des requêtes
      • Accès en temps réel aux données des requêtes de recherche

Bien qu’Elasticsearch soit open source et libre d’utilisation, vous aurez besoin d’un hébergement Elasticsearch géré (qui n’est pas gratuit). Il y a plusieurs façons d’y parvenir :

1. ElasticPress + Kinsta
L’extension ElasticPress vous permet d’intégrer de manière transparente les capacités de recherche d’Elasticpress dans votre site WordPress :

Réglages d’ElasticPress
Réglages d’ElasticPress

C’est une bonne option si vous voulez utiliser l’indexation avancée d’Elasticsearch et les capacités d’interrogation rapide à partir de WordPress. Si vous avez besoin d’Elastisearch ajouté à votre site hébergé sur Kinsta, vous devez contacter le support client et le demander, mais vous n’aurez pas accès à la pile complète (Elasticsearch + Logstash + Kibana) car l’utilisation d’Elasticsearch sur Kinsta est limitée à l’intégration du service avec WordPress pour permettre des requêtes rapides.

Pour obtenir un accès complet à la pile, vous aurez besoin d’utiliser un service d’hébergement externe d’Elasticsearch.

2. Elastic
Si vous voulez, vous pouvez aller directement à la source : Elastic. Vous disposez également de quelques options pour déployer votre moteur de recherche.

Vous pouvez obtenir la pile complète et profiter de ses outils avancés de traitement et de gestion des données. Cela fait partie du processus d’installation et d’intégration :

Elastic : configuration de déploiement de la pile complète
Elastic : configuration de déploiement de la pile complète

De plus, vous pouvez contrôler comment votre serveur Elasticsearch doit être optimisé :

Choisir l'optimisation du déploiement dans Elastic
Choisir l’optimisation du déploiement dans Elastic

Des recommandations sont fournies en fonction des types de requêtes que votre site Web traitera, ce qui facilite la prise de décision quant à la meilleure façon d’accélérer et d’améliorer votre moteur de recherche.

Si vous voulez simplifier l’installation, utilisez plutôt l’outil de recherche de site d’Elastic :

Tableau de bord de recherche de site Elastic
Tableau de bord de recherche de site Elastic

Vous êtes alors dirigé vers ce tableau de bord où, une fois votre site indexé, vous pouvez :

      • Installer votre moteur de recherche avec un extrait JavaScript.
      • Personnaliser le fonctionnement de votre moteur de recherche avec le classement, la pondération et les synonymes des résultats.
      • Gérer le contenu qui peut apparaître dans les résultats de recherche.
      • Configurer le suivi des conversions.
      • Configurer les recommandations de recherche.
      • Passer en revue les données de votre requête de recherche.

Ce n’est pas une solution aussi robuste que la pile Elastic, mais c’est une excellente option si vous recherchez simplement une recherche puissante, facile à mettre en œuvre et à gérer.

3. Amazon Elasticsearch
Il n’est pas surprenant qu’Amazon dispose de son propre service Elasticsearch. Si vous utilisez déjà les services d’hébergement et de déploiement d’AWS, ce serait une excellente option pour vous.

Semblable aux options ci-dessus, il s’agit d’un service géré qui vous permet de créer un moteur de recherche rapide avec des capacités de requêtes complexes pour votre site.

Astuce 5 : Mettez en Cachez Votre Page de Résultats de Recherche

Une autre façon d’optimiser la vitesse de recherche dans WordPress est de mettre en cache les résultats de votre recherche. En activant la mise en cache, votre serveur n’aura pas à traiter continuellement les mêmes requêtes à plusieurs reprises. Au lieu de cela, il récupérera et affichera une page de résultats de recherche statique, fournissant aux visiteurs des résultats quasi instantanés.

Une façon d’activer la mise en cache est d’utiliser une extension WordPress de mise en cache.

L’une des extensions les mieux notées, W3 Total Cache, attire l’attention sur la mise en cache des pages de résultats de recherche, alors commencez par là si vous cherchez une solution de mise en cache qui donne la priorité aux types d’optimisation des performances dont vous avez besoin.

Ou vous pouvez essayer WP Rocket. Bien qu’il ne mette pas en cache les pages de résultats de recherche par défaut, il a créé l’extension Cache Search Results helper dans ce but précis.

Une autre façon de l’activer est d’utiliser l’extension Ajax Search Pro mentionné précédemment. Je vous ai déjà montré comment la version Lite de l’extension optimise les performances de recherche. La version Pro ajoute encore plus d’optimisations, y compris la mise en cache des images et des phrases de recherche.

Conseil 6 : Activer le Suivi de la Recherche dans Google Analytics

Enfin, n’oubliez pas d’activer le suivi des recherches dans Google Analytics. Vous le trouverez sous Admin > Toutes les données du site Web > Réglages de visualisation.

Activer le suivi des recherches dans Google Analytics
Activer le suivi des recherches dans Google Analytics

Pour activer le suivi de la recherche sur le site, réglez le commutateur « ON ». Un nouveau champ appelé « Réglage de requête » apparaîtra. C’est l’élément de votre URL (et de votre base de données) qui définit une requête et un résultat de recherche.

Le réglage de recherche pour Google Analytics
Le réglage de recherche pour Google Analytics

La lettre « s », dans ce cas, est ce qui définit la requête de recherche sur le site Web. Si vous n’êtes pas sûr de votre propre réglage de recherche, effectuez une recherche test et localisez la lettre ou le mot qui suit le point d’interrogation.

Si votre recherche permet aux visiteurs de sélectionner des catégories et des filtres, vous pouvez également activer les catégories de recherche du site. Il se peut que vous ayez besoin d’indiquer plusieurs paramètres ici.

Une fois que vous aurez configuré la recherche dans Google Analytics, vous pourrez trouver toutes vos données sous Comportement > Recherche de site.

Données de recherche de site dans Google Analytics
Données de recherche de site dans Google Analytics

Tout comme le reste de Google Analytics, ces données vous offrent une mine d’opportunités à comprendre :

Portez une attention particulière à ce que vos visiteurs font avec la recherche et vous pouvez plus efficacement façonner le reste de l’expérience pour eux.

Résumé

La recherche WordPress peut sembler assez simple – et c’est le cas si vous n’avez besoin que d’une fonction de recherche basique pour aider les visiteurs à naviguer sur environ une douzaine de pages.

Vous pouvez ajouter une simple fonction de recherche WordPress à un certain nombre de zones de votre site Web, comme l’en-tête, le menu, la barre latérale, le pied de page, et même en ligne avec votre contenu. Il y a plusieurs façons d’ajouter ces éléments de recherche :

      • Les réglages de votre thème
      • Un widget WordPress
      • Une extension de construction de page
      • Un modèle de thème pré-construit
      • Du code

N’oubliez pas : plus votre site Web est grand et plus votre navigation devient complexe, plus vous aurez besoin d’une solution qui améliore vos capacités de recherche WordPress pour fournir une meilleure UX à vos visiteurs. Et une meilleure UX, la plupart du temps, se traduit par une augmentation des conversions pour vous.

Suzanne Scacca

Suzanne Scacca is a WordPress, web design, and SEO specialist. When she’s not testing WordPress tools or scouring the web for awesome design examples, she’s on Twitter sharing tips on how to make the web a better place.