Un site e-commerce ne se valide pas seulement en vérifiant que les produits sont visibles. Pour une TPE, le test décisif consiste à réaliser plusieurs commandes fictives du début à la fin : trouver un article, comprendre ce qui est vendu, choisir une variante, l’ajouter au panier, renseigner les informations demandées et arriver à une confirmation compréhensible.
Ce parcours permet de repérer les problèmes qui restent invisibles dans une simple visite de la page d’accueil. Une information de livraison absente, une variante impossible à sélectionner sur mobile, une erreur de formulaire peu claire ou une page produit inaccessible peuvent bloquer une commande sans produire d’erreur technique évidente.
Voici une méthode de contrôle adaptée à une petite entreprise avant la mise en ligne d’un catalogue ou d’une boutique.
Commencer par définir les parcours à tester
Ne cherchez pas à tester toutes les combinaisons au hasard. Décrivez d’abord les situations qui représentent réellement votre offre et vos clients.
Préparez au minimum ces scénarios :
- acheter un produit simple, sans option ;
- acheter un produit avec une taille, une couleur ou une autre variante ;
- ajouter deux produits au panier et modifier une quantité ;
- utiliser une adresse de livraison différente de l’adresse de facturation ;
- rencontrer une rupture de stock ou une option indisponible ;
- revenir au catalogue après avoir consulté une fiche produit ;
- effectuer le parcours sur un téléphone puis sur un ordinateur.
Pour chaque scénario, écrivez le point de départ, l’action attendue et le résultat qui doit être observable. « Le client peut acheter » est trop vague. « Depuis une catégorie, il trouve une fiche, choisit une variante disponible, voit le prix correspondant et arrive à une confirmation de commande » constitue un test vérifiable.
Cette préparation évite aussi de confondre une anomalie propre à une référence et un défaut présent sur tout le site. Si toutes les fiches utilisent le même modèle, une correction de structure peut résoudre plusieurs problèmes à la fois. Si un seul produit est concerné, il faut plutôt revoir ses données ou ses options.
Vérifier la découverte du catalogue
Le parcours commence avant la fiche produit. Un visiteur doit pouvoir comprendre comment le catalogue est organisé et atteindre les produits sans dépendre uniquement du moteur de recherche interne.
Contrôlez les catégories, sous-catégories et liens vers les produits importants. Les intitulés doivent correspondre aux mots utilisés par vos clients, tout en restant assez précis pour distinguer les familles d’articles. Une catégorie trop large rend le choix difficile ; une catégorie ne contenant qu’un seul produit ajoute une étape sans aider la décision.
Google recommande que les produits soient accessibles par des liens de navigation entre les catégories et les fiches. La documentation de Google Search Central sur la structure des sites e-commerce rappelle qu’un produit accessible uniquement par une recherche interne peut être moins facilement découvert par un robot. Cette recommandation rejoint un besoin humain : une personne qui ne connaît pas le nom exact du produit doit pouvoir parcourir l’offre.
Faites le test sans utiliser la recherche interne : depuis l’accueil, atteignez trois produits représentatifs en utilisant le menu, les catégories ou des liens éditoriaux. Notez le nombre d’étapes et les endroits où vous hésitez. Vérifiez également que les liens sont de vrais liens utilisables au clavier et compréhensibles hors d’un effet visuel.
Contrôler la fiche produit avant l’ajout au panier
Une fiche produit doit répondre aux questions qui précèdent l’achat. Elle n’a pas besoin de tout dire de la même manière pour chaque activité, mais elle doit présenter les informations nécessaires à la décision.
Vérifiez notamment :
- ce qui est vendu et à quel usage le produit répond ;
- les dimensions, matières, compatibilités ou limites utiles ;
- le prix et l’unité de vente affichés sans ambiguïté ;
- les variantes disponibles et l’effet de la sélection sur le prix ou le stock ;
- les conditions de livraison, de retrait, de retour ou de contact ;
- les images, leur texte alternatif et leur cohérence avec la description ;
- l’action principale, clairement identifiable sur petit écran.
Le contenu visible doit rester cohérent avec les données transmises aux moteurs. Google indique que les données structurées de type Product peuvent aider à comprendre des informations comme le prix, la disponibilité et les avis, mais qu’elles ne remplacent pas une page produit utile. La documentation sur le partage des données produit précise aussi que les données structurées et Merchant Center sont des moyens complémentaires, et non une garantie d’affichage dans les résultats.
Testez une fiche avec les images désactivées ou sur une connexion moins confortable. Le nom, le prix, la disponibilité et l’action attendue doivent rester compréhensibles. Testez ensuite une variante : l’interface doit indiquer quelle option est sélectionnée, refuser une combinaison impossible et conserver le choix lorsque le visiteur revient en arrière.
Observer le panier et la commande comme un client
Le panier doit confirmer ce qui va être acheté, pas seulement compter des articles. Reprenez chaque produit et vérifiez son nom, sa variante, sa quantité, son prix et les éventuels frais ajoutés. Une modification doit avoir un retour visible : quantité mise à jour, total recalculé ou message expliquant l’action.
Pendant la commande, distinguez les informations indispensables des questions que vous pourrez poser plus tard. Chaque champ supplémentaire augmente l’effort demandé. Si une donnée est nécessaire pour la livraison ou la facturation, expliquez pourquoi au moment où vous la demandez. Si elle est facultative, rendez son caractère facultatif évident.
Prévoyez des tests d’erreur : email mal saisi, champ obligatoire vide, code postal inattendu, mode de livraison indisponible, paiement interrompu ou adresse modifiée après le choix du transport. Une erreur doit identifier le champ concerné et indiquer comment la corriger, sans effacer les données déjà saisies.
Ce point concerne directement l’accessibilité. Les recommandations WCAG 2.2 regroupent notamment l’identification des erreurs, les libellés et les suggestions de correction dans la partie consacrée à l’aide à la saisie. La documentation du W3C sur WCAG 2.2 constitue une base pour construire ces contrôles ; elle ne remplace pas une évaluation adaptée à votre site et à vos utilisateurs.
Tester le mobile, le clavier et les messages d’état
Un parcours qui fonctionne avec une souris sur un grand écran peut rester difficile à utiliser ailleurs. Rejouez les scénarios sur un téléphone tenu à une main, avec le clavier d’un ordinateur et, lorsque c’est possible, avec un lecteur d’écran ou une technologie d’assistance.
Sur mobile, observez la taille des zones tactiles, la position du bouton d’ajout au panier, la lisibilité des prix et la possibilité de revenir à une catégorie sans perdre le contexte. Le clavier permet de repérer les champs sans libellé, les éléments qui reçoivent le focus dans un ordre surprenant et les fenêtres impossibles à fermer.
Sur chaque étape, demandez-vous ce que le client comprend après une action. L’ajout au panier doit produire un message visible et, si le panier s’ouvre automatiquement, l’interface doit l’annoncer. Une erreur de paiement, un stock modifié ou un recalcul de livraison ne doit pas être communiqué uniquement par une couleur ou un changement discret.
Documentez chaque défaut avec quatre informations : scénario, appareil ou navigateur, étape, résultat observé. Ajoutez une capture uniquement si elle clarifie le problème ; la description textuelle reste nécessaire pour pouvoir le reproduire et le corriger.
Vérifier les URLs, les données et les pages secondaires
Avant l’ouverture, contrôlez les pages qui soutiennent le parcours : catégories, fiches, panier, compte éventuel, livraison, retours, contact et confirmation. Une page vide, une URL temporaire ou une variante accessible uniquement par un paramètre instable peut compliquer la navigation et le suivi.
La documentation Google sur les URLs e-commerce recommande des adresses persistantes et cohérentes, ainsi qu’un usage attentif des paramètres pour les variantes et la pagination. Cela aide les moteurs à distinguer une fiche d’une autre, mais facilite aussi les liens partagés, les contrôles internes et la maintenance du catalogue.
Vérifiez la cohérence entre les informations affichées dans la fiche, le panier, la confirmation et les données utilisées par vos outils. Un prix différent, une disponibilité non actualisée ou une option perdue pendant la commande est d’abord un problème opérationnel, même si la page reste techniquement accessible.
Préparez enfin un jeu de données de test et décidez comment il sera retiré ou identifié. Une équipe doit savoir distinguer une commande fictive d’une vraie demande, qui reçoit les alertes, qui traite un paiement interrompu et qui répond à une question client. Le site ne peut pas compenser une organisation qui ne sait pas où arrivent les demandes.
Prioriser les corrections avant la mise en ligne
Classez les problèmes selon leur impact sur l’achat et leur fréquence. Un bouton invisible sur mobile, un total erroné ou une variante impossible à sélectionner bloque le parcours et doit passer avant une amélioration cosmétique. Une image trop lourde peut affecter plusieurs pages ; une faute isolée dans une description mérite une correction, mais pas nécessairement un report de lancement à elle seule.
Utilisez une grille simple :
- bloquant : la commande ou la compréhension est impossible ;
- important : la commande reste possible, mais l’effort ou le risque d’erreur est élevé ;
- amélioration : le parcours fonctionne, mais peut être plus clair ou plus rapide.
Après chaque correction, rejouez le scénario complet. Ne validez pas uniquement l’étape modifiée : une mise à jour du stock peut modifier le panier, un changement de formulaire peut affecter la confirmation et une nouvelle règle de livraison peut changer le total.
Un site e-commerce est prêt quand une personne peut comprendre l’offre, choisir sans ambiguïté et terminer une commande dans les scénarios prévus, avec des messages clairs en cas de problème. Pour cadrer la structure générale d’un projet, vous pouvez aussi consulter notre page sur le site vitrine professionnel et notre méthode de mesure des demandes issues d’un site. Si le catalogue doit échanger avec un stock, un CRM ou un processus interne, la page dédiée aux logiciels sur mesure aide à poser le besoin avant de multiplier les connexions.
La prochaine étape est donc simple : choisissez trois parcours représentatifs, faites-les exécuter par une personne qui ne connaît pas le projet, puis corrigez d’abord ce qui empêche de comprendre ou d’acheter. Ce test donne à la TPE une base concrète pour ouvrir sa boutique et organiser les améliorations suivantes.