Fermer

mars 26, 2020

Comment augmenter les conversions mobiles avec la conception de pages de catégorie7 minutes de lecture


À 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…
En savoir plus sur
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 la page d'accueil, les pages de produits individuelles ainsi que l'expérience de paiement car ce sont des étapes évidentes dans le parcours des acheteurs mobiles. Cependant, 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 de commerce électronique.

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

 Recherche SEO Jill Kocher Brown - page de catégorie de commerce électronique vs performances de la page produit
SEO Jill Brown partage des recherches sur les performances de page de catégorie de commerce électronique vs les performances de la page produit. (Source: Slideshare ) ( Grand aperçu )

Après avoir évalué les 30 meilleurs sites de commerce électronique, Brown a découvert que produit catégorie pages pages

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

Aujourd'hui, je vais vous donner quelques conseils pour concevoir des pages de catégorie 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

Sautons à droite dans:

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 fil de fer pour une page de catégorie de commerce électronique sur mobile
Un exemple de fil de fer pour un 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 navigation (elle peut disparaître lors du défilement ou rester 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, je vais 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. (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 site Web PetSmart :

 Page de catégorie PetSmart pour jouets pour chiens kong
Page de catégorie de produit PetSmart pour jouets pour chiens de marque Kong. (Source: PetSmart ) ( Grand aperçu )

Les quatre prochains balayages de la page guident les acheteurs à travers des sections d'informations, des vidéos et des sous-catégories comme celle-ci:

 Informations sur la marque PetSmart Kong , vidéo et sous-catégories
PetSmart inclut un tas d'informations sur la marque Kong en haut de la page de catégorie. (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 utiles car elles les renseignent sur la très populaire marque Kong. 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.

Bien que je ne sois pas fan de l'inclusion de Best Buy d'une annonce au-dessus de l'en-tête ou d'un produit sponsorisé comme le premier montré, le concis la mise en page du haut de la page de catégorie est bien faite:

 Page de catégorie Best Buy pour les «suiveurs d'activité»
Les pages de catégorie Best Buy sont concises en détail et affichent les produits immédiatement. (Source: Best Buy ) ( Grand aperçu )

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

 Les informations sur la catégorie Best Buy apparaissent sous les résultats de la recherche
Best Buy inclut les informations sur la catégorie sous les résultats de la recherche. (Source: Best Buy ) ( Grand aperçu )

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

D'une part, vous voulez des acheteurs qui sont nouveaux dans un catégorie de produit ou marque pour que ces informations restent disponibles. 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.

En outre, 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. Afficher 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:

  • A image du produit cristalline et attrayante,
  • Le nom du produit (avec une brève description si le nom / la marque ne précise pas ce que c'est),
  • Le prix,
  • La note en étoiles et le nombre de

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.

Quant à l'ajout d'autres éléments aux listes de produits, soyez prudent avec 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 «kong dog toy» de Chewy :

 Page de catégorie Chewy pour 'kong dog toy'
La ​​page de catégorie Chewy et résultats pour 'kong dog toy'. (Source: Chewy ) ( Grand aperçu )

Cette conception de 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. A 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. "Expédition gratuite 1-2 jours sur 49 $ between" entre le prix et la note.

L'avis de livraison gratuite pourrait facilement apparaître comme une barre collante rejetable 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 de listes de produits qui pourraient être réduites:

 Page de catégorie des pinceaux de maquillage BH Cosmetics
BH Cosmetics affiche les ensembles de pinceaux de maquillage sur la page de catégorie correspondante. (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 pour attirer l'attention sur l'offre.

Ce n'est pas la seule façon d'afficher l'inventaire / les options sur un site Web de commerce électronique, vous devrez donc

Pour que vous puissiez voir de quoi je parle, voici ce que montre une recherche de «Santorini Greece hotels» sur Expedia :

 Résultats Expedia pour 'Hôtels Santorini Grèce'
La ​​page de résultats de recherche sur Expedia pour 'Hôtels Santorini Greece'. (Source: Expedia ) ( Grand aperçu )

Et sur Booking.com :

 Résultats Booking.com pour «Santorini Greece hotels» [19659007] La ​​page de résultats de recherche sur Booking.com pour 'Santorini Greece hotels'. (Source: <a href= Booking.com ) ( Grand aperçu )

Les deux comprennent les détails essentiels nécessaires pour chaque annonce. Cependant, ils contiennent 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 le test A / B pour confirmer si d'autres détails améliorent ou non les taux de clics et de conversion.

3. Gérer 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 gravement
  • Plus vous affichez de produits en même temps, plus la paralysie de l'analyse sera ressentie par vos acheteurs.

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 davantage 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 :

 Pagination des pages de catégories Walmart
Walmart utilise la pagination à la fin des pages de catégories de produits. (Source: Walmart ) ( Grand aperçu )

Une autre astuce que vous pouvez suivre 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:

 Vue de grille de page de catégorie Walmart
Par défaut, Walmart affiche les produits de catégorie dans une disposition en grille. (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 dans une présentation de liste. (Source: Walmart ) ( Grand aperçu )

Bien que ce soit plus une question de goût personnel, vous pouvez voir que la disposition de la liste affiche en fait plus de produits à la fois, donc 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 à laquelle 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, Le tri par défaut de Sephora est par «Best-seller»:

 Sephora trie les produits par best-seller
Par défaut, Sephora trie ses pages de catégorie 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 évaluations sont quelque chose d'autre qu'ils recherchent, donc "Les mieux notés" pourraient être leur méthode de tri préférée:

 Les clients Sephora peuvent changer le tri des pages de catégorie par Best-seller, Meilleures notes, Nouveau, Prix élevé à faible, Prix bas à élevé [19659007] Les clients Sephora peuvent modifier le tri des pages de catégorie. (Source: <a href= Sephora ) ( Grand aperçu )

Et en ce qui concerne les 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égorie par marque et gamme de prix
Les clients Sephora peuvent filtrer les résultats de page de catégorie par marque et gamme de prix. (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 considérer toutes les options disponibles.

Au lieu de cela, ce que vous devez faire est d'utiliser votre propre produit catégories et balises pour offrir 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 la page de catégorie résultats par objectif, type, marque, etc.
Les clients Ulta peuvent filtrer les résultats des pages de catégories par objectif, type, marque, etc. (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 de magasinage à mesure que les options sont réduites et que les temps de chargement des pages s'améliorent.

Conclusion

En résumé, soyez conscient de la façon dont vous concevez vos pages de catégorie e-commerce 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, les mauvais choix de conception feront de votre site Web l'exception à la règle.

 Smashing Editorial (ra, yk, il)



Source link