13 caractéristiques nécessaires à la conception de pages de produits de commerce électronique pour des taux de conversion plus élevés

Ou la conversion dans la pratique de la conception de page de produit.
Lorsque je décrirai chacun des éléments de base nécessaires à la conception d’une page de produits de commerce électronique à haut taux de conversion, je me concentrerai sur un exemple de site Web qui illustre bien chaque point. Si vous suivez de haut en bas, vous verrez que chaque élément (sauf peut – être les blancs) fait partie de la formule de succès d’Amazon, mais chaque site a trouvé un moyen intéressant de lui donner une touche unique. 1. Barre d’adresse Un exemple d’URL correctement exécutée à partir du site Web Bean box. Vous ne vous souciez peut – être pas beaucoup de la barre d’adresse de la page produit, mais voici quelques conseils pour suivre des formules strictes. Voici ce dont vous avez besoin:
HTTPS. S’il s’agit d’un site de commerce électronique, il n’est pas négociable. C’est aussi la première marque de confiance que les visiteurs rencontrent habituellement sur votre site. Structure simple. Étant donné que les produits se trouvent de plus en plus profondément dans la structure du sentier, l’accent devrait être mis sur le maintien d’une étiquette claire et d’une conformité facile. L’ajout d’un produit SKU et d’autres balises de référence à l’URL ne fait que distraire les visiteurs. Escargot optimisé. Lorsque vous considérez le référencement des pages de produits de commerce électronique, les principaux mots clés des pages de produits devraient ressembler à des escargots. En d’autres termes, si votre produit s’appelle Bean box, considérez Bean Box comme un escargot référencé. 2. Blanc Un exemple vide pour mettre en évidence le produit sur le site Web d’Apple. Les meilleures pages de produits de commerce électronique ne contiennent pas nécessairement beaucoup de contenu. Apple est déjà synonyme de minimalisme, il n’est donc pas surprenant que leur conception web utilise de grands espaces pour encadrer les produits. Voici quelques conseils supplémentaires pour minimiser l’espace que vous pouvez obtenir de cet exemple et d’autres sites de commerce électronique
Quelles options fonctionnent bien avec les blancs:
Gardez le texte clair sur la page du produit et utilisez de grands espaces entre les projets (décrits ci – dessous) pour aider les clients à se concentrer sur un seul détail clé à la fois. Utilisez une couleur de fond solide (de préférence blanche) après la photo et la description du produit. Cela aide à maintenir l’attention sur le produit. Si cela vous aide, ne placez pas de barre latérale sur la page produit. Lorsque vous visualisez trois ou quatre images ou vidéos d’un produit, utilisez le plug – in Gallery rapide et riche en fonctionnalités pour réduire la quantité d’espace utilisé. 3. Navigation Exemple de navigation de chapelure que Costco a bien fait. L’une des difficultés rencontrées par les consommateurs pour utiliser les sites de commerce électronique est la navigation. Bien sûr, si vous avez une barre de recherche, vous pouvez toujours taper exactement le produit que vous voulez (si vous savez comment il s’appelle); Sinon, vous devez cliquer beaucoup pour revenir aux étapes de la requête de recherche originale.
En tant que concepteur, vous pouvez utiliser la navigation des miettes en haut de la page du produit pour simplifier le travail que vos visiteurs doivent accomplir. Après tout, ils sont déjà intéressés par ce produit ou ce type de produit, n’est – ce pas? Comme la chapelure affiche toutes les catégories et sous – catégories qui ont mené au produit, il est idéal de revenir à l’étape précédente afin qu’ils n’aient pas à recommencer la recherche. 4. Photos et vidéos du produit Bellroy inclut une combinaison de photos et de vidéos dans sa galerie d’images. Je dirais que neuf fois sur dix (ou plus) vous trouverez une image du produit sur le côté gauche de la page. C’est logique quand on y pense. Si vous développez un site Web dans une langue écrite de gauche à droite, la ligne de vision de votre client va automatiquement dans le coin supérieur gauche de la page, où
Des photos du produit sont disponibles.
C’est pourquoi vous ne pouvez pas être avare de faire des photos ou des vidéos pour votre site de commerce électronique. Il s’agit de la première impression du visiteur sur le produit, qui peut prendre ou compromettre de façon réaliste sa décision d’achat. Comment puis – je m’assurer que l’image du produit est utilisée correctement? Tout d’abord, installez un plug – in d’optimisation, comme smoush pro. Vous êtes sur le point de télécharger de très gros fichiers médias sur votre site et vous ne voulez pas affecter la vitesse de téléchargement ou la qualité de l’image pendant le processus de téléchargement. Ne pas inclure d’images ou de vidéos floues ou à basse résolution. N’incluez pas l’image si elle ne décrit pas votre produit dans la meilleure lumière ou si elle n’est pas une représentation exacte (c. – à – D. qu’elle est trop agréable). Comme le client ne peut pas tester le produit à l’avance, veuillez télécharger diverses images pour afficher le produit sous différents angles ou lorsque le modèle est utilisé. N’utilisez pas la vidéo de promotion du produit ici; Au lieu de cela, utilisez la vidéo qui montre réellement le produit. En outre, si votre produit a des couleurs ou des tailles différentes, elles doivent également être affichées ici. La meilleure façon de le gérer est de le faire changer au fur et à mesure qu’il se produit (voir les informations ci – dessous). Si vous pouvez recueillir du contenu généré par l’utilisateur, incluez – le ici (les permissions de l’utilisateur sont évidemment nécessaires). Pour les produits qui bénéficieront de l’exploration 360, envisagez d’utiliser le plug – in de réalité virtuelle. 5. Nom du produit Bose Product Name est une combinaison parfaite de marques nominatives et d’étiquettes de produits claires. En ce qui concerne le nom du produit, plus vous savez ce qu’il est, mieux c’est. Cela ne veut pas dire écrire un nom de produit à trois lignes, comme vous le voyez parfois sur Amazon, décrivant le produit avec des détails exagérés: « le produit X est dans la forêt rouge en feu
Lors de la réservation d’un hôtel ou d’un restaurant, vous voudrez peut – être choisir de cette façon et les visiteurs seront informés du nombre d’autres consommateurs qui pensent la même chose envisagent d’acheter: Priceline effectue des tests sociaux de différentes façons, mais il est adapté à ce style de commerce électronique. Gardez à l’esprit que votre produit peut ne pas recevoir de commentaires positifs au début de l’utilisation, ce qui est bon. C’est pourquoi les rapports réels sont présentés sous la description du produit. Les visiteurs peuvent défiler vers le bas et lire eux – mêmes la plainte pour déterminer si elle est valide et pour voir si l’entreprise derrière elle entend et répond à ces plaintes. 8. Description du produit Harry’s comprend une brève description des avantages réels du produit pour le client. Comme je l’ai déjà dit, il est préférable de garder la page du produit lisible sur le texte, surtout au – dessus du pli. Je recommande d’utiliser des messages courts et axés sur les valeurs dans la description. Bien sûr, vous devriez décrire brièvement ce qu’est le produit, mais il est important de prendre le temps de le vendre. Cela signifie mettre en évidence les avantages et donner au client une raison de voir le reste de la page. 9. Modifications La meilleure chose à propos de ces variantes est que lorsque vous sélectionnez différentes variantes, la photo de gauche est mise à jour pour les correspondre. Tous les produits de la boutique en ligne ne sont pas disponibles avec des variantes que le client peut choisir. Cependant, s’il y en a, faites – leur un choix très facile parmi les options disponibles et faites – leur savoir à l’avance quelles options ne sont pas disponibles. Il n’y a rien de plus troublant pour les clients que de trouver le produit qu’ils veulent, de choisir la taille, puis de cliquer sur l’appel à l’action et de découvrir que le produit n’existe plus dans cette variante. Par conséquent, lors de la conception de cet élément, vous devez d’abord le rendre facile à utiliser.
Encore. Si vous avez plus de cinq options à voir, le menu déroulant est fantastique. Par conséquent, bien sûr, utilisez un indicateur clair qui indique au client quels changements peuvent être apportés. Le texte gris fonctionne exactement de la même manière que la suppression complète des variantes des produits non disponibles. Johnny cupcakes utilise du texte gris pour afficher les changements de stock. Parce qu’ils sont tous sur le sujet, c’est une bonne façon de sensibiliser les visiteurs à l’urgence. Par exemple, un article populaire sera bientôt vendu à une certaine taille. Au lieu d’attendre qu’il ferme la variante, placez une alerte rouge vif à côté pour informer les visiteurs que votre inventaire est faible et \/ ou sera bientôt réapprovisionné. Cela pourrait inciter davantage de clients à anticiper. 10. CTA Barnes & Noble a mis son CTA à l’avant – garde. De plus, Notez comment ils utilisent le bouton Ghost pour contrer les CTA plus petits. Le bouton CTA joue évidemment un rôle important dans le processus de transformation du commerce électronique, c’est pourquoi vous ne pouvez pas vraiment essayer de mettre votre invitation où. Ce bouton doit être situé au premier plan et au Centre lorsqu’il s’agit de pages de produits. Il doit également être bien conçu, coloré et audacieux et dire aux clients ce qui se passe lorsqu’ils cliquent dessus. Ajouter au panier place les articles dans le panier afin qu’ils puissent continuer à parcourir le magasin. Acheter maintenant lance le processus d’achat. Ajouter à la liste des souhaits télécharge le produit dans la liste et l’enregistre pour une utilisation future. Si la page de votre produit est longue et que vous voulez vous assurer que l’idée d’achat est toujours à la réception, vous pouvez utiliser les techniques suivantes (par exemple, une barre supérieure collante) pour garder le bouton toujours présent: C’est une bonne touche, pas ce que vous voyez souvent sur les sites de commerce électronique
E. une autre chose à faire dans cette section consiste à inscrire les détails pertinents de l’achat à côté de la LTC. Exemple: date d’expédition prévue. Une brève description de votre politique de retour et de remboursement. Toute dépense ou taxe liée à l’achat. Déclaration de garantie. 11. Médias sociaux L’icône sociale simple et claire sur la page produits Poo pourri est un bon toucher. Idéalement, les icônes des médias sociaux sont affichées sur chaque page du site WordPress. S’ils n’apparaissent pas déjà, assurez – vous de les inclure dans les pages des produits de commerce électronique, en accordant une attention particulière aux plateformes compatibles avec l’image. Cela signifie Pinterest, Instagram, Facebook et même Twitter. Cela permettra à vos clients de partager facilement leurs produits préférés avec les autres. 12. Caractéristiques du produit Les gadgets comme fitbit ont besoin d’espace pour afficher leurs spécifications techniques, et cet exemple semble fantastique. Si la description du produit est l’endroit où vous discutez brièvement de la valeur du produit, alors les caractéristiques du produit sont l’endroit où vous pouvez obtenir plus de détails techniques. Les spécifications dimensionnelles, les instructions d’entretien et d’entretien, les exigences de montage, les pièces incluses, etc., doivent être incluses dans les sections suivantes. Si vous avez beaucoup de choses à faire, utilisez les onglets pour intégrer l’information dans un espace afin d’éviter que vos clients ne soient obligés de rouler trop loin. 13. Produits connexes Toutes les parties du produit concerné ne semblent pas identiques. Pour certains, seule l’image, le nom et l’étoile du produit suffisent. Même si vous voulez réduire le nombre de clics de vos clients, c’est un bon choix. En utilisant les données de votre site Web sur vos produits, les tendances d’achat communes et les habitudes d’achat personnelles de vos clients, vous pouvez créer une section utile \
Edge « ce n’est pas seulement une bonne occasion de vendre à la hausse ou de Cross – Sell des produits qui les intéressent déjà, c’est aussi un excellent moyen de leur donner d’autres conseils au cas où ce Conseil particulier ne marcherait pas. Une fois que vous aurez terminé de concevoir la page des produits de commerce électronique avec le projet ci – dessus, n’oubliez pas d’utiliser le plugin wordpress. Pour optimiser les performances. Même si votre page semble bien, la mise en page est parfaite et peut vous coûter cher si la page est chargée trop longtemps ou si les visiteurs voient des alertes de sécurité. Par conséquent, si vous ne les avez pas déjà installés sur votre site, assurez – vous d’avoir un plug – in d’optimisation des performances (comme hummingbird) et un plug – in de sécurité (comme defender). Optimisation de la page des produits d’affaires électroniques – en plus des considérations de conception de la page des produits, il y a des conseils finaux sur la façon d’améliorer la mise en page et de s’assurer que votre contenu décrit adéquatement les avantages et les fonctions du produit (et de renforcer la confiance avec votre entreprise), Trouver des moyens de mettre en œuvre le déclencheur psychologique pour attirer l’attention des consommateurs sur l’ajout d’un bouton panier. Une fois que vous avez établi la conception de la page du produit de commerce électronique en utilisant la méthode ci – dessus, assurez – vous que votre page est testée A \/ B pour voir si vos visiteurs seront plus réceptifs à d’autres projets ou mises en page. Le modèle Amazon est un choix judicieux. Il maintient les détails de votre produit dans un ordre logique, rend les pages faciles à gérer et assure une structure cohérente dans l’ensemble du site. Trouvez – vous la conception d’un site de commerce électronique plus difficile que celle d’un site d’entreprise ou d’un blog traditionnel? Étiquette: transformation du commerce électronique page des produits du commerce électronique