Audit CRO e-commerce : la méthode en 7 étapes

Un audit CRO (conversion rate optimization, optimisation du taux de conversion) examine les pages d'une boutique pour trouver ce qui freine l'achat. Ce n'est ni un audit SEO, qui cherche à faire venir des visiteurs, ni un avis général sur le design : c'est une liste de freins.

Un bon audit se reconnaît à trois choses. Chaque frein est localisé : on sait sur quelle page, sur quel appareil et à quel endroit de l'écran il se trouve. Chaque frein est prouvé : une capture, une phrase exacte, une mesure dans le code, que vous pouvez contrôler. Et l'ensemble est priorisé : ce qui coûte le plus de ventes vient en premier.

S'il vous manque l'une des trois, vous avez une liste d'opinions, pas un plan d'action.

Un visiteur ne parcourt pas tout votre site. Il entre par quelques pages et décide là. Commencez par celles qui portent l'achat :

• la page d'accueil, qui doit dire en un écran ce que vous vendez et à qui ;
• une page de collection, là où se fait le choix entre produits ;
• votre fiche produit la plus vendue, là où se décide l'ajout au panier ;
• le panier et le paiement, là où les acheteurs décidés abandonnent.

Quatre pages bien choisies d'un même site en disent plus qu'un survol de cinquante. Le panier et le paiement ne s'atteignent généralement pas par une adresse : il faut les auditer à partir de captures d'écran.

Une même page n'est pas la même expérience sur un ordinateur et sur un téléphone. Sur un écran de 1440 × 900, le bouton d'achat est souvent visible dès l'arrivée ; sur un téléphone de 390 × 844, il peut se retrouver deux écrans plus bas, sous une image ou une bannière.

Il faut donc deux captures complètes par page, une par appareil, et lire chacune pour elle-même. Ce qui se trouve au-dessus de la ligne de flottaison (ce que le visiteur voit sans défiler) mérite une attention particulière : c'est là que se joue la décision de rester.

Pour juger l'ensemble, pondérez par votre trafic réel. Si 70 % de vos visites viennent du mobile, un frein mobile compte plus qu'un frein desktop de même gravité.

Le premier écran doit répondre à trois questions sans défilement : qu'est-ce qu'on vend, pour qui, et pourquoi acheter ici plutôt qu'ailleurs. Vérifiez :

• que le titre principal dit un bénéfice, pas seulement le nom de la marque (« Bienvenue chez … » ne dit rien) ;
• que la promesse ne pourrait pas être signée par n'importe quel concurrent ;
• que le visuel montre le produit ou son usage, plutôt qu'une ambiance ;
• qu'il n'y a qu'un titre principal (une seule balise H1) et qu'il porte cette promesse.

Un bouton d'achat doit s'atteindre sans le chercher. Sur chaque page, regardez :

• s'il est visible dans le premier écran, surtout sur mobile ;
• s'il se distingue nettement du reste de la page par sa couleur et son contraste ;
• si son libellé dit l'action (« Ajouter au panier ») plutôt qu'une formule vague ;
• s'il est seul : trois boutons de même poids côte à côte se font concurrence ;
• sur une fiche produit longue, si un bouton reste accessible en bas d'écran quand on fait défiler la galerie.

Un visiteur qui ne vous connaît pas cherche des raisons de vous faire confiance avant de payer. Vérifiez que ces éléments existent et qu'ils sont visibles au moment de décider, pas seulement en pied de page :

• les avis et la note, près du prix plutôt qu'en bas de page ;
• les conditions de livraison et de retour, avec leurs montants et leurs délais ;
• les moyens de paiement acceptés et la mention du paiement sécurisé ;
• un moyen de vous contacter ;
• de vraies photos du produit.

Un signal présent dans le code mais invisible à l'écran (un badge d'avis chargé en bas de page, par exemple) ne rassure personne au moment de cliquer.

La friction, c'est tout ce qui ralentit ou fait douter : fenêtres surgissantes à l'arrivée, navigation confuse, recherche cachée derrière une icône, formulaires trop longs, information manquante (taille, délai, prix de livraison) au moment de choisir.

La hiérarchie visuelle, c'est le chemin que suit l'œil. Il doit mener de la promesse au bouton. Cherchez ce qui détourne l'attention : une image qui occupe tout l'écran sans rien dire, un bandeau promotionnel plus visible que le produit, des éléments de même poids qui se concurrencent.

Sur mobile, vérifiez en plus la taille des zones à toucher, la lisibilité du texte sans zoomer et l'absence de défilement horizontal.

Une capture montre ce que voit le visiteur ; le code montre ce que la page est réellement. Les deux se complètent. Quelques mesures simples, et pourquoi elles comptent pour la conversion :

• le temps de réponse du serveur et le poids de la page : une page lente perd des visiteurs avant même de s'afficher ;
• les formulaires : nombre de champs, champs sans étiquette, absence de remplissage automatique, e-mails et téléphones saisis comme du texte simple sur mobile ;
• les images sans texte alternatif et les boutons sans nom, qui gênent les lecteurs d'écran ;
• les données structurées produit (prix, disponibilité, note), qui alimentent les résultats enrichis ;
• les scripts tiers chargés par la page (chat, avis, suivi) et leur poids.

Pour la vitesse vécue par vos vrais visiteurs, Google publie des seuils pour les Core Web Vitals : un affichage du contenu principal (LCP) en 2,5 secondes au plus, une réponse aux interactions (INP) en 200 millisecondes au plus, et un décalage de mise en page (CLS) de 0,1 au plus, mesurés au 75e centile.

Un audit qui liste quarante points sans ordre ne sert à rien le lundi matin. Classez chaque frein selon trois critères : sa gravité (empêche-t-il l'achat ou le ralentit-il seulement ?), la confiance que vous avez dans le constat, et la part de trafic de l'appareil concerné.

Séparez ensuite les corrections rapides, qui se font en quelques jours, des chantiers de fond. Un plan à 30, 60 et 90 jours donne à chacun sa place.

Enfin, n'additionnez pas les gains promis par chaque correction : ils se recouvrent. Plusieurs améliorations sur une même page ne multiplient pas les ventes.

Un montant n'a de sens qu'à partir de vos propres chiffres : visites, taux de conversion, panier moyen. Sans eux, parlez en pourcentages et dites-le.

Si vous voulez vérifier une correction par un test A/B, calculez d'abord sa durée : à 95 % de confiance et 80 % de puissance, une boutique au trafic modeste peut avoir besoin de plusieurs mois pour conclure. Au-delà de 90 jours, mieux vaut corriger et mesurer avant/après.

Tout ce qui précède se fait à la main, avec un téléphone, un ordinateur et un peu de méthode. Comptez plusieurs heures par page pour un travail sérieux.

OrderLeak applique exactement cette méthode à vos pages en 15 à 20 minutes : captures desktop et mobile, six axes notés sur 100, mesures du code, chaque frein localisé avec sa preuve, un plan à 30, 60 et 90 jours. Vous pouvez lire un rapport complet avant d'acheter.