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

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:

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:

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:

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

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:

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:

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:

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 :

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:

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 :

Et sur Booking.com :

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 :

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:

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

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

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:

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:

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:

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.

(ra, yk, il)