Carte de chaleur (heatmap)

Une carte de chaleur, ou heatmap, est une image de l'attention. Prenez une capture de votre fiche produit, puis peignez-la : rouge là où des centaines de visiteurs ont cliqué ou touché, jaune là où quelques-uns l'ont fait, bleu là où personne n'est allé. Ajoutez une seconde couche qui montre le point où la moitié d'entre eux ont cessé de faire défiler. En une image, vous voyez ce que les gens font vraiment sur la page, plutôt que ce que vous aviez prévu qu'ils fassent.

Le sujet concerne quiconque possède une page censée vendre et soupçonne qu'elle ne fait pas son travail. Un créateur dont la page de lien en bio reçoit 2 000 visites pour 30 commandes, une marque dont la nouvelle fiche produit convertit moins bien que l'ancienne, une petite boutique dont le checkout perd les gens à l'étape de livraison : tous trois apprendront plus d'une carte de chaleur en dix minutes que d'une semaine de suppositions.

Qu'est-ce qu'une carte de chaleur ?

Une carte de chaleur est une visualisation agrégée du comportement des visiteurs sur une seule page, produite par un script qui enregistre les interactions et les projette sur la mise en page. L'échelle de couleurs va du froid (peu d'activité) au chaud (beaucoup), d'où le nom. C'est un outil d'optimisation du taux de conversion, pas un indicateur en soi.

Il en existe quatre types courants, qui répondent à des questions différentes :

• Carte de clics ou de touchers. Où les gens cliquent. Révèle les éléments cliqués qui ne sont pas des liens (une photo produit, un badge « livraison offerte ») et les boutons que personne ne touche.
• Carte de défilement. Jusqu'où les gens descendent. Montre la ligne de flottaison sur de vrais appareils et le point où restent 50 %, 25 % et 10 % des visiteurs.
• Carte de mouvement. Où la souris se déplace sur ordinateur, une approximation du regard. Peu utile sur mobile, où il n'y a pas de curseur.
• Carte d'attention. Un mélange de profondeur de défilement et de temps passé par section, qui montre quelles parties de la page sont restées le plus longtemps à l'écran.

La plupart des outils enregistrent aussi des sessions, c'est-à-dire des relectures anonymisées de visites individuelles. La carte donne le motif ; la relecture donne l'histoire d'un visiteur. Vocabulaire voisin : la ligne de flottaison (la partie visible sans défiler), les clics de rage (clics répétés au même endroit, souvent signe que quelque chose a l'air cliquable sans l'être), les clics morts (clics sur des éléments qui ne font rien).

Ce qu'une carte de chaleur n'est pas : un test statistique. Elle montre où l'attention est allée, pas si un changement a amélioré les ventes. Et ce n'est pas un registre d'individus ; les données sont agrégées et doivent être anonymisées.

Pourquoi c'est important

Les pages sont conçues de haut en bas, mais les visiteurs ne les lisent pas ainsi. Une carte de chaleur montre l'écart entre le plan et le comportement, et c'est dans cet écart que la conversion se perd.

Un exemple chiffré. Une boutique vend un sac à dos à 120 €. La fiche produit comporte un grand carrousel de photos, puis le prix et le bouton d'ajout au panier, puis une longue description, puis les avis, puis un guide des tailles. Le taux de conversion est de 1,4 % sur 6 000 visites mensuelles, soit 84 commandes. La carte de défilement montre que seuls 22 % des visiteurs mobiles atteignent les avis et 9 % le guide des tailles. La carte de clics montre 340 touchers par mois sur le mot « dimensions » dans la description, qui n'est pas un lien, et un amas de touchers sur la quatrième image du carrousel, celle qui montre le sac ouvert.

Deux changements : le guide des tailles remonte à côté du prix sous forme d'une ligne courte avec un lien, et la photo « sac ouvert » devient la deuxième image. La conversion monte à 1,9 % le mois suivant, soit 114 commandes. Ce sont 30 commandes de plus et 3 600 € de revenu mensuel supplémentaire pour avoir déplacé deux éléments, sans trafic en plus. La carte n'a pas fait la vente ; elle a dit à la gérante lesquels des quarante changements possibles essayer en premier.

Comment ça marche

Produire et lire une carte de chaleur prend cinq étapes.

• Installez le script. Un extrait de code de l'outil sur chaque page, chargé après consentement là où c'est requis. La plupart des outils ont une offre gratuite couvrant quelques milliers de sessions par mois.
• Choisissez les pages. Pas toutes. La fiche produit la plus visitée, la page de lien en bio, le checkout, et toute landing page vers laquelle vous payez pour envoyer du trafic.
• Attendez assez de données. Une carte de clics devient lisible entre 1 000 et 2 000 vues de page ; une carte de défilement se stabilise autour de 500. En dessous, une poignée de visiteurs peint le tableau.
• Séparez par appareil. La carte mobile et la carte ordinateur d'une même page ne se ressemblent pas. Lisez-les séparément ; pour la plupart des boutiques, le mobile représente 70 % à 85 % du trafic et passe en premier.
• Cherchez les surprises. Des éléments cliqués qui ne sont pas cliquables. Des sections que 80 % des visiteurs ne voient jamais. Des boutons en zone froide. L'appel à l'action principal sous la ligne des 50 % de défilement.
• Formulez une hypothèse et testez-la. Chaque surprise devient un changement. Mesurez avec le taux de conversion avant et après, ou avec un test A/B si le trafic le permet.

Le script enregistre les coordonnées par rapport aux éléments de la page, donc la carte reste valable d'une taille d'écran à l'autre tant que la mise en page ne change pas. Refondez la page et l'ancienne carte devient de l'histoire ; relancez un enregistrement.

Repères et exemples

Lectures typiques sur des pages de boutique en 2026 :

• Profondeur de défilement sur une fiche produit mobile : 100 % voient la première image, 60 % à 75 % atteignent le bouton d'ajout au panier quand il est sous le carrousel, 25 % à 40 % atteignent les avis, 10 % à 20 % le pied de page.
• Profondeur de défilement sur une page de lien en bio : 80 % voient les trois premiers liens ou produits, 40 % voient le sixième, moins de 20 % voient quoi que ce soit au-delà du dixième.
• Répartition des clics sur une fiche produit : 40 % à 60 % des touchers sur le carrousel, 15 % à 25 % sur le sélecteur de variante, 10 % à 20 % sur le bouton d'ajout au panier, le reste dispersé.
• Clics de rage : plus de 2 % des sessions avec des clics de rage sur un même élément, c'est que quelque chose est cassé ou trompeur.
• Données nécessaires : 1 000 vues par page et par appareil avant de conclure.

Trois situations :

Une créatrice a douze produits sur sa page de lien en bio. La carte de défilement montre que 70 % des visiteurs ne dépassent jamais le cinquième. Elle place la nouveauté en position un et la meilleure vente en position deux ; les commandes issues de la page montent de 18 % la semaine suivante.

La landing page d'une marque pour une campagne payante ouvre sur une vidéo. La carte de clics montre que 55 % des visiteurs touchent la vidéo, qui s'ouvre en plein écran, et que la plupart ne reviennent jamais sur la page. La remplacer par une image avec un lien de lecture plus bas fait passer la conversion de la campagne de 2,2 % à 3,1 %.

Une petite boutique constate 400 touchers mensuels sur le mot « Retours » dans le pied de page. Personne ne lit les pieds de page ; ces touchers signifient que les visiteurs cherchent la politique avant d'acheter. Une ligne « retours gratuits sous 30 jours » sous le prix met fin à la recherche et ajoute 0,3 point de conversion.

Erreurs fréquentes

• Lire une carte avec 80 visites. Trois personnes cliquant au même endroit ressemblent à un point rouge. Attendez le millier.
• Mélanger les appareils. La ligne de flottaison est à 900 pixels sur ordinateur et à 650 sur mobile. Une carte mélangée ne décrit personne.
• Prendre la chaleur pour de l'approbation. Une zone chaude signifie de l'attention, pas de la satisfaction. Les clics de rage sont chauds aussi.
• Changer cinq choses à la fois. La carte donne des hypothèses ; testez-les une par une ou vous ne saurez pas laquelle a fonctionné.
• Oublier le consentement et la vie privée. L'enregistrement de session capture le texte saisi s'il n'est pas masqué. Masquez les champs de formulaire, excluez les saisies du checkout et ne chargez le script qu'après consentement là où la loi l'exige.

Bonnes pratiques

• Commencez par les pages qui rapportent. La fiche produit principale, la page bio et le checkout portent l'essentiel du revenu. Cartographiez-les d'abord.
• Placez l'action au-dessus de la ligne des 50 %. Si le bouton d'ajout au panier se trouve là où la moitié des visiteurs n'arrivent jamais, aucune amélioration de texte ne sauvera la page.
• Rendez cliquables les non-liens chauds. Les photos que les gens touchent doivent ouvrir une galerie. Les mots qu'ils touchent, comme « dimensions » ou « livraison », doivent ouvrir la réponse.
• Supprimez ce que personne n'atteint. Une section vue par 8 % des visiteurs est soit inutile, soit mal placée. Remontez-la ou retirez-la.
• Associez cartes et chiffres. Lisez la carte à côté du taux de rebond et du taux de conversion de la page. La carte explique le chiffre ; le chiffre dit si la correction a fonctionné.
• Recartographiez après chaque refonte. Une nouvelle mise en page remet tout à zéro. Prévoyez une revue deux semaines après chaque changement.
• Regardez dix relectures pour chaque carte. Une carte dit où ; une relecture montre l'hésitation, les allers-retours sur le sélecteur de variante, le zoom sur une photo trop petite.

Dans Roctify

Roctify ne dessine pas de cartes de chaleur ; vous ajoutez le script d'un outil de heatmap à votre boutique en ligne, vos fiches produits ou votre page de lien en bio comme n'importe quelle autre balise. Ce que Roctify fournit, ce sont les pages qui méritent une carte et les chiffres à lire à côté. Les statistiques d'audience et les rapports (offre Pro) montrent visiteurs, vues produit et commandes par canal et par produit, pour repérer quelle page mérite une carte et vérifier si un changement a fait bouger le taux de conversion. Comme produits, variantes, prix et stock vivent dans un seul catalogue partagé, réordonner les produits sur la page bio ou modifier une description met la boutique à jour en même temps, et le checkout intégré avec 0 % de frais de transaction est le même sur chaque canal.

FAQ

Combien de visiteurs faut-il avant qu'une carte de chaleur soit utile ?

Environ 1 000 vues par page et par type d'appareil pour une carte de clics, et environ 500 pour une carte de défilement. Une boutique à 6 000 visites mensuelles réparties sur 40 produits n'aura de cartes exploitables que pour ses trois ou quatre premières pages. C'est très bien ; ces pages portent l'essentiel du revenu. Pour une page de lien en bio après une grosse publication, quelques jours suffisent souvent.

Les cartes de chaleur sont-elles conformes au RGPD ?

Les cartes agrègent des coordonnées anonymisées et présentent peu de risque en elles-mêmes. Les enregistrements de session sont plus sensibles, car ils peuvent capturer du texte saisi et des données personnelles. Masquez chaque champ de saisie, excluez les pages de checkout de l'enregistrement ou masquez-les entièrement, ne chargez le script qu'après consentement là où la loi l'exige, et mentionnez l'outil dans votre politique de confidentialité. La plupart des outils intègrent ces réglages.

Que regarder en premier sur la carte d'une fiche produit ?

Trois choses. Où se trouve le bouton d'ajout au panier par rapport à la profondeur où la moitié des visiteurs s'arrêtent. Quels éléments non cliquables reçoivent des clics, car chacun est une question que les visiteurs posent sans obtenir de réponse. Et quelles sections presque personne n'atteint, car elles peuvent être remontées si elles comptent ou retirées sinon. Ces trois vérifications produisent en général les deux ou trois premiers changements à tester.