Revu par La plupart des boutiques WooCommerce passent des heures à optimiser leurs pages produits. Beaucoup moins passent du temps sur leur page de boutique. Pourtant, la page de boutique est l'endroit où la plupart de vos visiteurs vivent réellement. C'est aussi là que la plupart d'entre eux partent.
Les données racontent une histoire cohérente. Le Baymard Institute estime le taux moyen d'abandon de panier e-commerce à 70,22 %. Parmi ceux-ci, 43 % des acheteurs américains déclarent avoir abandonné simplement parce qu'ils naviguaient. La plupart des visiteurs ne sont pas en mode achat.
La plupart des guides sur les meilleures pratiques pour les pages de boutique e-commerce supposent que les acheteurs sont prêts à acheter. Cependant, la recherche indique qu'ils ne le sont pas. Ce guide rassemble des études UX de Baymard, Nielsen Norman Group et Google pour trouver ce qui fonctionne réellement. Ensuite, nous examinerons où les listes de souhaits s'intègrent dans le tableau.
Table des matières
- Les pages de boutique sont des surfaces de découverte, pas des surfaces de vente
- Scent de l'information : Les trois premières secondes
- Filtres avancés : Le moteur de la découverte
- Organisation et chargement des produits : Le problème du « défilement infini »
- Les pages de catégorie sont votre meilleur aimant Google
- Le problème du comparateur de prix (et pourquoi les listes de souhaits appartiennent aux pages de boutique)
- FAQ : Meilleures pratiques pour les pages de boutique e-commerce
- Conclusion
Les pages de boutique sont des surfaces de découverte, pas des surfaces de vente
La première erreur que font la plupart des boutiques est de traiter la page de boutique comme une page produit plus petite. Cette hypothèse change la façon dont chaque autre choix est fait. La logique de la page produit priorise la décision d'achat. En revanche, la logique de la page de boutique devrait prioriser la découverte.
Comme indiqué précédemment, les données de Baymard montrent que 43 % des acheteurs américains abandonnent leur panier parce qu'ils naviguaient. Ce chiffre à lui seul justifie un modèle mental différent basé sur les meilleures pratiques fondamentales des pages de boutique e-commerce.
En d'autres termes, la page de boutique n'est pas l'endroit où la vente se fait. Au contraire, c'est là que la prochaine visite est gagnée. Tout ce qui suit dans ce guide s'appuie sur ce changement.
🔍️ Ce que nous avons vu : Les boutiques qui traitent la page de boutique comme une mini-page produit finissent par y mettre une pression de vente excessive sur une surface de découverte. Les boutons "Ajouter au panier" sur chaque carte, les minuteurs d'urgence et les pop-ups repoussent les acheteurs en mode navigation. Les pages de boutique les plus performantes font moins, pas plus.
Scent de l'information : Les trois premières secondes
Le Nielsen Norman Group a inventé le terme "sensation d'information" pour décrire comment les utilisateurs décident où cliquer. Pensez-y comme à une piste d'indices : les acheteurs parcourent rapidement votre page pour voir s'ils sont sur la bonne voie pour trouver ce qu'ils veulent.
- Une forte sensation attire le clic : Si les indices sont évidents, les acheteurs restent et explorent plus en profondeur.
- Une faible sensation entraîne le bouton retour : Si les indices sont confus ou manquants, ils partent immédiatement.
Les pages de boutique réussissent ou échouent généralement ce test dans les trois premières secondes. Pour créer une forte odeur d'information, vous devez fournir trois indices principaux :
1. Étiquettes claires
En termes simples, utilisez des étiquettes de catégorie que les gens recherchent réellement.
Des noms astucieux nuisent à l'odeur d'information. Par exemple, « Collections » ou « Édition sélectionnée » ne disent rien aux acheteurs. D'un autre côté, « Chaussures de course pour hommes » leur dit tout.
Nommez vos pages de site Web exactement comme vos clients appellent les produits. Si un client tape une phrase spécifique dans Google pour trouver un article, utilisez cette phrase exacte pour les liens de menu et les adresses Web (URL) de votre site Web.
2. Contexte utile
Montrez aux acheteurs où ils se trouvent en utilisant du texte ou des images environnants qui les orientent dans la bonne direction.
L'une des meilleures façons de le faire est d'utiliser des « miettes de pain » : cette petite piste de liens que l'on trouve généralement en haut d'une page Web (par exemple : Accueil > Hommes > Chaussures > Chaussures de course).
Malgré sa petite taille, cette piste fait un travail énorme. Elle indique aux acheteurs exactement où ils se trouvent dans le catalogue de votre magasin et leur donne un moyen facile de revenir à une section précédente. Sans cette piste, les acheteurs qui explorent en profondeur votre site peuvent se sentir perdus, ce qui les amène à abandonner et à retourner à la page d'accueil pour recommencer.
3. Expérience familière
La mise en page d'un site Web doit fonctionner comme ils s'y attendent d'après leurs expériences d'achat en ligne précédentes. Ainsi, elle peut suggérer de la profondeur sans submerger les clients.
Le haut d'une page de boutique est un emplacement de choix. Utilisez-le pour signaler ce que la catégorie contient. Des vignettes de sous-catégories en vedette, des images de produits claires, une courte ligne d'introduction ou un collage visuel fonctionnent tous. Évitez les bannières héroïques qui occupent tout l'espace au-dessus de la ligne de flottaison.
Filtres avancés : Le moteur de la découverte
Le filtrage avancé (souvent appelé « navigation à facettes » par les concepteurs Web) est un élément essentiel de la conception de boutique en ligne. Il permet aux acheteurs de réduire les résultats en utilisant plusieurs catégories à la fois : taille, couleur, prix, marque et note. Bien fait, ces filtres peuvent transformer une page désordonnée de 500 produits en une liste restreinte hautement personnalisée de 12 produits en quelques secondes.
Mal fait, les filtres submergent les acheteurs dans un fouillis déroutant de cases à cocher. Pour bien faire, suivez ces règles basées sur la recherche :
1. Inclure les cinq types de filtres essentiels
La recherche de Baymard sur les listes de produits a révélé que 57 % des boutiques en ligne manquent au moins un des cinq filtres que les acheteurs s'attendent le plus à voir.
Les cinq principaux sont :
- Catégorie
- Prix
- Marque
- Note des clients
- Caractéristique spécifique au produit (comme la taille ou la couleur)
Si vous en omettez un, les acheteurs auront du mal à réduire les produits comme ils le souhaitent.
2. Montrez aux acheteurs exactement par quoi ils filtrent
Les chercheurs de Baymard ont également constaté que 28 % des sites ne montrent pas clairement quels filtres l'acheteur a actuellement activés. La solution est simple : affichez une ligne en haut des résultats de recherche montrant chaque filtre actif, avec un bouton rapide pour le supprimer (par exemple : « Prix : 20 $–50 $ [X] | Couleur : Bleu [X] »).
Sans ce rappel visuel, les acheteurs oublient ce sur quoi ils ont cliqué et sont confus par leurs résultats.
3. Laisser les acheteurs choisir plusieurs options au sein de la même catégorie de filtres
Si un acheteur souhaite regarder des chaussures « rouges OU bleues », votre filtre doit lui permettre de cliquer sur les deux couleurs en même temps. Des recherches indiquent que 15 % des sites ne le permettent toujours pas, obligeant les acheteurs à regarder moins de produits qu'ils ne souhaitaient réellement en voir.
4. Concevoir pour les écrans de téléphone, pas pour les souris d'ordinateur
La plupart des gens font leurs achats sur leur téléphone. Un menu de filtre qui s'intègre bien sur le côté d'un grand écran d'ordinateur doit devenir un menu caché et déroulant sur un petit écran de téléphone.
Parce qu'il est caché, vous devez fournir un bouton « Filtres » clair et facile à toucher pour l'ouvrir. De plus, si l'acheteur ferme ce menu, le site Web doit se souvenir des cases qu'il a cochées afin qu'il n'ait pas à recommencer.
Organisation et chargement des produits : Le problème du « défilement infini »
La façon dont vous organisez vos produits — et la façon dont votre site Web les charge à l'écran — est tout aussi importante que vos filtres. Si vous vous trompez, vous perdrez des ventes. Heureusement, les recherches sur la façon de faire cela correctement sont très claires :
1. Donner aux acheteurs les quatre options de tri qu'ils attendent
Baymard a constaté que 64 % des boutiques en ligne manquent d'au moins une des options de tri de base. Vous devez permettre aux acheteurs de trier vos produits par : Prix (du plus bas au plus élevé et du plus élevé au plus bas), Note des clients, Meilleures ventes et Nouveautés. Ne vous contentez pas de l'ordre aléatoire par défaut de votre constructeur de site Web.
2. N'utilisez pas le « défilement infini »
Le « défilement infini » est lorsqu'une page Web charge automatiquement plus d'éléments lorsque vous faites défiler vers le bas (comme un flux de médias sociaux). Les recherches de Nielsen Norman Group déconseillent fortement son utilisation pour les boutiques en ligne.
Lorsque les gens font des achats, ils aiment comparer les choses et revenir aux articles qu'ils ont vus précédemment. Le défilement infini rend cela extrêmement frustrant. Si un acheteur clique sur un produit puis appuie sur le bouton retour, il est souvent renvoyé tout en haut d'une liste massive et forcé de faire défiler à nouveau pour retrouver sa place.
3. Utilisez des numéros de page ou un bouton « Charger plus » à la place
Au lieu du défilement infini, divisez vos produits en utilisant des numéros de page standard (Page 1, 2, 3...) ou un simple bouton « Charger plus » en bas de la liste.
- Numéros de page : Ceux-ci sont excellents car chaque page a son propre lien Web unique. Un acheteur peut facilement mettre en signet la « Page 3 » et y revenir plus tard.
- Bouton Charger plus : Ceci est fortement recommandé pour les acheteurs sur téléphones mobiles car il maintient l'écran propre et facile à toucher.
En prime, les numéros de page et les boutons « Charger plus » permettent aux moteurs de recherche comme Google de lire plus facilement votre site Web. D'autre part, le défilement infini crée généralement des problèmes techniques qui cachent vos produits à Google.
Les pages de catégorie sont votre meilleur aimant Google
Lorsque les internautes recherchent sur Google des termes généraux comme « chaussures de course pour hommes » ou « friandises bio pour chiens », Google les dirige généralement vers une page de catégorie du magasin, et non vers une page produit unique. Pour cette raison, vos pages de catégorie sont les outils les plus importants dont vous disposez pour obtenir du trafic gratuit de la part de Google.
🚀 Ce que nous avons constaté : Les propriétaires de magasins passent souvent des heures à optimiser parfaitement leurs pages produits individuelles pour Google, mais laissent leurs pages de catégorie totalement vides. Corrigez d'abord vos pages de catégorie, car elles font le gros du travail pour attirer de nouveaux visiteurs.
1. Donnez à Google du texte réel à lire
Par défaut, les pages de catégorie affichent généralement uniquement un titre et une grille de photos de produits. Mais les robots de Google ne peuvent pas très bien « lire » les photos. Ainsi, ajoutez un paragraphe d'introduction de 100 à 200 mots en haut de la page. Essentiellement, cela donne au moteur de recherche de Google des mots réels à lire et aide votre page à apparaître dans les résultats de recherche.
2. Ne laissez pas vos filtres embrouiller Google
Chaque fois qu'un acheteur clique sur un filtre (comme « Bleu » et « Taille 10 »), votre site Web crée automatiquement un nouveau lien Web (URL) unique pour cette combinaison spécifique.
Si vous avez beaucoup de filtres, votre site génère secrètement des milliers de liens Web inutiles. Si les robots de Google essaient de lire tous ces liens indésirables, ils sont submergés et pourraient abandonner avant même de trouver vos pages les plus importantes. Vous devez utiliser les paramètres de votre site Web pour indiquer à Google d'ignorer ces liens filtrés.
3. Utilisez des étiquettes « Copie maîtresse » pour garder Google concentré
Parfois, vous pourriez avoir des pages filtrées spécifiques que vous voulez que Google voie, mais que personne ne recherche réellement. Par exemple, des milliers de personnes recherchent « chaussures de course » sur Google, mais presque personne ne recherche l'expression très spécifique « chaussures de course rouges en taille 10 ».
Alors, comment empêcher Google d'être distrait par ces pages hyper-spécifiques ?
Essentiellement, vous pouvez utiliser ce qu'on appelle une « balise canonique ». Il s'agit simplement d'une étiquette en coulisses qui dit à Google : « Hé, cette page filtrée n'est qu'une variation. La copie maîtresse réelle est la page principale « Chaussures de course ». Veuillez attribuer tout le crédit de recherche à la page principale. » Cela maintient votre page de catégorie principale forte et visible dans les résultats de recherche.
Le problème du comparateur de prix (et pourquoi les listes de souhaits appartiennent aux pages de boutique)
Rappelez-vous : les pages de magasin sont conçues pour les personnes qui « naviguent simplement ». Ces acheteurs comparent activement les prix, les caractéristiques et les styles, ce qui signifie qu'ils ont besoin d'un « espace de stationnement » temporaire pour enregistrer les articles qu'ils aiment pendant qu'ils continuent à chercher.
Si votre magasin ne leur donne pas de moyen d'enregistrer des articles, ils inventeront leurs propres solutions de contournement. Malheureusement, ces solutions de contournement nuisent généralement à votre entreprise.
L'erreur : traiter le panier d'achat comme une liste de souhaits
Les recherches du Nielsen Norman Group documentent un comportement que la plupart des magasins ne prennent toujours pas en compte. Généralement, lorsqu'un site Web n'a pas de bouton « Enregistrer pour plus tard », les acheteurs adoptent une mauvaise habitude : ils ajoutent tout ce qui les intéresse, même légèrement, directement dans le panier. Ensuite, lorsqu'ils ont fini de naviguer, ils quittent le site Web et abandonnent le panier.
Cela crée deux maux de tête majeurs pour les propriétaires de magasins :
- Données ruinées : Votre « Taux d'abandon de panier » monte en flèche, mais les données deviennent un bruit complètement inutile. Vous ne pouvez plus faire la différence entre un acheteur sérieux qui a été distrait lors du paiement, et un simple visiteur qui utilisait le panier comme bloc-notes.
- Clients perdus : Les paniers d'achat sont temporaires. Si un acheteur revient quelques jours plus tard sur son téléphone, les articles du panier sont généralement effacés. Il doit rechercher dans tout votre magasin à partir de zéro pour trouver ce qu'il aimait, et la plupart ne prendront pas la peine.
La solution : changer l'état d'esprit de l'acheteur
Placer un simple bouton de liste de souhaits (comme une icône de cœur) directement sur chaque carte de produit de votre page de boutique résout ce problème proprement.
Cette stratégie fonctionne car les humains traitent les paniers et les listes de souhaits avec deux modèles mentaux entièrement différents :
- L'état d'esprit de la liste de souhaits (« J'aime ça, rappelez-moi plus tard ») : C'est sans pression. Cela permet à l'utilisateur de créer un catalogue personnel d'articles qu'il a réellement l'intention d'acheter lorsqu'il aura l'argent ou le temps.
- L'état d'esprit du panier d'achat (« J'achète ça maintenant ») : Cela représente un engagement financier. Pousser un simple visiteur dans cette direction semble agressif et le fait qu'il se déconnecte.
Comment les listes de souhaits agissent comme un outil d'analyse secret
Les listes de souhaits font plus que simplement rendre le shopping pratique ; elles agissent comme un système d'alerte précoce pour votre entreprise.
Par exemple, en suivant les articles ajoutés aux listes de souhaits par rapport à ceux qui sont achetés, vous pouvez déterminer exactement pourquoi un produit ne se vend pas :
- Faible liste de souhaits + Faibles ventes = Problème de trafic/désir : Si un article ne suscite aucun intérêt dans la liste de souhaits, le produit lui-même peut ne pas être attrayant, ou il est enfoui si profondément dans votre magasin que les visiteurs ne le trouvent pas.
- Liste de souhaits élevée + Faibles ventes = Problème de prix/confiance : Si des milliers de personnes sauvegardent une veste dans leur liste de souhaits mais que personne ne l'achète, cela signifie qu'elles aiment le produit, mais que quelque chose les arrête à la dernière étape. Habituellement, le prix est trop élevé, ou votre page produit manque de tableaux de tailles ou d'avis clients.
Intégrer les listes de souhaits sur votre page de boutique
Vous pouvez facilement ajouter cette fonctionnalité à l'aide d'un outil tel que le plugin SaveTo Wishlist.
- La version gratuite : Ajoute instantanément un bouton de liste de souhaits épuré aux images de vos produits. De manière cruciale, elle inclut la prise en charge des invités, ce qui signifie que les acheteurs n'ont pas à gâcher leur expérience en créant un compte juste pour enregistrer un article. Elle est également livrée avec des listes de souhaits multiples illimitées, des modèles personnalisables, le partage sur les réseaux sociaux, et plus encore.
- La version Pro : Débloque des outils de marketing automatisés. Si un article de la liste de souhaits d'un client est en promotion, baisse de prix, ou revient en stock, le système lui envoie automatiquement un e-mail pour le ramener dans votre boutique afin de finaliser la vente. Elle inclut également des analyses avancées de listes de souhaits, des autorisations basées sur les rôles, et plus encore.
FAQ : Meilleures pratiques pour les pages de boutique e-commerce
Quelle est la différence entre une page de boutique et une page produit ?
Une page produit concerne un seul article. Une page de boutique (également appelée page de catégorie) répertorie de nombreux produits. Essentiellement, les deux remplissent des fonctions différentes : les pages produit e-commerce concluent les ventes, les pages de boutique favorisent la découverte et le clic suivant.
Dois-je utiliser le défilement infini sur ma page de boutique ?
Pour la plupart des boutiques e-commerce, non. Les recherches de Nielsen Norman Group déconseillent le défilement infini pour les tâches d'achat orientées objectif. Utilisez plutôt la pagination standard ou un bouton « Charger plus » à la place. Essentiellement, les deux préservent le comportement du bouton retour sur lequel les acheteurs comptent.
Combien de produits dois-je afficher par page de boutique ?
24 à 36 produits par page est une plage de départ raisonnable. Affichez suffisamment pour que les acheteurs aient l'impression de voir la sélection sans forcer un chargement de page lourd. Associez-le à « Charger plus » si votre trafic mobile est élevé.
Les pages de boutique aident-elles au référencement ?
Les pages de boutique se classent souvent mieux que les pages produit pour les mots-clés de niveau catégorie. Par exemple, « Chaussures de course pour hommes » place une page de catégorie dans la plupart des résultats de recherche, pas un produit unique. L'ajout de 100 à 200 mots de contenu d'introduction au-dessus de la grille de produits donne à Google quelque chose à classer.
L'ajout d'un bouton de liste de souhaits à ma page de boutique ralentira-t-il mon site ?
Cela dépend du plugin. Par exemple, SaveTo Wishlist est conçu pour rester léger. Notre test de vitesse du plugin de liste de souhaits WooCommerce contient des données comparatives. D'autre part, des plugins plus lourds peuvent ajouter une charge notable. Ainsi, vous devriez vérifier les scores Lighthouse après l'installation de tout nouvel outil de liste de souhaits.
Dois-je inclure des vidéos de produits sur ma page de boutique ?
Pour la plupart des boutiques, non. La vidéo est idéale pour les articles individuels, mais les vidéos de produits en lecture automatique dans une grille de catégories peuvent considérablement ralentir le temps de chargement des pages et submerger l'utilisateur. Par conséquent, vous devriez maintenir la rapidité de la page de la boutique en réservant les fichiers multimédias lourds aux fiches produits individuelles.
Les meilleures pratiques pour les pages produit s'appliquent-elles aux pages de boutique ?
Généralement, non. Alors qu'une page produit se concentre sur les détails approfondis, les avis et un seul bouton « Ajouter au panier », une page de boutique est axée sur le balayage rapide et le filtrage. Essayer d'intégrer des éléments de conversion comme des minuteurs ou de longs textes sur votre page de boutique ne fera qu'encombrer l'expérience utilisateur.
Conclusion
Lors de l'évaluation de la conception globale de votre site Web e-commerce, rappelez-vous que les pages de boutique sont le lieu où se déroulent la plupart des parcours utilisateurs. C'est aussi là que la plupart des acheteurs en mode navigation partent. Les recherches de Baymard, Nielsen Norman Group et Google vont toutes dans la même direction. Traitez la page de la boutique comme une surface de découverte et vous retiendrez davantage ces acheteurs.
Voici par où commencer :
- Présentez les pages de boutique comme une découverte, pas comme des ventes
- Construisez pour l'odeur de l'information : étiquettes claires, fil d'Ariane, contenu d'introduction réel
- Ajoutez les cinq filtres essentiels et les quatre types de tri essentiels
- Évitez le défilement infini pour les achats orientés objectifs
- Gérez les URL facettées et les balises canoniques pour le SEO
- Ajoutez un bouton de liste de souhaits à chaque carte de page de boutique
Pour ajouter dès aujourd'hui un bouton de liste de souhaits à votre page de boutique, utilisez la version gratuite de SaveTo Wishlist. Listes de souhaits illimitées, listes de souhaits pour invités et modèles personnalisables sont tous inclus. Aucun plan payant requis.
