La mise en surbrillance des termes de recherche dans WordPress permet aux visiteurs de trouver plus facilement ce qu'ils recherchent sur votre site. Leurs mots de recherche se démarquent dans chaque résultat, leur permettant de repérer la bonne page d'un coup d'œil.
Ce petit changement guide les visiteurs vers le contenu qu'ils souhaitent plus rapidement, ce qui peut entraîner plus de pages vues et des visites plus longues. Cela les rend également plus satisfaits de votre site et plus susceptibles de revenir la prochaine fois qu'ils auront besoin de quelque chose.
SearchWP ajoute ces mises en surbrillance pour vous sans aucun code. Il réécrit même l'extrait de chaque résultat autour des mots correspondants, afin que les visiteurs voient leur terme de recherche dans son contexte au lieu des premières lignes de l'article.
Dans cet article, nous vous montrerons comment mettre en surbrillance les termes de recherche dans WordPress sans coder, ainsi que comment faire correspondre la couleur de surbrillance à votre site.
Pourquoi mettre en surbrillance les termes de recherche dans les résultats de recherche WordPress ?
La mise en surbrillance des termes de recherche aide vos visiteurs de quelques manières pratiques.
- Les visiteurs trouvent le bon résultat plus rapidement. La plupart des gens ne lisent pas les pages web mot à mot, et Nielsen Norman Group a constaté que les utilisateurs lisent environ 20 % du texte d'une page moyenne. Les mises en surbrillance donnent à leurs yeux quelque chose sur quoi se poser, leur permettant de savoir immédiatement si un résultat vaut un clic.
- Ils cliquent avec plus de confiance. Lorsque le mot recherché apparaît dans l'extrait, les visiteurs peuvent voir pourquoi un résultat correspond avant de l'ouvrir. Cela signifie moins de clics sur la mauvaise page et moins de retours à la boîte de recherche.
- Ils explorent davantage votre site. Une recherche qui fonctionne clairement encourage les visiteurs à continuer leurs recherches. Au fil du temps, cela peut entraîner plus de pages vues et des visites plus longues.
Avant d'activer la mise en surbrillance, il est utile de savoir pourquoi les mises en surbrillance n'apparaissent pas toujours.
Pourquoi les mises en surbrillance de recherche n'apparaissent parfois pas
Une mise en surbrillance ne peut apparaître que là où le terme de recherche est réellement visible sur la page des résultats.
C'est là que les extraits par défaut de WordPress peuvent gêner.
Lorsqu'un article n'a pas d'extrait écrit à la main, WordPress en crée un à partir des 55 premiers mots du contenu par défaut.
Si quelqu'un recherche un mot plus loin dans l'article, il ne sera pas dans cet extrait, il n'y a donc rien à mettre en surbrillance.
Cela devient plus perceptible une fois que votre recherche couvre les champs personnalisés ou les documents joints, car la correspondance peut ne pas se trouver du tout dans le texte de l'article.
Votre thème décide également de ce qui apparaît sur la page de résultats. Certains thèmes affichent l'article complet ou omettent complètement l'extrait, et certains construisent les titres d'articles d'une manière qui laisse de côté la mise en surbrillance.
La bonne nouvelle est que SearchWP s'occupe du problème des extraits en construisant chacun autour des mots correspondants.
Comment mettre en surbrillance les termes de recherche dans WordPress avec SearchWP
La façon la plus simple de mettre en surbrillance les termes de recherche dans WordPress sans codage est avec SearchWP.
C'est le meilleur plugin de recherche WordPress, approuvé par plus de 50 000 propriétaires de sites Web. Il alimente le formulaire de recherche existant de votre site, vous pouvez donc améliorer vos résultats sans changer de thème.
Voici quelques fonctionnalités clés offertes par SearchWP qui aident les visiteurs à repérer le bon résultat :
- Mise en surbrillance des termes de recherche. Une bascule met en surbrillance les mots correspondants dans le titre et l'extrait de chaque résultat.
- Extraits de résultats plus intelligents. SearchWP construit chaque extrait autour de la première correspondance qu'il trouve, qu'il s'agisse du contenu de l'article, d'un document joint ou d'un champ personnalisé.
- Correspondances partielles. Les visiteurs obtiennent toujours des résultats lorsqu'ils tapent une partie d'un mot ou font une faute de frappe, et le mot correspondant est mis en surbrillance.
- Recherche Ajax en direct. Les résultats apparaissent dans une liste déroulante au fur et à mesure que les visiteurs tapent, avec leurs termes de recherche mis en surbrillance également.
Cela dit, voyons comment vous pouvez utiliser SearchWP pour mettre en surbrillance les termes de recherche dans vos résultats de recherche.
Étape 1 : Installer et activer SearchWP
Pour commencer, rendez-vous sur le site Web de SearchWP et choisissez un plan. La mise en surbrillance fait partie du plugin principal, elle est donc incluse dans chaque plan.
Une fois que vous vous êtes inscrit, allez dans l'onglet Téléchargements de votre tableau de bord de compte. De là, téléchargez le fichier ZIP du plugin et copiez votre clé de licence du même écran.
Ensuite, vous voudrez installer et activer le plugin sur votre site WordPress.
Après l'activation, cliquez sur Démarrer l'assistant d'intégration et suivez les instructions à l'écran pour configurer le plugin.
SearchWP est prêt et vous êtes prêt à activer la mise en surbrillance.
Étape 2 : Activer le paramètre de mise en surbrillance des termes
Avec SearchWP actif, rendez-vous sur SearchWP » Paramètres dans votre tableau de bord WordPress.
Ensuite, faites défiler jusqu'à la section Paramètres généraux dans l'onglet Général. De là, activez la bascule Mettre en surbrillance les termes.
Le paramètre est enregistré dès que vous basculez l'interrupteur, il n'y a donc pas de bouton Enregistrer à rechercher.
Vous n'avez pas non plus besoin de reconstruire votre index, car SearchWP ajoute les mises en surbrillance lorsqu'il affiche vos résultats.
Désormais, SearchWP met en surbrillance les mots correspondants dans le titre et l'extrait de chaque résultat. Il construit également chaque extrait autour de la première correspondance qu'il trouve dans l'extrait, le contenu, les documents joints ou les champs personnalisés de l'article.
Astuce pro : Lorsqu'une personne recherche une expression telle que « soupe aux haricots blancs », SearchWP essaie de mettre en surbrillance toute l'expression avant de mettre en surbrillance chaque mot individuellement. Vous pouvez associer cela à une recherche d'expression exacte afin que les recherches entre guillemets ne renvoient que des correspondances exactes.
Étape 3 : Vérifier les correspondances partielles (facultatif)
SearchWP active les Correspondances partielles pour les nouvelles installations, de sorte que les mises en surbrillance apparaissent également lorsqu'un visiteur tape seulement une partie d'un mot.
Ensuite, vérifiez que les Correspondances partielles sont toujours activées dans la même section Paramètres généraux, au cas où elles auraient été désactivées sur votre site.
Avec cette option activée, SearchWP recherche les correspondances partielles lorsqu'une recherche ne renvoie aucun résultat et corrige l'orthographe si nécessaire.
Sur notre site de démonstration de recettes, une recherche pour « choc » a trouvé les Cookies aux pépites de chocolat au beurre brun, avec le mot entier « Chocolate » mis en surbrillance.
Si le paramètre est désactivé, une mise en surbrillance n'apparaît que lorsqu'un visiteur tape le mot entier.
Ce paramètre modifie également les résultats qui s'affichent, notre guide sur l'ajout de la recherche floue à WordPress l'aborde plus en détail.
Étape 4 : Testez vos résultats de recherche mis en surbrillance
Pour voir la mise en surbrillance en action, visitez votre site et effectuez une recherche à l'aide de votre formulaire de recherche habituel.
Sur notre site de démonstration de recettes, nous avons recherché « épinards ». SearchWP a marqué le mot directement dans l'extrait de la Soupe crémeuse aux haricots blancs toscans.
Ensuite, essayez votre liste déroulante de recherche instantanée si vous utilisez SearchWP Live Ajax Search.
Lorsque nous avons tapé « riz », le résultat Riz au caramel salé est apparu avec « Rice » mis en surbrillance dans son titre.
Remarque : Certains thèmes, y compris Astra, suppriment la couleur de surbrillance par défaut du navigateur, de sorte que le mot marqué peut apparaître comme du texte brut. Si cela se produit sur votre site, la section bonus ci-dessous montre comment ajouter votre propre couleur.
Astra charge également les titres de publication sur la page de résultats à sa manière, de sorte que seuls les extraits sont mis en surbrillance. Notre guide sur la personnalisation de la page de résultats de recherche WordPress peut vous aider si vous souhaitez plus de contrôle sur cette page.
Bonus : Changer la couleur de surbrillance de la recherche
SearchWP encapsule chaque mot mis en surbrillance dans un élément mark HTML, que la plupart des navigateurs affichent avec un fond jaune. Certains thèmes, comme Astra, désactivent ce fond, donc ajouter votre propre couleur est le moyen le plus simple de faire ressortir les mises en surbrillance.
Si vous souhaitez que la couleur corresponde à votre marque, vous pouvez coller un court extrait CSS. Copiez simplement l'extrait suivant et remplacez #ffe58f par le code couleur que vous souhaitez utiliser sur votre site Web.
mark.searchwp-highlight {
background-color: #ffe58f;
color: inherit;
}Ensuite, vous pouvez entrer l'extrait dans votre thème WordPress. Pour ce faire sur un thème classique, allez dans Apparence » Personnaliser » CSS additionnel.
Si vous utilisez un thème bloc, ouvrez l'Éditeur de site et allez dans Styles. De là, choisissez CSS additionnel dans le menu des options.
Ensuite, collez cet extrait et changez le code couleur pour celui que vous désirez.
Après cela, enregistrez vos modifications et effectuez une nouvelle recherche pour voir la nouvelle couleur.
Foire aux questions
1. Pourquoi les termes de recherche ne sont-ils pas mis en surbrillance dans mes résultats de recherche WordPress ?
Les termes de recherche ne sont mis en surbrillance que lorsque la recherche s'effectue via SearchWP et que la mise en surbrillance des termes est activée dans les paramètres de SearchWP. Certains thèmes, comme Astra, suppriment également la couleur de surbrillance, ce qu'un court extrait CSS corrige.
Si les extraits sont mis en surbrillance mais pas les titres, votre thème charge les titres des articles à sa manière. Notre guide sur l'affichage des extraits sur la page des résultats de recherche WordPress peut vous aider si votre thème n'affiche pas du tout d'extraits.
2. La mise en surbrillance de la recherche fonctionne-t-elle avec les champs personnalisés ?
La mise en surbrillance de la recherche fonctionne avec les champs personnalisés une fois qu'ils font partie de votre moteur de recherche. Lorsque le terme de recherche ne se trouve pas dans l'extrait ou le contenu d'un article, SearchWP peut créer l'extrait à partir d'un champ personnalisé correspondant et y mettre en surbrillance le terme.
3. Puis-je changer la couleur de surbrillance de la recherche dans WordPress ?
La couleur de surbrillance peut être modifiée avec un court extrait CSS qui cible mark.searchwp-highlight. Vous pouvez l'ajouter dans Apparence » Personnaliser » CSS additionnel sur un thème classique, ou dans le panneau Styles de l'éditeur de site sur un thème bloc.
4. Dois-je reconstruire l'index après avoir activé la mise en surbrillance ?
La mise en surbrillance fonctionne immédiatement, car SearchWP ajoute les surbrillances lors de l'affichage des résultats plutôt que lors de l'indexation de votre contenu. Le bouton de mise en surbrillance des termes est également sauvegardé dès que vous le basculez, de sorte que votre prochaine recherche le prend en compte.
5. La mise en surbrillance fonctionnera-t-elle dans les résultats de recherche en direct ?
La mise en surbrillance fonctionne également dans le menu déroulant de recherche instantanée de SearchWP Live Ajax Search. Sur notre site de démonstration, la saisie de « rice » a affiché « Rice » en surbrillance dans le titre de la recette correspondante.
Live Ajax Search est gratuit sur WordPress.org et inclus dans tous les plans SearchWP. Voici comment ajouter une recherche avec autocomplétion instantanée à WordPress.
Conclusion
Vos visiteurs peuvent désormais repérer leurs termes de recherche dans chaque résultat et accéder plus rapidement à la bonne page.
Nous espérons que cet article vous a aidé à apprendre comment mettre en surbrillance les termes de recherche dans WordPress. Vous voudrez peut-être aussi consulter nos guides sur comment prioriser des résultats de recherche spécifiques dans WordPress et comment voir les métriques de recherche dans WordPress.
Prêt à aider les visiteurs à trouver plus rapidement ce qu'ils cherchent ? Vous pouvez commencer avec SearchWP ici.
