Comment augmenter les conversions mobiles avec la conception de pages de catégorie – Smashing Magazine


A propos de l’auteur

Suzanne Scacca est une ancienne implémentatrice, formatrice et responsable d’agence WordPress qui travaille maintenant comme rédactrice indépendante. Elle est spécialisée dans l’artisanat marketing, web…
Plus à propos
Suzanne
Scacca

Des recherches récentes ont montré que les pages de catégories de commerce électronique ont des taux de clics plus élevés dans la recherche que les pages de catégories individuelles. Donc, si votre site de commerce électronique a du mal à attirer les acheteurs et à les convertir, vos pages de catégorie (en particulier, celles sur mobile) pourraient avoir besoin d’une refonte.

Pour les concepteurs de commerce électronique, il est facile de se concentrer sur la conception de la page d’accueil, des pages de produits individuelles ainsi que de l’expérience de paiement, car ils sont des tremplins évidents le long du parcours des acheteurs mobiles. Sur la base des données suivantes, les pages de catégorie ont également un rôle à jouer – en tant qu’intermédiaire entre les moteurs de recherche et les sites Web de commerce électronique.

Jill Kocher Brown, directrice SEO de JumpFly, a partagé les recherches suivantes au SMX West 2020:

SEO Jill Kocher Brown Research - Performances de la page de catégorie de commerce électronique par rapport à la page de produit
SEO Jill Brown partage la recherche sur les performances des pages de catégories de commerce électronique par rapport aux pages de produits. (La source: SlideShare) (Grand aperçu)

Après avoir évalué les 30 meilleurs sites de commerce électronique, Brown a constaté que produit Catégorie pages surpasser les pages de produits en termes de classement des mots clés et du trafic.

Compte tenu du nombre de clients de l’entonnoir de conversion qui utilisent la recherche mobile pour trouver ce qu’ils recherchent en ligne, nous devons nous concentrer davantage sur la conception de pages de catégorie de commerce électronique pour mobile.

Aujourd’hui, je vais vous fournir quelques conseils pour la conception de pages de catégories de commerce électronique mobile qui vous permettront d’obtenir plus de visites de recherche (et, par conséquent, de conversions sur site).

Comment concevoir des pages de catégorie de commerce électronique pour mobile

Commençons par:

1. Inclure uniquement les éléments essentiels sur la page

C’est plus ou moins ce que nous devrions viser lors de la conception de pages de catégorie de commerce électronique pour mobile:

Un filaire pour une page de catégorie de commerce électronique sur mobile
Un exemple de filaire pour une page de catégorie de commerce électronique sur mobile. (Source: créé avec Wireframe.cc) (Grand aperçu)

Les éléments que nous devons inclure au-dessus du pli sont:

  • La barre de navigation (elle peut disparaître lors du défilement ou coller en haut de la page),
  • Un titre de page de catégorie descriptive,
  • Le nombre total de produits dans la catégorie,
  • Options de filtrage,
  • Paramètres de tri,
  • Au moins un ou deux produits assortis.

Quant à savoir pourquoi ces éléments doivent être au-dessus du pli, permettez-moi de vous montrer un exemple.

Selon SEMrush (et Google), “jouets pour chiens kong” est un terme de recherche populaire recherché par les acheteurs de jouets pour chiens:

Données SEMrush sur les «jouets pour chiens kong» avec un volume de recherche mensuel de 33 100
SEMrush révèle que «jouets pour chiens kong» a un volume de recherche mensuel de 33 100. (La source: SEMrush) (Grand aperçu)

L’un des meilleurs résultats correspondants pour le terme de recherche est cette page de catégorie / marque sur le PetSmart site Internet:

Page de catégorie PetSmart pour jouets pour chiens kong
Page de catégorie de produits PetSmart pour les jouets pour chiens de marque Kong. (La source: PetSmart) (Grand aperçu)

Les quatre prochains balayages de la page permettent aux acheteurs de parcourir des sections d’informations, des vidéos et des sous-catégories comme celle-ci:

Informations sur la marque PetSmart Kong, vidéos et sous-catégories
PetSmart inclut un tas d’informations sur la marque Kong en haut de la page de catégorie. (La source: PetSmart) (Grand aperçu)

Voici le problème avec ceci:

Pour les visiteurs du site Web qui explorent les produits pour animaux de compagnie, ces informations sont excellentes car elles les renseignent sur la marque Kong très populaire. Cependant, pour les visiteurs qui se sont mis en quatre pour rechercher des “jouets pour chiens kong” dans Google, ils n’ont pas besoin de toutes ces informations. Cela ne fait qu’empêcher l’expérience d’achat.

Bien que je ne sois pas fan de Meilleur achatEn incluant une annonce au-dessus de l’en-tête ou un produit sponsorisé comme le premier montré, la mise en page concise pour le haut de la page de catégorie est bien faite:

Page de la catégorie Best Buy pour les «trackers d'activité»
Les pages des catégories de Best Buy sont concises en détail et affichent les produits immédiatement. (La source: Meilleur achat) (Grand aperçu)

De plus, Best Buy comprend des informations supplémentaires sur les catégories (tout comme PetSmart l’a fait). Cependant, il place judicieusement ces informations sous les résultats de recherche:

Les informations sur la catégorie Best Buy apparaissent sous les résultats de recherche
Best Buy inclut des informations sur les catégories sous les résultats de recherche. (La source: Meilleur achat) (Grand aperçu)

Pourquoi Best Buy fait-il cela et pourquoi devriez-vous?

D’une part, vous voulez que les acheteurs qui sont nouveaux dans une catégorie de produits ou une marque aient toujours ces informations à leur disposition. Et compte tenu de la façon dont les consommateurs bien formés doivent regarder sous le pli pour plus d’informations (merci, Amazon), cela fonctionne sur mobile.

De plus, cela est utile pour le référencement. Sans cette description de catégorie, vous devrez laisser votre méta-titre et votre description pour influencer le classement de la page. Avec une section d’information optimisée pour la recherche comme celle-ci, vous pouvez améliorer les chances que votre page de catégorie arrive en haut de la recherche.

2. Affichez les détails du produit les plus convaincants

Comme vous pouvez le voir, nous n’avons pas beaucoup de place sur ces pages de catégorie de commerce électronique mobile. Ainsi, lorsque les acheteurs obtiennent enfin les résultats des produits correspondants, vous voulez les rendre aussi indolores que possible pour qu’ils trouvent ceux qui les recherchent.

Voici les détails qui devraient être inclus avec chaque liste de produits:

  • Une image de produit claire et attrayante,
  • Le nom du produit (accompagné d’une brève description si le nom / la marque ne précise pas ce que c’est),
  • Le prix,
  • Le nombre d’étoiles et le nombre d’avis.

Le seul des éléments ci-dessus qui est facultatif est la note / les avis et ce n’est le cas que si votre site est nouveau et que vous ne voulez pas qu’un manque d’avis désactive les gens.

En ce qui concerne l’ajout d’autres éléments aux listes de produits, faites attention à cela. S’il n’ajoute aucune valeur (en d’autres termes, il ne facilite pas le choix d’un produit dans un autre), laissez-le de côté.

Prenez, par exemple, cette page de catégorie «jouet pour chien kong» de Chewy:

Page de catégorie à mâcher pour 'jouet pour chien kong'
La page de catégorie Chewy et les résultats pour ‘kong dog toy’. (La source: Chewy) (Grand aperçu)

La conception de cette page de catégorie dans son ensemble est beaucoup plus concise que la façon dont le concurrent PetSmart gère le leur. Cependant, il y a pas mal de gaspillage ici. À savoir, il y a deux chaînes de texte répétitives qui doivent aller:

  1. «Plus de choix disponibles» sous les images du produit;
  2. «Livraison gratuite 1-2 jours sur 49 $ between» entre le prix et la note.

L’avis de livraison gratuite peut facilement apparaître sous la forme d’une barre collante supprimable en haut du site. Et “Plus de choix disponibles” n’a pas besoin d’être là du tout. En resserrant les détails du produit, les acheteurs mobiles peuvent accéder plus rapidement aux résultats de recherche disponibles.

Voici un exemple de BH Cosmetics des listes de produits qui pourraient être réduites:

Page de la catégorie des pinceaux de maquillage BH Cosmetics
BH Cosmetics affiche les ensembles de pinceaux de maquillage sur la page de catégorie correspondante. (La source: BH Cosmetics) (Grand aperçu)

Les boutons «Ajouter au sac» doivent tous disparaître. À moins que les acheteurs puissent regarder une seule image de produit et savoir ce dont ils ont besoin, ces boutons sont inutiles sur cette page.

Je pense également que le «XX% OFF» est inutile. Il n’y a aucune raison de trop compliquer cela. Le prix d’origine rayé et le nouveau prix inférieur en rose devraient suffire à attirer l’attention sur l’offre.

Ce n’est pas le seul moyen d’afficher l’inventaire / les options sur un site Web de commerce électronique, vous devrez donc évaluer chaque élément de produit en fonction de votre cas spécifique.

Vous pouvez donc voir de quoi je parle, voici ce que montre une recherche de “Santorini Greece hotels” sur Expedia:

Résultats Expedia pour 'Santorini Greece hotels'
La page des résultats de recherche sur Expedia pour les hôtels à Santorini, Grèce. (La source: Expedia) (Grand aperçu)

Et sur Booking.com:

Résultats Booking.com pour 'Hôtels à Santorin en Grèce'
La page de résultats de recherche sur Booking.com pour ‘Santorini Greece hotels’. (La source: Booking.com) (Grand aperçu)

Les deux comprennent les détails essentiels nécessaires pour chaque annonce. Cependant, ils incluent des détails supplémentaires pour aider les utilisateurs à prendre une décision.

Cependant, il existe une grande différence dans la façon dont ces informations supplémentaires sont affichées. Sur Expedia, les utilisateurs peuvent voir que le «petit déjeuner inclus» est une fonctionnalité de premier plan et qu’il ne reste que deux chambres au prix spécial. Ce sont des informations utiles. Sur Booking.com, cependant, il y a un gâchis de détails en vert affichés directement en dessous du prix. C’est difficile à lire et je ne suis pas sûr que tous les détails soient nécessaires.

En cas de doute, commencez par le strict minimum. Ensuite, utilisez les tests A / B pour confirmer si d’autres détails améliorent ou non les taux de clics et de conversion.

3. Gérez les tailles de page de votre catégorie mobile

Il y a deux raisons pour lesquelles nous devons faire attention aux tailles de page lors de la conception des pages de catégorie de commerce électronique:

  • Avec autant d’images et de données qui apparaissent sur ces types de pages, cela peut sérieusement réduire les temps de chargement.
  • Plus vous affichez de produits à la fois, plus vos acheteurs ressentiront de paralysie d’analyse.

Donc, la première chose à faire est de créer une limite sur la durée de la page.

Bien que vous puissiez être tenté d’utiliser un défilement infini ou un chargement automatique qui révèle plus d’images de produits lorsque les visiteurs font défiler la page, les performances sont meilleures si vous utilisez des liens de pagination comme Walmart Est-ce que:

Pagination de la page de catégorie Walmart
Walmart utilise la pagination à la fin de ses pages de catégories de produits. (La source: Walmart) (Grand aperçu)

Un autre conseil que vous pouvez prendre de Walmart est son paramètre d’affichage du produit. Par défaut, les produits apparaissent dans une grille sur ses pages de catégorie:

Affichage de la grille des pages de catégorie Walmart
Par défaut, Walmart affiche les produits de catégorie dans une disposition en grille. (La source: Walmart) (Grand aperçu)

En cliquant sur le bouton à gauche de «Trier et filtrer», les utilisateurs peuvent modifier l’alignement en vue liste:

Affichage de la liste des pages de catégorie Walmart
Les utilisateurs peuvent ajuster la page de catégorie de Walmart pour afficher les produits sous forme de liste. (La source: Walmart) (Grand aperçu)

Bien que cela soit davantage une question de goût personnel, vous pouvez voir que la mise en page de la liste affiche en fait plus de produits à la fois, de sorte que les utilisateurs peuvent trouver ce choix de mise en page très utile pour accélérer leur expérience d’achat.

Une dernière chose à penser:

Vous ne pouvez pas supposer que votre méthode de tri par défaut est celle que tous les clients préfèrent automatiquement. Par exemple, SephoraLe tri par défaut est par “Best-seller”:

Produits de tri Sephora par bestselling
Par défaut, Sephora trie ses pages de catégories par produits «Best-seller». (Source: Sephora) (Grand aperçu)

Comme nous le savons, les consommateurs ont d’autres choses qui les préoccupent lorsqu’ils achètent des choses en ligne. L’abordabilité en fait partie, donc le tri par «Prix bas à élevé» pourrait avoir plus de sens. Les avis et les notes sont quelque chose d’autre qu’ils recherchent, donc “Top Rated” pourrait être leur méthode de tri préférée:

Les clients de Sephora peuvent modifier le tri des pages de catégorie par Best-seller, Meilleures notes, Nouveau, Prix élevé à bas, Prix bas à élevé
Les clients Sephora peuvent modifier la façon dont les pages de catégorie sont triées. (La source: Sephora) (Grand aperçu)

Et quand il s’agit de filtres, ne soyez pas avare.

Sephora, par exemple, ne permet aux clients de filtrer que par deux facteurs:

Les clients Sephora peuvent filtrer les résultats des pages de catégories par marque et gamme de prix
Les clients Sephora peuvent filtrer les résultats des pages de catégories par marque et gamme de prix. (La source: Sephora) (Grand aperçu)

Cela suppose que les clients connaissent les marques de beauté. Pour ceux qui ne le sont pas, cela peut considérablement réduire leur capacité à trouver les produits qu’ils recherchent, car il faudra plus de temps pour examiner toutes les options disponibles.

Au lieu de cela, vous devez utiliser vos propres catégories de produits et balises pour fournir aux utilisateurs des options de filtrage plus complètes. Après tout, si ces données vous aident à mieux organiser et vendre votre inventaire, elles devraient en faire de même pour vos clients.

Ulta fait du bon travail:

Les clients Ulta peuvent filtrer les résultats des pages de catégories par objectif, type, marque, etc.
Les clients Ulta peuvent filtrer les résultats des pages de catégories par objectif, type, marque, etc. (La source: Ulta) (Grand aperçu)

Ce n’est pas seulement bénéfique en termes de convivialité non plus (bien que cela en soit une grande partie). En permettant aux acheteurs de créer de plus petites listes de produits à parcourir, vous leur permettez également d’accélérer leur expérience d’achat à mesure que les options sont réduites et que les temps de chargement des pages s’améliorent.

Emballer

En somme, soyez attentif à la façon dont vous concevez vos pages de catégorie de commerce électronique mobile. Même si la recherche montre que ces pages bénéficient de taux de clics et de visites des moteurs de recherche plus élevés que les pages de produits individuels, de mauvais choix de conception feront de votre site Web l’exception à la règle.

Smashing Editorial
(ra, yk, il)
Close Menu