5 étapes pour optimiser sa search et booster ses conversions
Pourquoi optimiser votre barre de recherche ? Lorsque vos visiteurs lancent une recherche pour trouver le produit qu’ils veulent, leur probabilité de conversion est pratiquement multipliée par 2.
Invariablement composée d’un champ de saisie et d’un bouton primaire, sa simplicité est trompeuse. Sur les sites complexes aux multiples produits, elle est souvent utilisée comme point d’entrée du catalogue et doit, à ce titre, proposer une expérience utilisateur irréprochable, au risque de perdre le visiteur.
Dans cet article, découvrez quels types de tests lancer pour concevoir une barre de recherche optimale.
1 Déterminez le design adapté
On reconnaît généralement la barre de recherche grâce à sa forme caractéristique : un champ de saisie horizontal accompagné d’une icône loupe. Mais ces éléments peuvent prendre toutes sortes de formes.
Commencez par challenger le design de la barre : la taille du champ (au moins 27 caractères pour que le visiteur puisse éditer sa recherche), sa forme, le placement de la loupe par rapport à celui-ci, le wording et la couleur du CTA éventuel.
LA BARRE DE RECHERCHE CLASSIQUE
Certaines marques, comme FNAC, séparent clairement l’espace de saisie et le bouton cliquable, indiqué par l’icône loupe.
D’autres, comme Cyrillus, intègrent l’icône loupe dans le design.
À cette position, l’icône loupe n’est généralement pas cliquable et la recherche se lance automatiquement sous forme de recherche rapide.
LA BARRE DE RECHERCHE AVANCÉE
Si la plupart des marques e-commerce se contentent d’une barre de recherche simple, les secteurs comme la banque, l’assurance, l’immobilier ou encore le tourisme proposent des barres de recherches plus complexes, comme celle du groupe Accor.
Ce format multiplie les possibilités de tests de par les nombreux éléments qui la composent. Pour les variations simples de couleur et de texte, vous pouvez procéder à un test multivarié comme l’a fait Square Habitat en testant plusieurs versions de son CTA “Rechercher un logement”.
La marque a observé une hausse du taux de clic d’au moins 40% sur les variations “Rechercher mon futur logement” au lieu de “Rechercher” et s’apprête à lancer un test pour départager les deux coloris.
LE PLACEHOLDER
Vous pouvez également lancer une série de tests sur le texte du placeholder pour trouver la variation qui incitera vos visiteurs à utiliser la barre de recherche. Chez Petit Bateau, par exemple, la barre de recherche est un levier important de conversion, présent sur toutes les pages du site internet. La marque souhaite encourager l’engagement de ses visiteurs en challengeant le texte du champ de saisie.
Les performances de la version originale “Pyjama, Body…” sont comparées avec celle d’une variation A “Que cherchez-vous ?” et d’une variation B “Rechercher un article, un look, un conseil…” La variation A est finalement adoptée avec une hausse du taux de clic sur la barre de recherche de 5,5%.
2 Trouvez la bonne place
L’un des enjeux majeurs de la barre de recherche, est d’être la plus simple possible tout en étant clairement identifiable.
L’EMPLACEMENT
Où afficher la barre ? Son emplacement est clé. Moncler, par exemple, a amélioré ses conversions en challengeant la position de sa search. Dans la version originale, elle est représentée par une icône loupe, placée en 2e position, après l’icône téléphone représentant le service client. Moncler lance alors un test A/B/C en comparant les performances de la version originale avec celles d’une variation 1 où l’icône loupe est placée en première position et d’une variation 2 où l’icône loupe est aussi placée en première position et suivie du wording “Search”.
La variation 2 a permis une augmentation de clics sur la barre de recherche de 10,5% et 12% de transactions supplémentaires.
Assurez-vous également que votre barre de recherche est accessible lorsque cela est pertinent. Doit-elle être placée dans un menu sticky ? Doit-elle être accessible sur toutes les pages de votre site ? Reposez-vous sur les données comportementales de vos visiteurs pour créer les meilleures hypothèses à tester.
Sarenza, par exemple, a boosté son taux de confirmation de commande de 2% en supprimant la search de sa page panier pour limiter les exit points.
LA MISE EN VALEUR
Une fois la barre de recherche positionnée, vous pouvez envisager de la mettre en valeur pour inciter les visiteurs à s’en servir. Le groupe Accor a, par exemple, décidé de remettre la barre de recherche en valeur. Elle a ajouté un fond derrière sa barre de recherche pour la faire ressortir, ainsi qu’une tagline incitative. La première variation propose une tagline simple “Your perfect stay at the best price”. Le header est directement suivi d’une sélection personnalisée, basée sur les dernières pages consultées par le visiteur. La deuxième variation présente un header plus imposant et une tagline personnalisée avec une accroche nominative lorsque l’information est présente dans le datalayer ou a été renseignée sur la page.
C’est la variation 1 qui semble permettre la meilleure compréhension du contenu et qui augmente le taux de recherches lancées de 2%.
3 Guidez vos visiteurs dans leurs recherches
Pour obtenir des résultats pertinents, vos visiteurs doivent lancer les bonnes recherches. Pour cela, rien de tel qu’un accompagnement minutieux.
LES CRITÈRES DE RECHERCHE
Dans de nombreux sites de e-commerce, les critères de recherche avancés apparaissent sous forme de filtres proposés aux visiteurs, une fois la recherche effectuée. Il est également possible de tester ces filtres pour identifier s’ils sont suffisamment pertinents pour vos utilisateurs.
Si la plupart des marques “cachent” par défaut les options de recherche avancée afin de conserver un design épuré, elles peuvent être nécessaires lorsque le catalogue de la marque est riche. C’est d’ailleurs le cas de Cultura qui challenge actuellement la présence de ses filtres par catégorie. Si sur la version originale, les filtres sont positionnés à droite de la barre de recherche, l’équipe d’expérimentation teste deux autres variations. La variation 1 déplace les filtres à gauche, tandis que la variation 2 les supprime totalement.
Le test n’est pas encore significatif, mais il permettra à la marque de déterminer la pertinence de cet élément et son emplacement optimal.
L’AUTOSUGGESTION
En proposant à vos visiteurs des suggestions en fonction de leur termes de recherche, vous pouvez les guider plus rapidement vers le bon produit. En l'occurrence, Cultura challenge la présence d’éléments dans l’autocomplete de sa search.
La recherche se lance automatiquement et affiche une liste produit sur la base du mot-clé le plus probable dès 2 à 3 lettres entrées dans la barre de recherche, en plus des résultats. Kameleoon propose d’ailleurs la construction automatique et personnalisée de cette interface à l’aide d’un widget déroulant via la personnalisation “Instant Search”. Il est ainsi possible de personnaliser la suggestion de mots-clés en fonction de différents critères comme par exemple les derniers mots tapés par le visiteur.
Permettre à vos visiteurs d’affiner leur recherche et leur proposer des filtres pertinents sont des éléments indispensables pour les guider dans leurs recherches. Kameleoon offre également des options de personnalisation “Full Search“ qui permettent d’afficher à vos visiteurs des critères de tri et des recommandations produits personnalisés.
4 Optimisez votre algorithme
Pour proposer à vos visiteurs le meilleur moteur de recherche possible, vous aurez probablement à réfléchir à la question suivante : utiliser une solution externe (Shopify, Google Custom Search) ou construire un algorithme in-house ? Pour y répondre, rien de tel que l’expérimentation. Assurez-vous bien que votre search tient compte et corrige automatiquement les fautes de frappe et d’orthographe pour limiter les recherches “vides”. Parmi les paramètres à tester, vous pouvez comparer la vitesse d’affichage des réponses et la pertinence des résultats proposés et des filtres dynamiques.
FNAC, par exemple, a comparé les performances de son propre moteur de recherche à un moteur de recherche externe, grâce à un test côté serveur. Au lieu d’envisager un changement radical, risqué et coûteux, la Digital Factory réalise des itérations régulières sur son moteur de recherche avec des feature flags en suivant le nombre de recherches sans résultat, le nombre de recherche par visite, le chiffre d’affaires lié à la search et le nombre d’accès en pages produit et panier. Grâce au module “feature experimentation” de Kameleoon, l’équipe peut déployer le test auprès d'audiences très ciblées et procéder à des itérations rapides. Des alertes automatiques les préviennent d’ailleurs en cas d’anomalie détectée.
À l’issue du test, FNAC utilisera les résultats détaillés du reporting Kameleoon pour décider de l’investissement dans la solution externe ou de la conservation de la search in-house.
5 Optimisez la version mobile
Parfois négligées, la navigation sur mobile ou application sont pourtant de plus en plus utilisées par les consommateurs. Pensez donc à optimiser ce canal, tout comme vous le faites pour votre site desktop.
Chacun des points précédents peut être testé mais vous devrez sûrement les adapter aux challenges du mobile :
- Un affichage restreint : une expérience sur mobile doit être entièrement repensée par rapport à celle du site desktop puisque vous ne disposez pas du même espace
- Une navigation différente : en cliquant avec le doigt ou par glissement.
- Le testing côté serveur : pour tester sur application mobile, il est nécessaire de passer par le code. Kameleoon propose des SDKs compatibles avec les différents systèmes d’exploitation.
Ne vous laissez pas impressionner : optimiser votre expérience mobile est crucial pour augmenter vos conversions sur ce medium. Par exemple, Moncler a boosté sa mise au panier depuis la search de 44% en challengeant la visibilité de sa barre de recherche sur mobile.
Grâce à une fonctionnalité de recherche simple et efficace, vos utilisateurs trouveront plus facilement ce dont ils ont besoin lorsqu’ils lancent une recherche et resteront plus longtemps sur votre page.
Envie d’en savoir plus sur la manière d’optimiser votre barre de recherche ? Demandez une démo !
