Les modèles de recherche vous permettent de concevoir la mise en page et l'apparence de votre page de résultats de recherche WordPress. Au lieu d'une liste ennuyeuse de liens, vous pouvez créer des résultats de recherche visuellement attrayants avec des mises en page personnalisées, des options de filtrage et des fonctionnalités utiles qui améliorent l'expérience utilisateur et maintiennent les visiteurs sur votre site plus longtemps.
Pourquoi personnaliser les résultats de recherche ? #
- Meilleur UX : Aidez les utilisateurs à trouver ce qu'ils recherchent plus rapidement
- Cohérence de la marque : Faites correspondre les résultats de recherche à la conception de votre site
- Taux de rebond réduit : Gardez les utilisateurs engagés même lorsque les premiers résultats ne sont pas parfaits
- Opportunités de monétisation : Afficher les annonces, le contenu en vedette ou les produits dans les résultats de recherche
Étape par étape : création d'un modèle de recherche #
1. Créer un nouveau modèle de recherche #
Naviguer vers Additions principales → Créateur de thèmes → Ajouter un nouveau modèle.
2. Configuration de base #
- Titre du modèle : Nom descriptif (par exemple, “, Search Results Page” ou “Site Search Layout”)
- Type de modèle : Sélectionner Recherche depuis dropdown
- Activation : Régler sur Actif après avoir conçu.
Cliquez Enregistrer Paramètres avant de concevoir.
3. Modifier avec Elementor #
Cliquez Modifier avec Elementor. Vous aurez un canevas vierge pour concevoir votre page de résultats de recherche.
Remarque importante: Les modèles de recherche reçoivent automatiquement la requête de recherche de WordPress Vous afficherez les résultats de recherche en fonction de ce que les utilisateurs tapent dans votre champ de recherche.
4. Utilisation des éléments de recherche d'addons principaux #
Master Addons fournit des widgets spécialisés pour la fonctionnalité de recherche :
Widget de recherche Master Addons : #
- Barre de recherche : Ajoutez une barre de recherche bien visible en haut des résultats
- Recherche en direct : Activer les résultats en temps réel au fur et à mesure que les utilisateurs tapent
- Rechercher dans: Option permettant de rechercher uniquement des types de publications spécifiques
- Ajax Chargement : Chargement des résultats sans actualisation de la page
Grille de publication Master Addons/Liste des résultats de recherche : #
Configurer pour afficher les résultats de recherche avec :
- Source de la requête : Définir sur“Search Results”
- Options de mise en page : Grille, liste ou maçonnerie
- Nombre de résultats : Afficher le nombre de résultats trouvés
- Aucun message de résultats : Message personnalisé lorsque rien n'est trouvé
Widgets de filtre d'addons principaux : #
Ajouter des filtres pour affiner les résultats de recherche :
- Catégorie Filtrer : Filtrer les résultats par catégorie
- Filtre de date : Afficher uniquement les résultats récents
- Tapez Filtre: Filtrer par type de poste (postes, pages, produits)
5. Contenu dynamique spécifique à la recherche #
Les modèles de recherche ont des balises dynamiques uniques :
Rechercher des informations sur les requêtes : #
- Requête de recherche : Le terme (s) réel (s) utilisateur recherché (s)
- Résultats de la recherche Compter : “Affichage de 15 résultats pour 'mot-clé'”
- Suggestions de recherche : “Vous vouliez dire...?” suggestions
Exemple d'utilisation :
- Ajouter Titre widget → Insérer Rechercher une requête balise dynamique → “Results for : [terme de recherche]”
- Ajouter Texte widget → Insérer Résultats de la recherche Compter balise dynamique → “Found 24 results”
- Ajouter Barre de recherche Master Addons → Définir pour afficher en haut de la page
- Ajouter grille boucle → Définir la requête sur “Search Results”
6. Concevoir votre disposition de recherche #
Structure efficace des résultats de recherche :
1. Section des en-têtes de recherche : #
- Grande barre de recherche (facilitez la recherche)
- Affichage du terme de recherche avec le nombre de résultats
- Boutons de filtre rapide (Recent, Popular, All)
2. Principal domaine de résultats : #
- Grille ou liste de résultats avec :
- Image en vedette
- Titre (lié)
- Extrait avec le terme de recherche mis en évidence
- Badge de type/catégorie de poste
- Date de publication
3. Barre latérale/Contenu secondaire : #
- Liste“Popular Searches”
- “Recent Searchs” (si connecté)
- Catégorie filtre dropdown
- “Ne trouvez pas ce dont vous avez besoin ?” contact prompt
4. Section Aucun résultat : #
- Message amical avec des suggestions
- Liens de contenu populaire
- Formulaire de contact ou bouton de chat d'assistance
5. Pagination : #
- Pagination standard pour plusieurs pages de résultats
- Option de bouton“Load More”
7. Définition des conditions de recherche #
Après avoir conçu, rendez-vous sur Conditions onglet. Les modèles de recherche ont des options de condition spécifiques :
Conditions du modèle de recherche :
Option A : Tous les résultats de recherche #
- Inclure:
Search - Ceci s'applique aux pages de résultats de recherche
Remarque : Contrairement aux autres modèles, les conditions de recherche sont généralement des“Search” ; vous ne faites pas de différence entre les différents types de recherches (bien que vous puissiez le faire avec du code personnalisé).
8. Configuration des fonctionnalités de recherche #
Paramètres du widget de recherche : #
- Texte de l'espace réservé : “Qu'est-ce que vous cherchez ?”
- Texte du bouton de recherche : Icône“Search” ou loupe
- Types de publications à rechercher : Sélectionnez les types de contenu à inclure
- Retard des résultats en direct : Millisecondes avant de montrer les résultats en direct
- Caractères minimum : Nécessite 2-3 caractères avant de chercher
Paramètres de grille des résultats : #
- Messages par page : 10-20 résultats par page
- Longueur de l'extrait : Raccourcir les extraits pour une numérisation plus rapide
- Mettre en surbrillance les termes de recherche : Mots en gras ou correspondant à la couleur
- Trier par : Pertinence, date, titre (la pertinence est la meilleure pour la recherche)
- Afficher/Masquer les éléments : Auteur, date, catégories selon les besoins
9. Enregistrer et tester #
Cliquez ENREGISTRER PARAMÈTRES. Puis tester par:
- Effectuer une recherche depuis la barre de recherche de votre site
- Testez différentes requêtes :
- Terme spécifique avec de nombreux résultats
- Terme général avec peu de résultats
- Terme sans résultats
- Pagination test avec un terme de recherche large
- Tester la réactivité mobile
- Vérifier la vitesse de chargement (les pages de recherche devraient être rapides)
Exemples de modèles de recherche communs #
Recherche standard sur le blog : #
- Condition : Recherche
- Caractéristiques : Grande barre de recherche en haut, grille de résultats à 2 colonnes avec images, extraits,“lired more” links, sidebar with popular posts and categories, pagination
Recherche de produits de commerce électronique : #
- Condition : Recherche
- Caractéristiques : Filtrer la barre latérale (prix, catégorie, note), grille de produits avec images/prix/add-to-cart, “top vente produits” quand peu de résultats, trier par pertinence/prix/évaluation
Base de connaissances/Site centré sur la recherche : #
- Condition : Recherche
- Caractéristiques : Recherche en direct avec résultats instantanés, résultats catégorisés (articles, FAQ, didacticiels), “cela a été utile ? boutons de retour d'expérience, assistance aux contacts et bien en évidence en l'absence de résultats
Recherche minimaliste : #
- Condition : Recherche
- Caractéristiques : Disposition propre, juste des titres et de brefs extraits, pas d'images, se concentrer sur la lisibilité et la vitesse
Dépannage #
Problème: Modèle de recherche n'affichant pas
- Correction: Assurez-vous que la condition est définie sur“Include : Search”
Problème: Résultats de recherche montrant un contenu erroné
- Correction: Vérifiez les paramètres de requête Post Grid définis par les“ à Search Results” et non les“Recent Posts”
Problème: Recherche en direct ne fonctionne pas
- Correction: Assurez-vous qu'Ajax est activé dans les paramètres du widget de recherche
Problème: Les faits saillants de la recherche n'apparaissent pas
- Correction: Activer les paramètres de recherche d'“Highlight dans les paramètres de Post Grid
Problème: Recherche trop lente avec de nombreux résultats
- Correction: Réduisez les publications par page, optimisez les images, envisagez le plugin de recherche pour une meilleure indexation
Problème: Aucun message de résultats ne s'affiche
- Correction: Configurer le message de” “No Results Found dans le widget Post Grid
Conseils professionnels #
- La vitesse est essentielle : Les pages de recherche doivent se charger rapidement Optimiser les images et envisager la mise en cache
- Conception mobile d'abord : La plupart des recherches se font sur mobile Rendre la barre de recherche proéminente et facile à utiliser
- Analytiques : Suivez ce que les gens recherchent pour améliorer le contenu et rechercher des suggestions
- Contenu de secours : Toujours afficher le contenu utile même lorsque la recherche ne renvoie rien
- Accessibilité: Assurez-vous que la recherche est navigable au clavier et conviviale pour les lecteurs d'écran
- Cas de bord de test : Recherche de caractères spéciaux, très longs termes, recherches vides
- Conception cohérente : Faites correspondre la conception de votre page de recherche avec le reste de votre site
- Messages d'erreur : Écrivez des messages d'erreur conviviaux et utiles pour zéro résultat
Considérations relatives au rendement #
- Limiter les résultats par page : 10-20 est généralement optimal
- Images de charge paresseuse : Particulièrement important pour la recherche avec de nombreux résultats
- Résultats de la recherche de cache : Pensez à mettre en cache les requêtes de recherche populaires
- Optimiser la base de données : Assurez-vous que votre base de données WordPress est optimisée pour les requêtes de recherche
- Utiliser des extraits : Afficher de brefs extraits au lieu du contenu complet
Un modèle de recherche bien conçu transforme l'expérience utilisateur de frustrante à délicieuse Avec Master Addons, vous ne vous contentez pas de styliser les résultats de recherche « vous créez une expérience de recherche complète qui guide les utilisateurs vers le contenu dont ils ont besoin, offre des alternatives lorsque les recherches échouent et maintient les gens engagés avec votre site ».
Foire aux questions #
Comment créer une page de résultats de recherche personnalisée dans Master Addons ?
Accédez à Additions principales → Générateur de thèmes → Ajouter un nouveau modèle, définissez le type de modèle sur Rechercher, puis Enregistrez les paramètres et modifiez avec l'élémentateur Concevez votre mise en page sur le canevas vierge et dans l'ensemble d'onglets Conditions Inclure → Rechercher afin que le modèle s'applique à toutes les pages de résultats de recherche.
Comment afficher les résultats de recherche réels dans le modèle ?
Ajouter un widget Master Addons Post Grid ou List et définir sa source de requête sur les résultats de recherche plutôt que sur les publications récentes Le modèle reçoit automatiquement la requête de recherche de WordPress, de sorte que la grille affiche les résultats correspondant à ce que l'utilisateur a tapé Vous pouvez également faire apparaître le terme lui-même à l'aide des balises dynamiques Search Query et Search Results Count.
Puis-je ajouter la recherche en direct et les filtres à la page des résultats ?
Oui. Le widget de recherche Master Addons prend en charge la recherche en direct avec chargement Ajax afin que les résultats apparaissent lorsque les utilisateurs tapent sans actualisation de la page, ainsi que les options pour les types de publications à rechercher, un délai de résultats et un nombre minimum de caractères. Vous pouvez également ajouter des widgets de filtre Catégorie, Date et Type pour permettre aux visiteurs d'affiner les résultats.
Pourquoi mon modèle de recherche affiche-t-il le mauvais contenu ?
Cela vient presque toujours de la requête Post Grid qui est définie sur les publications récentes au lieu des résultats de recherche, alors mettez-la à jour d'abord. Si le modèle n'apparaît pas du tout, confirmez que la condition est définie sur Inclure : Recherche. Pour la mise en surbrillance des termes manquants, activez Mettre en surbrillance les termes de recherche dans les paramètres Post Grid.
Que doit-il se passer lorsqu'une recherche ne renvoie aucun résultat ?
Configurez un message Aucun résultat trouvé dans le widget Post Grid et concevez une section dédiée sans résultat La meilleure pratique consiste à afficher un message convivial avec des suggestions, des liens vers du contenu populaire et un formulaire de contact ou un bouton d'assistance, afin que les visiteurs aient toujours une prochaine étape utile au lieu d'une impasse.
