LE 1ER MÉDIA DIGITAL DÉDIÉ AUX E-COMMERÇANTS POUR LANCER ET PÉRENNISER LEUR SITE E-COMMERCE

Pour ne louper aucun de nos articles, recevoir nos contenus gratuits, inscrivez-vous en cliquant ci-dessous.

Comment allier fiches produits et expérience utilisateur (UX) ? {2/3}

Comment allier fiches produits et expérience utilisateur (UX) ? {2/3}

Une fiche produit performante passe par plusieurs étapes.

La structure et la rédaction comme nous en parlions dans le premier article “Comment optimiser vos fiches produits PrestaShop pour booster votre site e-commerce

Mais également par l’expérience utilisateur (UX).

L’UX Design (User Experience Design) est une technique permettant d’améliorer la performance de votre site e-commerce tout en le rendant conforme aux attentes de vos utilisateurs.

La notion d’UX Design est importante à prendre en compte pour améliorer les performances de votre site, plus particulièrement vos pages produits.

Mais attention, même s’il est vrai que le design de votre site doit être différenciant de vos concurrents, il ne doit pas être un frein à votre performance web.

  • Comment rendre l’expérience de vos utilisateurs unique ?
  • Comment améliorer la performance de votre fiche produit ?

C’est ce que nous allons voir dans cet article.

 

SOMMAIRE DE L’ARTICLE

I• L’expérience utilisateur (UX) sur vos fiches produits

II• Performances de votre page produit

 

I• L’expérience utilisateur (UX) sur vos fiches produits

L’expérience utilisateur est un paramètre majeur à prendre en compte lorsque vous élaborez vos fiches produits.

En effet, nombreuses sont les sources qui peuvent potentiellement ralentir le site internet, altérer ses performances ou encore influer sur le parcours de l’utilisateur.

Pour pallier ce problème, nous vous proposons de passer en revue les 5 facteurs UX capitaux.

Le format “Mobile First”

En 2021, environ 65% des recherches Google ont été effectuées via un mobile.

Pour cette raison, depuis plusieurs années désormais, le format “mobile first” est devenu un incontournable.

Cette démarche consiste à développer un site internet de manière à ce qu’il soit plus intuitif, responsive et facile de navigation depuis les appareils mobiles.

Le développement d’un site e-commerce d’après cette méthode offre une mise en page adaptée en fonction de la résolution d’écran de l’appareil qui le consulte.

En effet, peu importe le terminal utilisé, le code du site adapte de manière automatique la mise en page des blocs de contenu qu’ils contiennent du texte ou des éléments graphiques.

En termes d’expérience d’achat sur une boutique en ligne, il est indispensable de faciliter le parcours d’achat de vos internautes.
Il doit pouvoir, notamment, payer facilement sur mobile et de manière sécurisée.

Autre exemple, le bouton d’ajout au panier doit être accessible et suffisamment grand pour être lisible.

A/B testing de vos fiches produits

Dans le but de proposer la meilleure expérience possible et de remplir au mieux vos objectifs, l’A/B testing est une solution à envisager.

Cette pratique vise à opposer 2 versions différentes de votre site web, en changeant certains contenus, la disposition des différents éléments ou encore le design.

Elle va vous permettre de sonder votre clientèle afin de recueillir leurs avis et adapter votre site web en fonction de leurs besoins.

Dans la fiche produit, les tests peuvent porter sur :

  • Couleur, position du bouton d’ajout au panier
  • Différentes images de produits
  • Disposition de blocs
  • ….

La heatmap

La heatmap, ou carte de chaleur en français, est un outil utilisé afin de déterminer les zones d’interaction de l’utilisateur avec le site web, dites, zones chaudes et zones froides.

Ces interactions peuvent varier et être analysées selon leur nature. Il existe les interactions de clics, de scroll ou encore de mouvement.

La heatmap est utilisée pour déterminer les freins et motivations de vos prospects lorsque ces derniers naviguent sur votre site e-commerce.

Par la suite, lorsqu’une carte de chaleur a été réalisée puis analysée, les recommandations vont permettre d’adapter le contenu du site web en priorisant les “zones chaudes” et supprimant ou déplaçant les éléments clés présents en “zone froide”.

Il existe de nombreux outils professionnels tels que, parmi les plus connus, Hotjar ou encore Crazyegg.

Capture-hotjar-heatmap-carte-chaleur

La recommandation nécessaire pour tirer parti de ces outils est de recenser un certain trafic pour récolter des données suffisantes et réalistes.

L’ergonomie de votre site e-commerce

L’ergonomie de votre site e-commerce réside en plusieurs points facilitant les interactions entre l’utilisateur et l’interface.

Pour mesurer efficacement l’ergonomie de votre boutique en ligne, il y a 3 questions que vous pouvez d’ores et déjà vous poser :

  • Mon site e-commerce est-il pertinent ?
  • L’accès et l’usage sont-ils simples ?
  • Ai-je répondu à la question et au besoin de l’internaute ?

Il est important de sonder vos prospects et analyser différentes mesures de performances sur des éléments précis de votre site dans le but d’y répondre efficacement.

  • Ligne de flottaison : votre message principal ou votre produit phare doit apparaître au dessus de cette ligne de flottaison
  • Menu : est-il organisé et pensé parcours client ?
  • Structure de la page produit : votre fiche produit suit-elle la structure recommandée ?
  • Tunnel d’achat : est-il optimisé pour un parcours simplifié
  • Navigation sur votre site e-commerce : est-elle intuitive et fluide ?

Logiquement, le design de votre e-boutique est un paramètre à prendre en compte également.
Seulement, les 3 questions posées précédemment vont vous permettre quant à elle de terminer si :

  • Le site e-commerce est intuitif
  • Le site web est efficient
  • Le site apporte une réponse cohérente et pertinente
  • La boutique en ligne offre un contenu utile et de qualité

Vous serez, ainsi, en mesure de déterminer si l’expérience utilisateur est bonne et va vous permettre d’atteindre vos objectifs.

L’arborescence de votre boutique en ligne

En UX Design, l’arborescence consiste à créer un circuit hiérarchique des différentes pages qui composent le site.

La hiérarchie de ces pages va de 1 à 4. En règle générale, le niveau 1 étant la page la plus importante, la page d’accueil, la 2 les catégories et la 3 les sous-catégories.

Attention, il est important de garder en tête que plus une page est profonde, moins bien, elle sera référencée.

menu-air-et-aventure-arborescence

L’élaboration de l’arborescence participe au référencement naturel de votre site e-commerce.

En effet, même si l’objectif premier est de permettre aux visiteurs de trouver ce qu’ils cherchent en quelques clics, l’arborescence vise à créer un maillage interne logique, clair, fluidifiant la navigation.

Pour appréhender au mieux l’élaboration de l’arborescence d’une boutique en ligne, il y a 6 étapes clés à respecter :

  • Identifier le.s objectif.s du site
  • Choisir les mots-clés qui définissent vos catégories et sous-catégories
  • Lister le contenu existant et à venir du site
  • Organiser ce contenu
  • Établir le schéma d’arborescence regroupant tous ces éléments
  • Tester l’arborescence en conditions réelles et à l’aide d’outils spécialisés

Les dernières modifications pourront être apportées en temps réel à l’aide du retour des visiteurs et du suivi du référencement naturel des pages e-commerce.

II• Performances de votre page produit

La vitesse de chargement de votre e-boutique est cruciale.

77 % des utilisateurs de smartphones sont plus enclins à effectuer un achat auprès d’une entreprise si son site ou son application mobile leur permet de réaliser l’achat rapidement.

Votre boutique en ligne regroupe plusieurs pages composées elles-mêmes de plusieurs liens, scripts et contenus de nature différente.

Toute la difficulté réside dans l’optimisation de tous ces éléments pour parvenir à une performance optimale et au bon fonctionnement de votre site e-commerce.

Outil pour mesurer la performance de votre page produit

En premier lieu, il est important de faire un état des lieux de la rapidité de chargement de votre site.

Google met à disposition son outil de mesure gratuit : Pagespeed Insight.

Il permet de mesurer la vitesse de chargement du site et de ses différents composants.

Vous entrez l’URL de la page produit que vous désirez optimiser et cet outil offre, par la suite, un diagnostic détaillé au sein duquel sont listés les différents éléments à optimiser.

pagespeed-insight-google

Optimiser les images de votre page produit

Dans ce diagnostic, le facteur le plus récurrent concerne les images.

En règle générale, l’origine de la lenteur d’une page provient de la taille et du poids des images.

Pour cela vous avez plusieurs techniques rapides à appliquer :

  • Réduire les images à la taille exacte de la page produit quelque soit le terminal utilisé (mobile, tablette, desktop)
  • Compresser vos images
  • Ajouter le nouveau format .webp
  • Mettre en place du lazy loading

Bien entendu, il existe d’autres composants sur lesquels vous pouvez agir. Parmi ceux-ci, vous retrouvez :

  • Le choix de l’hébergement web
  • Le tri des addons ajoutés au site
  • La suppression des requêtes HTTP inutiles
  • L’optimisation des lignes de code
  • L’autorisation de mise en cache des éléments du site

Pour en savoir plus sur l’optimisation des performances de tous ces facteurs, nous vous mettons à disposition un livre blanc qui traite en profondeur tous les aspects de votre site e-commerce.

Dans le 3ème et dernier article de cette série dédiée à l’optimisation de vos fiches produits, nous parlons de 6 techniques marketing pour booster votre activité et votre site e-commerce.

Vous souhaitez appliquer ces méthodes à votre site e-commerce ? Contactez notre équipe pour de plus amples conseils.

encart-blog-audit-site-ecommerce
Pourquoi, Quand et Comment réussir une refonte de votre site e-commerce ?

Pourquoi, Quand et Comment réussir une refonte de votre site e-commerce ?

Votre site e-commerce n’est plus au goût du jour ? Le CMS devient-il obsolète ? Ou votre site ne peut plus être mis à jour suite à de nombreux développements sur mesure ?

Quelque soit la raison, une refonte de site se prépare méthodiquement. C’est pourquoi nous vous proposons ce dossier complet avec les bonnes pratiques pour réussir votre refonte de site e-commerce.

  • À quel moment opportun, est-il indispensable de refondre son site ?
  • Quelles sont les erreurs à éviter ?
  • Quelle méthodologie appliquer ?
  • Et comment choisir son agence web pour sa refonte ?

SOMMAIRE DE L’ARTICLE

  1. Qu’est-ce qu’une refonte de site ?
  2. Pourquoi faire une refonte de site internet ? 3 raisons
  3. Quel R.O.I. sur le taux de conversion grâce à une refonte de site ?
  4. Quels sont les différents types de refonte ?
  5. Quelles sont les principales erreurs lors d’une refonte ?
  6. Méthodologie complète pour préparer et mener une refonte de site
  7. Comment choisir son agence web pour une réussite du projet de refonte ?
  8. Conclusion

Qu’est-ce qu’une refonte de site ?

En quelques mots, la refonte désigne la modification totale ou partielle de son site internet existant afin de le rendre plus performant, fonctionnel et/ou esthétique.

C’est toujours un défi périlleux à relever pour un e-commerçant, la refonte pouvant même déboucher sur une migration complète du site e-commerce.

La question se pose souvent lorsque le site actuel présente trop de défauts ou n’est plus techniquement à jour.

Les enjeux peuvent être variés mais une seule règle persiste : opérer à un changement dans de bonnes conditions.

Découvrez les 3 BONNES raisons principales pour démarrer une refonte de votre site.

Pourquoi faire une refonte de site internet ? 3 raisons

1/ L’obsolescence technique du site e-commerce

La refonte s’impose si le gestionnaire du site se trouve confronté à des problématiques techniques, qui ne lui permettent plus de faire des évolutions dans le site.

Celles-ci sont souvent nécessaires pour soutenir le développement de l’activité ou la productivité des équipes.

Ce sont en général des problèmes liés au fonctionnement même de la plateforme e-commerce utilisée.

Dans ce cas, il est pertinent de s’orienter vers le replatforming (changement de solution e-commerce) ou vers la refonte fonctionnelle.

Il existe 3 types de CMS (Content Management System) ou de solutions e-commerce qui peuvent poser problèmes.

// Solutions d’édition de boutique en ligne custom

Il s’agit des entreprises qui ont choisi des solutions custom ou propriétaires souvent développées par leur propre agence web.

Cette solution possède certes un gros avantage en termes de coûts, mais dispose surtout de nombreux inconvénients.

Au fil du temps, les entreprises se sont vite rendu compte que développer sa propre solution e-commerce était très chronophage et qu’elles ne disposaient pas des ressources nécessaires pour la gérer sur le long terme.

Bien penser son site e-commerce nécessite beaucoup de temps. Les logiciels demandent une maintenance régulière pour garder un site performant et sécurisé.

Par ailleurs, il faut retenir que la plupart des fonctionnalités les plus avancées sont payantes.

// CMS e-commerce dépassés

Certains CMS comme osCommerce, Joomla, pourtant très populaires il y a encore 5 ans, ne sont aujourd’hui plus mis à jour.

Les technologies sécurisant ces systèmes sont donc obsolètes et entraînent une augmentation des risques de hackage de votre site.

// Anciennes versions du CMS

Les solutions de boutique en ligne comme PrestaShop sont en constante évolution.

C’est pourquoi il est toujours recommandé d’adopter la version la plus récente.

C’est le seul moyen de bénéficier d’un support efficace et d’utiliser les modules les plus pertinents. Un écart trop important entre les versions peut vous amener à repartir à zéro par le biais d’une refonte.

2/ Mobile First

Parmi les grands changements marquants de cette décennie, on note aussi l’explosion du trafic mobile, aussi bien pour consulter de l’information que pour procéder à des achats en ligne.

En effet, depuis cette période, de nombreux e-commerçants voient les performances de leur site baisser de manière régulière notamment à cause de leurs versions mobiles qui ne sont plus au niveau.

Aujourd’hui, entre 60 et 80% du trafic des e-commerçants vient du mobile contre 20 à 40% seulement qui vient du desktop.

Ainsi, tout site web doit donc s’assurer d’être responsive, c’est-à-dire adapté aux usages hors ordinateurs (mobiles, tablettes etc.).

Et cela peut impliquer de passer par une refonte plutôt orientée UX pour remettre le site à niveau en termes d’ergonomie, de design et de fonctionnalités.

3/ L’image

Le design de votre site n’est plus en phase avec l’image de l’entreprise ? Après plusieurs années, il n’est pas rare de constater que les interfaces et les graphismes ont mal vieilli avec le temps.

Il est alors nécessaire que votre boutique en ligne induise la conception d’une nouvelle charte graphique cohérente et dans l’ère du temps.

Cela passe parfois par le renouvellement de votre identité visuelle de l’entreprise (nouveau logo, nouvelles couleurs, nouvelles polices d’écriture, etc.) afin de refléter fidèlement la nouvelle stratégie de communication.

Le choix d’un design qui répond aux standards actuels va permettre de séduire et attirer l’attention des internautes.

En effet, Il est important de garder à l’esprit que vous avez entre 5 et 15 secondes pour convaincre l’internaute de rester sur votre site. Ne négligez pas votre refonte graphique !

Quel R.O.I. sur le taux de conversion grâce à une refonte de site ?

Le taux de conversion d‘un site ne dépend pas que de l’expérience UX ou des fonctions marketing.

Il y a des fondamentaux à inclure dans votre site e-commerce avant de débuter la refonte d’un site :

  • Positionnement du prix : si vous êtes toujours en décalage au niveau prix par rapport à vos concurrents. Une refonte n’y changera rien.
  • Disponibilité des produits : si vous accumulez les ruptures de stocks, cela peut impacter vos ventes
  • Positionnement marketing et argumentaire commercial

Dès lors que ces trois fondamentaux sont réunis, il est possible d’obtenir des améliorations qui oscillent de 10% à 30% du taux de conversion.

Prenez en compte également les autres KPI : taux de rebond, taux d’ajout au panier, nombre de produits par commande, les habitudes de navigation, panier moyen…

Quels sont les différents types de refonte ?

Il est indispensable de réaliser un état des lieux complet concernant son site e-commerce et plus globalement sa stratégie web afin de déterminer le type de refonte à mettre en place.

Pour cela, il est important de se poser les bonnes questions :

  • Est-ce que mon site internet répond à mes priorités ou objectifs du moment ?
  • Est-ce que mon site web est à jour techniquement ?
  • Est-ce que le contenu présenté sur mon site e-commerce correspond toujours à mon entreprise ? Est-il toujours à notre image ?
  • Est-ce que mon site est performant (visibilité, trafic, contacts prospects, tunnel de conversion, etc.) ?

A l’issue de ce diagnostic, si la plupart des réponses à ces questions sont négatives, alors se tourner vers une refonte complète de votre site serait pertinent.

En effet, on distingue deux types d’approches :

  • La refonte complète (totale) : “On efface tout, on repart d’une feuille blanche”.
  • La refonte étape par étape (partielle) : “On procède par petite touche, par rustine”

Chacune de ces approches possède des avantages et des inconvénients. La réponse dépend notamment du contexte et de plusieurs facteurs :

  • Le budget
  • Le temps dont l’entreprise dispose pour améliorer son site
  • La quantité d’améliorations à effectuer
  • Le niveau de complexité des améliorations

Si les modifications partielles du site engendrent plus de frais à long terme qu’une refonte complète, il sera peut-être nécessaire d’engager une refonte totale plutôt que du petit “bricolage” sur votre site e-commerce.

Quelles sont les principales erreurs lors d’une refonte ?

Pour éviter les erreurs, il est important de réfléchir en termes de résultat de refonte.
Toute la question est de savoir : Est-ce que la refonte a abouti à une amélioration des performances ?

Nous vous donnons 3 erreurs courantes à ne SURTOUT pas appliquer.

1. Oublier de pré-analyser les performances du parcours d‘achat

Ne pas identifier les éléments qui fonctionnent et ceux qui ne fonctionnent pas lors du parcours d’achat constitue une erreur lourde de conséquence.

Vous prenez le risque de casser et perdre des fonctionnements qui étaient efficaces.

Dans cette mesure, il est important de maintenir ce qui fonctionne dans le nouveau site et de corriger ce qui ne fonctionne pas.

Ainsi, il est nécessaire de toujours effectuer un audit du site existant pour bien comprendre l’enjeu de la refonte.

2. Bâcler la migration SEO

Qui dit refonte, dit modifications multiples dans votre site e-commerce. Ce qui engendre un impact au niveau de Google et de vos positions dans les résultats de recherche.

Tout ce qui peut impacter la qualité SEO de votre site : les images, les textes, les intégrations techniques, les modules installés… doivent être suivis attentivement.

Pour cela, le mieux est d’intégrer une agence SEO dans le processus de production du nouveau site web.

Et le plus tôt sera le mieux.

Au moment du maquettage des nouvelles pages du site e-commerce, l’agence peut valider si elles sont SEO friendly.

Sujet d’autant plus crucial lorsque la refonte est couplée à une migration de CMS. Par exemple, les anciennes URLs doivent être redirigées correctement.

L’agence SEO aura un rôle également essentiel au moment de la phase de recettage.

Il est nécessaire d’effectuer une vérification complète du site pour s’assurer que d’un point de vue SEO, tous les indicateurs soient au vert.

D’ailleurs, ce point est lié à la dernière erreur souvent commise par l’e-commerçant.

3. Négliger la recette du site en phase de préproduction

Une fois votre site développé et les contenus saisis, il ne vous reste donc plus qu’à le “recetter” avant de le mettre en ligne.

Autrement dit, il faut le tester et vérifier que tout est conforme à ce qui avait été prévu initialement.

Design, développement, ergonomie, intégration, balises HTML pour le référencement… tout doit être étudié.

Durant cette phase, beaucoup d’e-commerçants se reposent sur le travail effectué par leur agence web.

Cependant, il est également important que l’e-commerçant s’implique davantage dans cette phase de préproduction puisque l’agence web ne dispose pas de l’expertise de l’e-commerçant.

Le client est entièrement partie prenante du projet, il ne faut pas l’oublier en déléguant intégralement sa refonte à une agence.

Il s’agit d’une erreur qui peut avoir de lourdes conséquences puisqu’elle peut générer des annulations de commandes, des mécontentements de certains clients/visiteurs du site et parfois une perte de chiffre d’affaires.

Enfin, pensez à tester le site sur différents navigateurs et matériels (PC, MAC, tablette, smartphone). Ces différents types d’interfaces ne fonctionnent pas forcément de la même manière.

Soyez donc précis sur les environnements que vous utilisez lorsque vous répertoriez les bugs auprès de votre prestataire web.

Méthodologie complète pour préparer et mener une refonte de site

Processus-methodologie-refonte-site-ecommerce

1. Audit du site par un expert UX

Réaliser un audit complet du site e-commerce à refondre

Après avoir défini les objectifs de votre projet de refonte, il est également important de prendre le temps de réaliser un audit complet du site existant.

L’objectif de cet audit est de comprendre les points forts et points faibles de votre site.

En réalité, l’audit se compose de plusieurs audits qui se concentrent chacun sur un aspect précis de votre site :

  • Ergonomie
  • Design
  • Technique
  • Référencement naturel
  • Sécurité
  • Performances
  • Réglementation

Après avoir recueilli et analysé ces données, votre expert UX vous fournit un rapport incluant les résultats et les recommandations pour améliorer votre site e-commerce.

Pour cet audit, vous pouvez également passer par Google Analytics, pour relever plusieurs KPI comme :

  • le volume de trafic,
  • le temps de visite,
  • les recherches organiques,
  • le taux de rebond,
  • le nombre de pages par session,
  • les flux de comportement,
  • les pages et CTA (Call To Action) qui convertissent le plus…

L’intérêt consiste à pouvoir se baser sur ces métriques et les comparer aux futurs résultats du nouveau site web.

Dans le cadre de l’audit, naviguez sur le site en imaginant la position d’un visiteur lambda.

Vous avez la possibilité de mettre en lumière les bonnes pratiques d’expérience utilisateur et de les conserver lors de la refonte du site web.

A contrario, notez les points qui méritent d’être améliorés pour que le nouveau site soit plus performant.

Réaliser un benchmark des sites internet concurrents

Avant de se lancer dans la construction du nouveau site e-commerce, il peut s’avérer pertinent d’analyser les sites internet concurrents au travers d’un benchmark, pour en ressortir les meilleures pratiques.

Ces bonnes pratiques peuvent concerner des aspects design (graphisme, couleur…) ou fonctionnels.

2. Echanger avec son agence web

Un projet, c’est un échange entre des personnes disposant des compétences liées au e-commerce et des acteurs ayant des compétences liées à un secteur d’activité.

Si une bonne communication s’établit entre ces deux parties, et chacune apporte des bonnes pratiques dans son domaine respectif, alors le projet pourra évoluer d’une manière remarquable.

C’est cette phase d’échange, de cadrage qui va permettre d’établir la ligne conductrice du projet. De cette manière, chacun apporte sa pierre à l’édifice pour aboutir à un cahier des charges clair et précis.

3. Réalisation d’un cahier des charges

Le cahier des charges est l’expression littéraire du projet, qui va décrire précisément les évolutions que l’on souhaite mettre sur le site en front office et en back-office.

Ce cahier des charges va exprimer toutes les informations utiles au projet e-commerce, que le porteur de projet souhaite spécifier :

  • Description de l’entreprise et du rôle de son site web
  • Explication du projet de refonte (la cible, les objectifs, et les moyens)
  • Description de l’identité visuelle
  • Détails concernant l’arborescence, les contenus et leur répartition au sein des pages et sous-pages
  • Listing des fonctionnalités techniques requises
  • Autres précisions nécessaires en fonction des besoins

Pour que le projet soit à la hauteur de vos attentes, il est important que ce cahier des charges soit clair et détaillé.

Il est important d’ajouter un planning avec les grandes étapes du projet pour conserver une vision globale tout au long de la refonte, et bien respecter les deadlines.

Pour finir, n’hésitez pas à spécifier un budget global avec tous les postes importants : création du site e-commerce, actions marketing, animations commerciales…

4. Réalisation d’un wireframe, prototype et d’une maquette

Le maquettage est un processus de concrétisation graphique de l’interface d’une interface web (site web, logiciel, application…).

Il englobe trois phases bien distinctes mais souvent confondues : wireframing, prototypage et maquettage.

Ces trois phases ont chacune un rôle différent mais tout aussi important pour aboutir à un résultat graphiquement plaisant et techniquement faisable.

Wireframe = maquette fil de fer statique

Le wireframe est une représentation statique de basse fidélité du concept graphique d’un site web en création ou en refonte.

Il englobe les bases du site et permet d’indiquer le contenu présent dans chaque bloc de la page Web et de structurer l’interface.

C’est une description simple de l’interaction prévue entre l’utilisateur et le site web qui va permettre de valider l’ergonomie de l’interface sur desktop et mobile.

On peut le comparer au plan d’un architecte.

exemple-Wireframe-PRODUCT
exemple-Wireframe-PRODUCT
exemple-Wireframe-PRODUCT

Aucun design n’est fait sur cette étape de wireframing, son objectif étant avant tout fonctionnel. Ceci dit, on distingue parfois la notion de mockup, légèrement plus orientée « présentation » (positionnement et proportion des éléments, etc.).

De la page d’accueil à la page de paiement, le wireframe va permettre de simuler le parcours d’achat et s’assurer qu’aucune fonctionnalité n’a été oubliée par rapport au cahier des charges préalablement défini pour la refonte.

Prototype = maquette fil de fer fonctionnelle

Le prototype est une représentation dynamique de haute-fidélité de votre site web.

C’est une simulation de votre projet final, grâce à laquelle il est possible de tester les interactions qu’auront les visiteurs et voir en action vos hypothèses d’expérience utilisateur.

Généralement établi grâce à un logiciel, l’un des objectifs du prototype est d’offrir une version cliquable du site web. Cela permet de tester si le site web est adapté au besoin des utilisateurs, s’il comporte des erreurs de parcours achat ou d’autres problèmes d’usabilité.

Un prototype est généralement unique (soit abandonné par la suite, soit fait pour évoluer), contrairement aux wireframes et maquettes qui peuvent être multiples.

Le prototype gère la partie responsive design. Autrement dit, à partir d’une maquette effectuée sur desktop, la version mobile va se générer automatiquement.

Maquette = Inclut le graphisme

Une maquette permet d’intégrer la dimension interactive.

Maquette-graphique-exemple

Contrairement au wireframe ou au prototype qui montre la structure de base du site web, la maquette va plus loin. C’est lors de cette étape du maquettage qu’on va visualiser les premières versions du design graphique (couleurs, typographies…).

Il s’agit de l’aboutissement complet de la phase de webdesign où on a l’intégralité de la réflexion qui a été menée à son terme sur :

  • la partie fonctionnelle,
  • l’organisation des contenus
  • l’organisation des fonctions sur le comportement et l’esthétique de l’interface

Il est important de savoir que ces 3 dimensions ne sont pas toutes traitées par les agences web. En général, seule l’étape de la maquette graphique est réalisée.

Cependant, passer directement par cette étape peut s’avérer compliqué. En effet, cette étape se montre parfois irréalisable en termes fonctionnels.

En effet, l’avantage du wireframe ou du prototype, est de passer par une étape de validation fonctionnelle sans avoir consacré trop de temps sur la partie graphique.

Alors, au moment où l’on passe à l’étape du graphisme, il ne s’agit plus que d’une simple formalité.

En quelque sorte, il ne reste plus qu’à faire le choix des couleurs, de la mise en forme, et l’on ne s’intéresse plus aux questions d’ordre de conception, d’ergonomie, de l’interface, du choix et de l’emplacement des boutons, etc.

C’est pour cela que nous vous recommandons de passer soit par l’étape “wireframe-maquette graphique” soit par l’étape “prototype-maquette graphique”.

5. Vérification des prototypes par un expert SEO

L’étape de l’envoi de vos prototypes à une agence experte SEO s’assure que les bonnes pratiques en termes de SXO (Search Experience Optimization) ont bien été intégrées dans les prototypes.

Par exemple, durant cette étape, l’expert SEO vérifie que des zones ont bien été prévues pour mettre du contenu nécessaire sur certaines pages, ou bien établir des vérifications en termes de référencement naturel, etc.

Cette étape permet, entre autres, d’éviter de faire des retours en arrière lors de la phase de préproduction.

6. Intégration graphique

Comme nous le disions dans la partie 4, créer les maquettes graphiques lors d’une refonte de site e-commerce est un impératif pour optimiser vos conversions.

Le maquettage graphique constitue le dernier maillon de la conception avant de basculer en production.

Il est entrepris par l’agence web impliquée dans le projet.

L’intégration de cette maquette graphique dans votre nouveau site e-commerce lance le développement du front-office.

7. Recette en préproduction

Il s’agit de l’étape de de recettage. Nous vous conseillons de prendre entre 2 et 3 semaines pour tout tester avant la mise en ligne de la refonte.

Le site est pratiquement finalisé et il n’est pas accessible sur le web. Mais il réagit exactement comme s’il était publié.

A ce stade, il ne reste plus qu’à renseigner des données (produits, références…) et à tester toutes les fonctionnalités du site sur desktop et sur mobile.

Vérifiez que :

  • tous les liens fonctionnent
  • les parcours clients sont fluides
  • les formulaires marchent correctement
  • le passage de commande s’effectue sans encombre
  • le paiement arrive bien sur votre compte
  • les modes de livraison et les retours sont opérationnels
  • les remises s’appliquent correctement….

Cette étape est fondamentale puisqu’elle permet de s’assurer que le site ne comporte ni bugs, ni dysfonctionnements.

Le même travail va s’opérer sur la partie du référencement naturel. L’agence vérifie :

  • des éventuels problèmes SEO,
  • les liens cassés,
  • le format des URL

En bref, on checke que tout soit réalisé de manière à ce que Google indexe correctement le site.

Comment choisir son agence web pour une réussite du projet de refonte ?

Une agence Web ne se choisit pas à la légère.

Le choix du prestataire relève d’une action stratégique. Elle nécessite de mettre en corrélation les informations essentielles du projet et le profil de l’agence web.

De ce choix, découlent la réussite du projet et la satisfaction d’avoir assorti son projet de refonte avec la meilleure option possible. Le but étant de faire un investissement et d’être, au final, satisfait du produit.

II est important de différencier les agences en fonction de vos différents critères de choix.

  • Expertise e-commerce avérée (certification, label, norme)
  • Niveau d’expertise sur le CMS envisagé
  • Nombre de sites déjà créés avec le CMS choisi
  • Dimension de l’équipe adaptée au projet
  • Présence de toutes les compétences en interne
  • Expérience du chef de projet
  • Respect des étapes de la méthodologie liées à un projet de refonte
  • Outil de management projet
  • Processus qualité
  • Délais de production de l’agence

Si vous ne vous sentez pas capable ou si vous n’avez pas le temps de vous occuper de cette tâche, faites appel à des sociétés de conseils ou consultants “freelance”. Elles vous aideront à sélectionner le meilleur prestataire en fonction de vos critères (budget, technologie, planning, etc.).

Conclusion

Finalement, il est important de garder en tête qu’un projet de refonte mal préparé aboutit toujours à un résultat déceptif.

Il ne faut pas lésiner sur les moyens et le temps à consacrer à la préparation de la refonte qui conditionne la réussite ou l’échec de la refonte.

  • Bien choisir son agence web
  • Respecter une méthodologie rigoureuse
  • Être présent et actif lors du projet de refonte
  • Éviter les erreurs courantes
  • et surtout refondre son site pour une BONNE raison
Ecoutez aussi l’épisode Guide audio d’une refonte de site e-commerce en compagnie de Ludovic de Steelbox

Si vous rencontrez des difficultés, faites appel à notre équipe pour des conseils et comprendre vos besoins.

encart-blog-audit-site-ecommerce
Comment optimiser vos fiches produits PrestaShop pour booster votre site e-commerce {1/3}

Comment optimiser vos fiches produits PrestaShop pour booster votre site e-commerce {1/3}

Vos fiches produits sont le reflet de votre catalogue et jouent le rôle de vendeur.

Pour ces mêmes raisons, il est primordial d’optimiser ces dernières dans le but de valoriser votre offre et vous démarquer de la concurrence.

Nous vous avons préparé 3 articles complets pour détailler l’optimisation de votre fiche produit que ce soit via sa structure, sa traduction, les techniques marketings associées, sa performance web ou encore sa liaison avec les marketplaces.

Commençons par ce premier article de cette série de 3, pour vous parler structuration et traduction.

 

SOMMAIRE DE L’ARTICLE

I• Structure d’une fiche produit

  1. Modèle d’une fiche produit
  2. L’URL de votre fiche produit
  3. Le Titre de la fiche produit
  4. Les meta titres et descriptions
  5. Le contenu de la fiche produit
  6. Images présentes dans votre fiche produit
  7. Déclinaisons de votre produit
  8. Le prix dans vos fiches produits
  9. Les avis clients
  10. La F.A.Q.
  11. Le Call to Action de votre fiche produit
  12. Les éléments de réassurance

II• Traduction de votre fiche produit

 

I• Structure d’une fiche produit

1• Modèle d’une fiche produit

Afin de visualiser et d’identifier les différents composants d’une fiche produit, nous vous proposons 2 infographies de pages produits aux formats desktop et mobile.

Disponibles gratuitement, ces exemples vous détaillent les éléments majeurs de votre fiche produit ainsi que leur position idéale dans la page.

infographie-optimiser-fiche-produit-prestashop-2022

2• L’URL de votre fiche produit

Votre page produit commence tout d’abord par son URL.

Attention, PrestaShop a tendance à reprendre le titre de la page tel quel dans l’URL. Nous vous conseillons de la personnaliser.

Pour accroître la visibilité de vos fiches produits, vous pouvez :

  • Intégrer vos mots-clés
  • Raccourcir vos URL et les simplifier en enlevant tous les termes superflus : de, la, les, du…
  • Enlever les accents pour éviter des URL avec des caractères spéciaux
  • Utiliser des tirets pour séparer les différents mots qui la composent
  • Respecter l’arborescence de votre site : c’est-à-dire ajouter les catégories et sous catégories de votre site avant le nom de votre produit afin de participer à la hiérarchisation des pages (exemple : www.monsite.com/categorie/sous-categorie/nom-produit)

Ces bonnes pratiques permettent d’optimiser au mieux vos URL, et améliorer votre présence dans les SERP (Search Engine Result Page) des différents moteurs de recherche tels que Google.

3• Le titre de la page produit

Le titre est le premier élément important de votre page. La première ligne lue par Google et vos utilisateurs.

Ainsi, proposez un titre pertinent qui résume le contenu de la page et inclut un ou plusieurs de vos mots clés tout en restant succinct.

Que ce soit pour votre référencement naturel mais également pour l’expérience utilisateur de votre site.

4• Les meta titres et meta descriptions

Les balises meta title et meta description sont les seuls éléments visibles par vos internautes dans les résultats des moteurs de recherche.

Ces balises sont considérées comme le premier call to action (appel à l’action) de votre page. Il est essentiel de proposer un titre et une description attirants qui se démarquent et donnent envie de cliquer pour en savoir plus.

Proposez alors un meta titre et une meta description clairs et concis, notamment en raison des limites de caractères imposées à ces balises : 65 caractères pour le titre et 300 caractères pour la description.

Soyez également cohérent et pertinent avec le contenu de la page.

L’un des enjeux à ne pas oublier dans la rédaction de vos meta titres et description est d’y inclure les mots clés correspondant au produit que vous souhaitez rendre visible. Tout en restant attractif pour vos internautes.

5• Le contenu de la fiche produit

Le contenu textuel lors de la rédaction de votre fiche produit est un gros morceau. Néanmoins, cette tâche est essentielle pour plaire à Google mais également inciter votre utilisateur à l’achat.

Pour rédiger un contenu utile, rassurant et pertinent, votre fiche produit doit respecter plusieurs codes importants.

// La référence de chaque produit

En fonction de votre secteur d’activité ou du nombre de références que comporte le site, la référence peut s’avérer utile.

Cela n’influera pas directement sur votre référencement naturel. Néanmoins, elle permettra notamment aux équipes du service après-vente de proposer une meilleure expérience de support.

// Comment rédiger une description détaillée du produit ?

Elle représente un argument de vente considérable et ne doit pas être négligée.

Cette description détaille généralement les aspects plutôt génériques du produit qui restent néanmoins importants au yeux du client.

Nous vous recommandons de sortir des sentiers battus et de proposer une description, façon storytelling. C’est-à-dire racontant une histoire.

Nous ne le dirons jamais assez, il faut toujours se mettre à la place de l’internaute et ne pas hésiter à vendre votre produit de manière originale, claire, imagée…

Pour compléter la description, il est judicieux de proposer un onglet sur les détails techniques du produit avec des détails relatifs au produit et à sa typologie : matière, longueur, largeur, poids, lavage en machine….

Cette section porte le nom de “Caractéristiques produit” sur PrestaShop. Elle permet de créer de nombreuses caractéristiques de nature différente et d’en informer le visiteur de façon lisible et concise.

// Comment ajouter des conseils et contenus annexes dans une fiche produit ?

Les conseils d’utilisation peuvent s’avérer très utiles. En effet, avant d’acquérir un produit, les consommateurs souhaitent savoir comment il fonctionne et être rassuré sur son utilité.

Dans cette perspective, inclure des conseils d’utilisation est un atout majeur dans le but de générer des conversions.

conseils-tri-fiche-produit-propolia

Fiche produit sur le site propolia.com

Lorsque vous vendez des produits de prêt à porter, entre autres, la mise en place d’un guide des tailles fidèle à votre marque est également nécessaire dans le but de rassurer vos clients dans leur choix. Elle permet également de faire baisser le nombre de retours.

Concernant la structuration de tout ce contenu, il n’existe pas de règle universelle. En revanche, celui-ci sera mieux référencé et plus agréable pour les lecteurs s’il est aéré, que son orthographe, sa grammaire et sa syntaxe sont irréprochables et sa structure est soigneusement élaborée.

Attention, optez pour une description en continu, sans diversion entre les parties. Agrémentez votre contenu de médias (images, vidéos, GIF) mais ne l’entrecoupez pas de blocs « produits similaires » ou « les personnes ayant acheté ce produit ont également aimé » par exemple. On choisira plutôt de placer ces derniers après la description.

// Comment faire une fiche produit SEO avec votre contenu ?

Bien entendu, pour gagner des positions dans les résultats de recherche Google et tirer pleinement parti de vos fiches produits, vous devez appliquer les bonnes pratiques SEO.

  • Les balises Hn

Les balises Hn servent à inventorier les titres H1, étant celui avec le niveau d’importance le plus élevé, à H6.

L’utilisation de ces balises Hn permet de hiérarchiser le contenu de vos fiches produit en déterminant les différents titres, sous-titres et paragraphes de la page.

Cette pratique est perçue comme un gage de qualité de la part de Google et participe activement au référencement de la page.

  • Le contenu dupliqué

Le contenu dupliqué est un facteur à prendre en compte également, car cette pratique est pénalisante et affecte lourdement votre référencement.

Dans ce genre de cas, Google juge la page web la plus ancienne comme étant l’originale.

Il empêchera l’indexation de la page ou influera à la baisse sa position dans ses résultats de recherche.

Cette pratique ne prend néanmoins pas en compte les citations, infographies ou tout contenu ne pouvant être modifié.

  • Les mots-clés

Le choix des mots-clés est un facteur déterminant dans la suite de votre processus SEO.

En effet, il est recommandé de privilégier des mots-clés qui mélangent plusieurs critères.

  • Pertinents et cohérents avec l’offre
  • Mots-clés de longue traine (expressions de mots-clés de plus de 4 mots) mais attention à ne pas être trop spécifiques non plus
  • Avec un nombre significatif de recherches mensuelles
  • Non-sujets à une concurrence trop rude (peu d’annonces sponsorisées dans les résultats de recherche par exemple)

Ces paramètres sont décisifs dans votre quête de visibilité.

Attention à ne pas utiliser vos mots-clés à outrance non plus. Dosez leur utilisation et usez de synonymes et expressions dans le même champ sémantique pour éviter les répétitions trop soutenues.

Pour optimiser votre fiche produit, utilisez le caractère gras sur des expressions de mots-clés afin de retranscrire leur importance et rendre votre texte plus lisible.

  • Le maillage interne

Créez un maillage interne afin de permettre au robot d’indexation de Google ainsi qu’aux utilisateurs de naviguer en toute simplicité et fluidité sur votre site.

Pour créer ce maillage interne, vous devez inclure dans votre page des liens :

  • vers des produits similaires
  • vers des articles de blog en cohérence avec le produit ou ses caractéristiques
  • vers les catégories/sous catégories référentes au produit en question

Cette technique permet de créer un « circuit » de visite clair qui participera activement au référencement de la page.

6• Les images présentes dans votre fiche produit

Le 6ème point à aborder dans ce guide des bonnes pratiques pour optimiser au maximum vos fiches produits n’est autre que celui relatif aux images.

Pour pallier au manque de présence physique de l’article que vous souhaitez mettre en avant, il est essentiel de proposer des images à votre client.

Néanmoins, ces images doivent être elles aussi optimisées au mieux pour satisfaire le client, inciter ce dernier à l’acte d’achat et bénéficier du meilleur référencement possible.

Pour réussir cela, nous vous proposons une série de conseils à mettre en place pour atteindre vos objectifs.

// Photos professionnelles de qualité

Vos images doivent être de bonne qualité. Même si cela paraît logique, nous voyons encore trop souvent des images floues, de petite taille ou encore illisibles.

photos-professionnelles-fiche-produit-chocolat-voisin

Fiche Produit Chocolats Voisin

Elles doivent donc être assez explicites et détaillées. Pour cela, il est possible de proposer un carrousel d’image qui met le produit en valeur sous différents angles.

Confier le shooting photo de vos produits à un professionnel est le meilleur moyen de s’assurer que le travail soit de haute qualité.

Offrir la possibilité aux clients de zoomer sur le produit est également un atout pour vendre.

// Poids et taille de l’image

Vos images doivent également avoir une taille et un poids raisonnables afin de ne pas entacher les performances du site.

Lors de leur intégration, veillez à ce que ces dernières ne soient ni trop lourdes, ni trop grandes.

Une image d’un poids trop conséquent et/ou d’une trop grande taille ralentit la rapidité de chargement de votre page.

Trouvez un équilibre pour charger une image à la taille exacte et d’un poids inférieur à 200Ko.

// Optimisation SEO

Lors de l’enregistrement de votre image, nous vous conseillons de la renommer selon les mots-clés auxquels elle se rapporte.
Il faut savoir que Google ne lit et n’interprète pas les images. Il est nécessaire de lui donner de la matière pour la référencer correctement.

De ce fait, ajoutez une légende et renseignez la balise alternative “alt” à votre image lors de son intégration dans votre site.

D’autant plus que ces indications permettent également à vos utilisateurs de lire le contenu de l’image si celle-ci ne s’affiche pas correctement tout en participant activement au référencement.

// Configurateur de produits

Aujourd’hui, même si l’e-commerce s’est nettement amélioré en termes d’expérience utilisateur, certains consommateurs sont encore bloqués par la barrière de l’écran.

Selon une étude de Get App parue en 2020, 45% des sondés déclarent être susceptibles d’acheter davantage auprès de marques proposant des interactions de produits et services à l’aide de technologies immersives.

Installer un configurateur de personnalisation produit ou un configurateur 3D peuvent briser cette barrière et amener le consommateur à se projeter avant son achat.

// Et la vidéo ?

Proposer une vidéo du produit permet également à vos clients de le visualiser en situation réelle et de se donner une idée quant à son utilisation.

Grâce à tous ces conseils, vos images seront optimisées au maximum. Ces dernières seront présentes dans Google Images, ce qui peut s’avérer être une source de trafic supplémentaire selon votre secteur d’activité.

7• Déclinaisons de votre produit

Afin de décliner vos produits sans nécessiter la création de nouvelles pages, PrestaShop permet de créer des attributs de votre produit.

Les attributs déterminent les déclinaisons disponibles pour un même produit.

Ils peuvent déterminer la contenance, la couleur, la taille ou encore la capacité de stockage par exemple du produit.

D’autant plus que dans PrestaShop, les pages ne sont pas dupliquées ce qui n’impacte pas votre référencement naturel.

8• Le prix

Le prix est un élément central de cette fiche produit. Il l’est d’autant plus que de nombreuses informations peuvent lui être rapportées selon la période de l’année ou encore le secteur d’activité.

Pour optimiser au mieux les prix dans vos différentes fiches produits il est important de :

  • laisser ce prix clairement apparaître. Ceci relève d’une obligation légale
  • si vous opérez en BtoB, proposer un prix HT en sus du prix TTC. Cela évite au client de calculer lui-même le prix HT.
  • afficher explicitement les promotions en cours, accompagné du taux de remise et du prix initial (qui peut être barré par exemple).

couverts-table-prix-optimises-degressifs

Tableau de prix sur couvertdetable.fr

9• Les avis clients

Comme vous le savez, surtout si vous êtes e-consommateurs vous-mêmes, les avis clients sont essentiels aujourd’hui. Que ce soit pour exprimer son mécontentement, son ravissement ou juste pour consulter l’avis des autres acheteurs.

Suite à l’achat d’un ou plusieurs produits, il est possible d’automatiser un système d’envoi de mail afin de recueillir l’avis des clients suite à leurs achats.

Pour cela, il existe des solutions tiers telles que Société des Avis Garantis ou Avis Vérifiés.

D’autant plus que ces solutions labellisées apportent un gage de sérieux supplémentaire.

avis-clients-stellinox

Avis clients sur le site stellinox.eu

En effet, l’e-commerçant n’est pas en capacité de modérer ses avis comme bon lui semble. Les avis postés reflètent les opinions des consommateurs de la manière la plus transparente.

Il est conseillé de coupler aux avis sur votre site les avis des plateformes qui sont à votre disposition.

  • Google (My Business)
  • Facebook
  • Pages Jaunes
  • Sites spécialisés (Booking.com, Tripadvisor…)

Ces différents avis clients sont des atouts considérables dans votre quête de visibilité.

En effet, ils représentent un contenu généré par les utilisateurs et donc contribuent activement à l’interaction entre les internautes et la marque.

Cette interaction participe au bon référencement des pages de votre site web car elle est vue d’un bon œil chez Google.

D’autant plus que les internautes vont plus facilement cliquer sur un résultat de recherche comprenant une note avec des étoiles qu’une simple page.

10• La F.A.Q.

La foire aux questions est un incontournable d’un site e-commerce.

Cette section est facultative cependant elle va permettre de répondre à de nombreuses questions que les visiteurs peuvent se poser avant de procéder à l’acte d’achat.

La F.A.Q. est particulièrement utile auprès des prospects et des nouveaux clients qui ne sont pas encore familiers avec votre manière de procéder.

Suivez ces conseils pour rédiger votre F.A.Q..

  • Anticiper les questions en vous mettant à la place des visiteurs
  • Rechercher dans vos avis clients ou votre S.A.V.
  • Sonder votre écosystème (partenaires, clients, prospect, entourage, collaborateurs, vendeurs…)
  • Procéder à une veille sur le web et les réseaux sociaux
  • Proposer des tutoriels pour suivre différentes étapes avant de résoudre le problème
  • Rédiger des réponses claires et concises
  • Utiliser un vocabulaire que votre lectorat comprenne
  • Construire une page accessible, intuitive et simple à consulter
  • Agrémenter votre contenu de visuels
  • Inclure des liens internes et externes

11• Le Call To Action de votre fiche produit

Comme pour chaque contenu, votre fiche produit doit elle aussi contenir un bouton CTA, Call To Action ou Appel à l’Action en français.

Le bouton CTA est construit de plusieurs éléments :

  • Un phrase engageante
  • Une forme (bouton principalement)
  • Une couleur
  • Un emplacement
  • Une page d’arrivée (après le clic)

Cependant, un bon Call To Action se met en place selon plusieurs critères et principes.

Dans un premier temps, il doit vous permettre d’atteindre vos objectifs. Si votre objectif est de vendre alors ce dernier devra être construit selon ce principe.

Il doit être placé stratégiquement, de manière à être visible et placé à proximité du produit auquel l’action fait référence.

Sa forme et sa couleur doivent permettre aux visiteurs de comprendre rapidement qu’il s’agit d’un bouton cliquable. Faites attention tout de même aux couleurs trop agressives (comme le rouge qui rappelle l’interdit).

Le message doit être concis, simple et compréhensible.

Évitez également les textes tels que ‘Cliquez ici’ ou “En savoir plus”. Privilégiez des verbes d’actions et des mots-clés correspondant à la thématique de votre page : “Demandez un devis pour une installation électrique”, “Précommandez mon exemplaire”, “Je veux ce produit !”…

cta-call-to-action-optimiser-fiche-produit

Freegun.com

Faites de l’A/B Testing, pour tester différentes couleurs ou textes.

Peu importe sa nature, un CTA doit être correctement construit pour servir pleinement d’atout à votre stratégie e-commerce et augmenter votre taux de conversion.

12• Les éléments de réassurance

Il est recommandé d’ajouter des éléments de réassurance à votre page produit. Ceux-ci sont en général proches du bouton d’appel à l’action.

Comme leur nom l’indique, ils sont là pour rassurer l’utilisateur avant l’achat. Ils peuvent concerner :

  • Les moyens de paiement : en 3 fois sans frais, sécurisés
  • Normes, labels
  • Savoir-faire made in France
  • Livraison Express

Nous détaillerons ce point dans le prochain article de cette série de 3 sur l’optimisation de vos fiches produits.

II• Traduction de la fiche produit

La traduction peut sembler être un aspect secondaire de votre boutique en ligne. Cependant selon votre positionnement ou votre secteur d’activité, il est judicieux, voire essentiel, de traduire le contenu des pages de votre site web.

Depuis de nombreuses années, désormais, les moteurs de recherche proposent la traduction automatique des sites web.

Malheureusement, cette fonctionnalité ne garantit pas une traduction efficace et s’arrête au strict contenu du site sans prendre en compte le champ lexical ou le contexte de votre métier.

Optez pour une traduction de votre site e-commerce par un professionnel. Il s’agit de la meilleure méthode pour obtenir un contenu traduit de manière professionnelle et en tenant compte des termes locaux par exemple.

Si le coût d’un traducteur professionnel n’est pas abordable pour votre business, il existe des outils très puissants tels que Lokalise. Cela peut être un début pour vous aider à mettre un pas à l’international.

lokalise-traduction-fiche-produit

Néanmoins, comme nous le disions plus haut, ce n’est pas une solution à long terme. Le choix des mots-clés, des termes de description ou n’importe quel contenu de votre fiche produit doit provenir d’une traduction professionnelle afin d’assurer la vente.

En plus, PrestaShop vous aide énormément pour intégrer vos traductions facilement. Le CMS propose une fonctionnalité native pour ajouter du texte traduit dans la langue de votre choix pour chaque page de votre site.

Cette manipulation s’opère depuis le back-office et sans avoir recours à de besoin technique expert.

Ecoutez aussi l’épisode Ok Google, traduis mon site

 

Vous l’aurez compris, la rédaction de votre fiche produit doit comprendre de nombreux éléments qui ont tous leur importance capitale dans votre quête d’optimisation. La mise en place soigneuse et pertinente de chacun de ces éléments est cruciale.

Néanmoins, la construction de vos fiches produits ne peut être efficace si votre boutique en ligne ne se prête pas à délivrer la meilleure expérience utilisateur.

Dans le prochain article de cette série d’articles dédiés à l’optimisation de vos fiches produits, nous abordons l’amélioration de l’expérience utilisateur ainsi que des performances de votre site e-commerce.

Contactez notre équipe pour vous aider à optimiser vos fiches produits.

encart-blog-audit-site-ecommerce
Quelle Solution pour Récolter les Avis de vos Clients ? 5 Choix

Quelle Solution pour Récolter les Avis de vos Clients ? 5 Choix

Selon une étude IFOP, près de 90 % des consommateurs consultent les avis clients en ligne avant de réaliser un achat sur Internet.
Et surtout, 23% d’entre eux en tiennent compte !

C’est pourquoi demander l’avis de vos acheteurs booste votre taux de conversion et in fine, vos ventes.

Nous vous conseillons ci-dessous 5 modules d’avis clients parmi lesquelles vous pourrez sélectionner la solution adaptée à votre budget et votre besoin.

1/ Prérequis avant d’installer un module d’avis clients

Avant toute chose, il est important d’avoir un site compatible avec les versions des modules proposés ci-dessous.

Sachez qu’utiliser une solution de récolte d’avis n’est pas gratuit. Même si le module ne coûte rien, en général, il est couplé avec un abonnement mensuel ou annuel auprès de la solution en question.

Avant d’installer n’importe quel module (ou toute manipulation majeure sur votre site d’ailleurs), faites une sauvegarde de votre site.

Une incompatibilité entre ce module d’avis clients et ceux déjà installés sur votre site peut provoquer des erreurs, plus ou moins conséquentes.

Faites appel à un professionnel si vous n’êtes pas à l’aise avec l’installation de modules ou en cas de doute sur la compatibilité du module avec votre site.

Il existe dans certains thèmes le module natif Commentaires PrestaShop. Néanmoins, celui-ci vous permet de modifier un avis laissé par un client ce qui vous décrédibilise complètement.

Il est alors conseillé de s’abonner à une solution tiers afin de garder une crédibilité professionnelle.

En effet, les solutions d’avis clients sur le marché ont des certifications ou des labels de qualité et de confiance apportant un véritable sérieux à votre boutique.

C’est pourquoi nous vous proposons ci-après des solutions tiers d’avis clients avec qui nous travaillons régulièrement.

 

 

2/ Modules PrestaShop de Récolte d’Avis Clients

Avis Vérifiés

Grâce à leur partenariat Google, le module Avis Vérifiés vous permet de booster vos ventes en affichant vos étoiles dans vos annonces Google Ads. Intégrez facilement vos avis clients dans vos produits et votre site en quelques clics.

module-prestashop-avis-clients-avis-verifies

Module Avis Vérifiés sur la marketplace Addons PrestaShop
Compatible 1.7
Prix 2021 : Gratuit
Business Care : Gratuit
Abonnement à partir de 59 € / mois

 

Société des Avis Garantis

Ajoutez des avis clients sur votre site et sur vos produits grâce à la solution Société des Avis Garantis et améliorez efficacement la visibilité de votre boutique en valorisant vos avis clients.

module-prestashop-avis-clients-societe-des-avis-garantis

Module Société des Avis Garantis sur la marketplace Addons PrestaShop
Compatible 1.7
Prix 2021 : Gratuit
Business Care : Gratuit
Abonnement à partir de 19,90 € / mois

 

Avis Trustpilot

Il est possible de collecter des avis vérifiés et afficher cette marque de confiance sur la plateforme d’avis Trustpilot. Invitez ainsi automatiquement vos clients à laisser un avis et mettez en avant la note de votre boutique sur votre site web.

Attention, il convient de préciser qu’il n’est pas nécessaire pour vos clients d’avoir effectué un achat avant de laisser un avis sur votre fiche Trustpilot.

module-prestashop-avis-clients-trustpilot

Module Trustpilot sur la marketplace Addons PrestaShop
Compatible 1.7
Prix 2021 : Gratuit
Business Care : Gratuit
Abonnement à partir de 119 € / mois

 

Module Notes et Avis Clients Pro + Google Rich Snippet

Notes et Avis Clients Pro est le seul module qui ne nécessite pas d’abonnement mensuel ou annuel complémentaire.

Collectez ainsi les avis clients sur vos produits en envoyant des emails de demande de notation. Il est également possible d’afficher les étoiles des avis sur Google grâce aux Google Rich Snippets.

module-prestashop-avis-clients-notes-avis-clients-pro

Module Notes et Avis Clients Pro sur la marketplace Addons PrestaShop
Compatible 1.7
Prix 2021 : 125,99 € la première année
Business Care : 36 € / an les années suivantes

 

Trusted Shops

Tout comme les autres solutions présentées ci-dessus, Trusted Shops vous permet de collecter des avis clients, de les afficher sur votre site et vos produits. De même qu’il est possible d’afficher vos étoiles dans vos annonces Google Ads.

module-prestashop-avis-clients-trusted-shops-avis-certifies

Module Trusted Shops sur la marketplace Addons PrestaShop
Compatible 1.7
Prix 2021 : Gratuit
Business Care : Gratuit
Abonnement à partir de 99 € / mois

 

Module Bonus : Avis Google My Business

Pour finir ce TOP de modules d’avis clients, un module bonus : celui d’avis Google My Business.

Cette fiche Google My Business est aujourd’hui indispensable pour gagner en visibilité. D’autant plus qu’il est possible de vous laisser des avis directement dans cette fiche, entraînant un effet positif sur votre référencement naturel.

Avec ce module, connectez directement votre page Google My Business à votre site e-commerce. Il affichera ainsi votre note moyenne ainsi que jusqu’à 5 avis. Vos visiteurs seront également invités à voir tous vos avis sur votre page Google My Business.

module-prestashop-avis-google-my-business

Module Avis Google My Business sur la marketplace Addons PrestaShop
Compatible 1.7
Prix 2021 : 69,99 € la première année
Business Care : 20 € / an les années suivantes

 

Vous avez toutes les informations entre vos mains pour ajouter une solution d’avis clients performante sur votre site e-commerce.

Si vous rencontrez des difficultés, n’hésitez pas à faire appel à notre équipe.

encart-blog-audit-site-ecommerce
Comment mettre en place du Click & Collect sur PrestaShop ?

Comment mettre en place du Click & Collect sur PrestaShop ?

Le Click & Collect est une forme de livraison qui a explosé en 2020, au vu du contexte économique compliqué.

D’autant plus qu’il apportait des avantages aux e-commerçants mais également aux consommateurs.

Même si la crise sanitaire commence à se stabiliser, ce moyen de livraison peut être bénéfique pour votre boutique en ligne.

Découvrez comment mettre en place le Click & Collect sur votre site PrestaShop.

Qu’est-ce que le Click & Collect ?

Avant d’aller plus loin, qu’est-ce que le Click & Collect ?

Que veut dire Click and Collect ?

Ce moyen de livraison remet sur le devant de la scène le “Web to Store”.

Il consiste à permettre au client de choisir et commander son ou ses produit(s) en ligne (le “Click”) et de venir le(s) récupérer en magasin (le “Collect”).

Comment fonctionne le Click and Collect ?

Il est possible pour les e-commerçants de choisir plusieurs formules de paiement :

  • Le client paye directement en ligne et récupère son ou ses produit(s)
  • Le client réserve le(s) produit(s) en ligne et paye en magasin

Concernant la récupération des produits, l’e-marchand peut opter pour 2 méthodes : une “manuelle” ou une automatisée via son site e-commerce.

  • Informer le client par mail ou téléphone de la date de disponibilité du ou des produit(s), et des créneaux de rendez-vous disponibles pour venir le(s) retirer
  • Mettre en place sur son site PrestaShop le Click & Collect automatique. Cela tombe bien, c’est ce que nous allons voir dans cet article.

Quelle différence entre Click and Collect, retrait en magasin et Drive ?

La définition du Click and Collect nous l’avons vu plus haut, il s’agit d’acheter un ou plusieurs produit(s) en ligne et de venir le retirer en magasin.

Le retrait en boutique est une pratique de vente similaire où il s’agit également de réserver un produit, de choisir un commerce à proximité de sa localisation et de venir le retirer sur place.

Le Drive, ou Click and Drive, consiste à payer en ligne une commande et venir le retirer au Drive du magasin donc en règle générale avec sa voiture.

Ces 3 pratiques sont donc similaires et se distingue de la vente classique au vu de l’absence de livraison.

Quels sont les avantages du Click and Collect ?

Comme on le disait plus haut, cette forme de livraison possède de véritables atouts pour votre activité d’e-commerçant.

1/ Economiser les frais d’expédition
Du fait que l’acheteur se déplace en magasin pour récupérer son colis, les frais de livraison sont économisés pour l’e-commerçant et le client.

2/ Gagner du temps
De même que pour les frais d’expédition, le gain de temps est bénéfique au client et à l’e-commerçant.

3/ Amener du trafic magasin
Le parcours client devient omnicanal et vous apporte un trafic nouveau dans votre boutique physique.

4/ Attirer de nouveaux clients
Les personnes, qui ne seraient pas rassurées pour payer en ligne les premières fois sur votre site, pourraient être intéressées dans ce nouveau mode de livraison (et paiement).

5/ Ouvrir des opportunités de Cross Selling
En amenant du trafic dans votre magasin, vous vous ouvrez aux opportunités de ventes croisées. Un acheteur a réservé un pantalon ? Pourquoi ne pas lui proposer une ceinture.

6/ Se démarquer de la concurrence
Vos concurrents n’ont peut-être pas la capacité ou les moyens de mettre en place du Click & Collect. Ou n’ont pas encore eu l’occasion de le faire. C’est le moment de les devancer.

Pré-requis avant d’ajouter du Click & Collect sur votre site e-commerce

Attention le Click & Collect se prépare tout de même un minimum.

Le pré-requis logique est d’avoir bien entendu une boutique physique et un site e-commerce, puisque le Click & Collect combine ces deux éléments.
Néanmoins, il ne se met pas en place sans quelques adaptations dans votre organisation interne.

Même si le marchand économise des frais de livraison, il n’est pas épargné par les frais de gestion de stock.

En effet, la mise en place de ce mode de livraison nécessite des ajustements pour lier le site e-commerce et les disponibilités en magasin.

Le stock de votre boutique en ligne doit être lié au stock réel de votre magasin, notamment pour tenir vos délais de récupération des produits. Car ces derniers doivent être rapides et efficaces.

“J’achète, je viens chercher” : c’est ce que le consommateur recherche en passant par le Click & Collect. Assurez-vous bien de ce fonctionnement fluide avant de paramétrer ce qui suit dans votre site e-commerce PrestaShop.

Comment paramétrer du Click & Collect sur votre boutique en ligne PrestaShop ?

Il existe 2 moyens pour mettre en place du Click & Collect sur votre boutique en ligne PrestaShop.

1/ Comment faire un Click and Collect avec le retrait en magasin ?

Tout d’abord, la première approche. Celle-ci est gratuite et très rapide à mettre en place.

Pour cela, il suffit d’ajouter un transporteur, que vous appellerez “retrait en magasin”, avec des frais de livraison à 0.

Simple et efficace !

2/ Comment faire un Click and Collect avec des horaires de passage ?

La deuxième solution entraîne l’achat et l’installation d’un module de la marketplace PrestaShop Addons.

De nouvelles fonctionnalités seront alors à votre disposition. Par exemple, le fait que vos clients puissent déterminer un jour et une heure de passage pour venir retirer leur colis en magasin ou l’ajout d’une carte Google Maps au moment du choix de livraison.

Ci-dessous 3 modules Click & Collect PrestaShop qui pourraient convenir à votre site e-commerce.

Module PrestaShop Livraison en magasin / Point de retrait

Ce module permet d’assurer la livraison des commandes en magasin ou point de vente.
A l’aide d’une carte Google Maps, le client pourra choisir le point de retrait de la commande le plus près de chez lui.

module-prestashop-livraison-en-magasin

Module Livraison en magasin / Point de retrait sur la marketplace PrestaShop Addons
Tarif 2021 : 83,99 € la première année
Business Care : 24,00 € / an les années suivantes
Compatible 1.7.8

Module PrestaShop Drive et Click & Collect / Retrait magasin

Le module Drive – Click & Collect pour Prestashop permet à vos clients de choisir le magasin, le jour et le créneau horaire du retrait de leur commande, à travers une interface optimisée.

module-prestashop-drive-et-click-and-collect

Module PrestaShop Drive et Click & Collect sur la marketplace PrestaShop Addons
Tarif 2021 : 167,99 € la première année
Business Care : 48,00 € / an les années suivantes
Compatible 1.7.8

Module PrestaShop Click’n collect/Drive – à emporter sur créneaux horaire

Le module Click’n Collect permet à vos clients de retirer leurs produits en choisissant le jour, l’heure parmi les créneaux disponibles et dans la boutique de leur choix.

module-prestashop-livraison-en-magasin

Module PrestaShop Click’n collect sur la marketplace PrestaShop Addons
Tarif 2021 : 125,99 € la première année
Business Care : 36,00 € / an les années suivantes
Compatible 1.7.7

Quel magasin pratique le Click and Collect ?

Aujourd’hui, surtout depuis le confinement de 2020, tous – ou presque – les magasins ont évolué avec ce nouveau moyen de « livraison » offert à l’utilisateur.

Le Click & Collect est un vrai levier de conversion et de ventes. Ajoutez-le à votre site e-commerce dès maintenant !

Si vous rencontrez des difficultés pour mettre en place le Click & Collect sur PrestaShop, contactez notre équipe.

encart-blog-audit-site-ecommerce
Pourquoi vos Ventes ne Décollent pas ? 6 Raisons

Pourquoi vos Ventes ne Décollent pas ? 6 Raisons

  • Pourquoi votre site e-commerce ne décolle pas ?
  • Vous avez entré vos produits dans votre catalogue, vous avez un léger trafic sur votre site mais personne ne commande ?
  • Ou au contraire, vous vous acharnez pour avoir du trafic sur votre site, en vain ?

Vous n’êtes pas le(a) seul.e dans ce cas à constater de tels problèmes sur son e-boutique. Il existe d’ailleurs de multiples raisons au fait que vos ventes stagnent.

Nous vous en listons dans cet article 6 sur lesquelles vous pouvez travailler dès aujourd’hui.

1 | Le design de votre boutique est vieillot

Acheter sur une boutique vieillotte avec des pages mal structurées n’est pas rassurant, n’est-ce-pas ?

Alors imaginez la réaction de vos internautes. Un site un peu dépassé, sans éléments de réassurance, où ils sont censés laisser leurs coordonnées bancaires ? Pas question !

Le design apporte un sentiment de confiance chez le visiteur.

Une boutique moderne, c’est une boutique mise à jour, sécurisée, ou du moins dans la tête de vos prospects.

 

2 | Votre boutique n’est pas optimisée au niveau du référencement

Si vous souhaitez ressortir dans les premiers résultats de recherche de Google, il est primordial d’optimiser le référencement de votre site e-commerce.

90% des internautes ne vont pas au-delà de la première page de recherche. C’est effrayant, non ?

Sans trafic sur votre site, peu de chance d’obtenir des commandes !

Il existe alors plusieurs points sur lesquels vous devez porter vos efforts :

  • Les titres de fiche produit : clairs et précis, décrivant exactement votre produit
  • Les balises meta title et description : ce sont les éléments visibles dans les résultats de recherche de Google.
  • Les textes optimisés avec les mots clés de votre domaine : sans être dans la surenchère, vous devez optimiser vos fiches produits avec les mots-clés sur lesquels vous souhaitez ressortir dans les résultats de recherche.
  • Le temps de chargement des pages de votre site e-commerce : plus votre site sera long à charger, plus les visiteurs fuiront votre site.
  • Les contenus de 1000 mots minimum : afin que vos contenus (articles blog, fiches produits, etc.) soient pris en compte dans le référencement de votre site, vous devez avoir à tout prix des contenus longs de 1000 mots (minimum !)
  • Les vidéos : ajouter des vidéos dans les fiches produits.
  • Travailler ses liens internes et externes : le maillage interne de votre site est très important pour votre référencement. Mais l’échange de liens externes est également essentiel pour vous construire une réputation solide auprès de Google. Sans en abuser bien entendu !
  • Etc.

 

3 | Votre contenu n’est pas unique

Vous ne le savez peut-être pas encore, mais Google a horreur du contenu dupliqué.

Nous ne parlons pas que de plagiat, il n’aime pas le copié/collé de contenu sur vos fiches produits.

Explications : si vous recevez des informations d’une nouvelle télévision de la part de votre fournisseur, il est fort probable qu’il ait fourni ces mêmes informations à vos concurrents. Si vous copiez/collez ces éléments dans vos fiches produits tels quels, vous n’aurez pas un contenu unique.

Google l’interprètera comme du contenu dupliqué.

Et vous serez pénalisé !

 

4 | Vos fiches produits ne donnent pas envie

Si vous souhaitez vendre vos produits, vous devez donner envie de les acheter. Logique, non ?

Cependant, même si cela paraît évident, il est encore courant que des fiches produits ne soient pas optimisées.

  • Une photo floue, trop petite, ne mettant pas en valeur votre produit
  • Un contenu qui n’est pas unique (comme expliqué ci-dessus)
  • Un bouton ‘Ajouter au panier’ qui n’est pas visible
  • Des moyens de paiement peu variés
  • Etc.

Tous ces éléments, si vous ne les travaillez pas correctement, feront fuir votre internaute.

 

5 | La navigation sur votre site e-commerce est trop compliquée

Nous parlions de maillage interne dans les points précédents. Ce point concerne également la navigation sur votre site e-commerce.

Votre taux élevé d’abandon de paniers est d’ailleurs très certainement lié à cette problématique.

Plus votre tunnel de commande est long et compliqué, plus vous perdez vos visiteurs. Rien d’étonnant, nous direz-vous.

Cependant, bien trop souvent, les e-commerçants ne se mettent pas dans la tête de leur client afin de lui faciliter la vie sur leur site.

Réduisez les étapes de l’acte d’achat !

 

6 | Analyser vos statistiques de visites

Vous commencez à avoir du trafic sur votre site, à attirer des prospects dans votre tunnel de vente, c’est parfait ! Même si c’est un trafic faible.

Il est important d’analyser les chiffres, les statistiques de votre site e-commerce.

Si ce n’est pas encore fait, il est nécessaire de vous créer un compte Google Analytics. C’est à cet endroit que vous pourrez en déduire les actions à mettre en place sur votre site.

Vous avez la possibilité de consulter :

  • les pages visitées par vos visiteurs
  • le nombre de visiteurs sur votre site
  • si vos visiteurs restent ou non sur votre site
  • de quels sites ils proviennent
  • de quels appareils : mobile, tablette, ordinateur
  • leurs origines géographiques

Ces données vous permettront de savoir quels types de publicités vous pouvez mettre en place ou sur quels secteurs vous centrer.

Des données essentielles à ne pas mettre de côté !

 

Ainsi, ces 6 actions à entreprendre sur votre site ne sont pas complexes mais souvent prennent du temps.

Nous savons bien qu’il est souvent difficile de manier la gestion de votre site, l’amélioration de votre marketing et la gestion de votre business. C’est pourquoi ITIS Commerce est là pour vous aider à gérer la technique de votre site et vous proposer des formations pour aller dans le droit chemin directement sans perdre de temps.

En 2020, 40 millions de français ont acheté en ligne… C’est donc essentiel d’être à la pointe techniquement pour être visible et ne louper aucune vente.

Dans le cas contraire, c’est la cata assurée.

Prenez rendez-vous dès aujourd’hui avec un de nos commercial pour obtenir un audit de votre site et des recommandations efficaces pour booster votre business.

encart-blog-audit-site-ecommerce