La heatmap — carte de chaleur — est l'outil analytics le plus immédiatement compréhensible : les zones rouges attirent, les zones froides sont ignorées. Cette simplicité est un piège autant qu'une force. Voici comment lire ces cartes correctement, et surtout comment en tirer des décisions.
Quick Answer : à quoi sert une heatmap ?
Une heatmap agrège le comportement de centaines de visiteurs sur une page : où ils cliquent (carte de clics), où passe leur curseur (mouvement) et jusqu'où ils descendent (scroll). Elle sert à trois décisions :
- Remonter les contenus que personne ne voit — la carte de scroll révèle l'exposition réelle de chaque section.
- Corriger les clics morts — ces éléments non cliquables qui concentrent des clics.
- Prioriser les zones à tester en A/B test.
Fiabilité : comptez 200 à 500 vues par type d'appareil, desktop et mobile analysés séparément.
Une heatmap conforme RGPD n'utilise ni cookie ni donnée personnelle — positions et profondeurs agrégées seulement.
Les trois types de heatmaps
Heatmap de clics
Chaque clic (ou tap mobile) est agrégé sur une capture de la page. Elle révèle deux choses précieuses :
- Les clics attendus qui n'arrivent pas : votre CTA principal est tiède alors que la page reçoit du trafic. Problème de visibilité, de formulation ou de confiance.
- Les clics morts : des zones chaudes sur des éléments non cliquables — une image produit, un titre, une icône décorative. Chaque clic mort est une intention déçue, et une opportunité (rendre l'élément cliquable, ou retirer l'ambiguïté visuelle).
Heatmap de mouvement
Le déplacement du curseur, corrélé (imparfaitement) à l'attention visuelle sur desktop. Utile pour repérer les zones lues mais pas cliquées — un argumentaire qui retient l'attention sans déclencher d'action a un problème de CTA, pas de contenu.
Heatmap de scroll
Le pourcentage de visiteurs qui atteint chaque profondeur de page. C'est la plus sous-estimée des trois : elle mesure l'exposition réelle de vos contenus. Votre section « témoignages clients » placée à 80 % de la page ? Si la carte montre que 25 % des visiteurs y parviennent, trois quarts de votre trafic ne l'a jamais vue.
Les cinq erreurs d'interprétation classiques
- Mélanger desktop et mobile. Les résolutions, les gestes et les mises en page diffèrent ; une carte fusionnée est illisible. Analysez toujours par appareil.
- Lire une carte sous-alimentée. Sous quelques centaines de vues, deux ou trois sessions bizarres créent des zones chaudes fantômes. Attendez le volume.
- Confondre chaleur et succès. Une zone très cliquée peut être un signe de confusion (clics répétés de frustration) autant que d'intérêt. Croisez avec la durée et la suite du parcours.
- Ignorer le contexte de trafic. La heatmap d'une page vue majoritairement par du trafic payant froid n'a pas le même sens que celle d'un trafic SEO qualifié. Segmentez par canal d'acquisition quand c'est possible.
- Décider sans valider. La heatmap génère des hypothèses. La validation passe par l'A/B test.
La méthode : de la carte à la décision
Le processus qui fonctionne, page par page :
- Scroll d'abord : quelle part du trafic voit chaque section ? Remontez ce qui compte au-dessus de la ligne de flottaison effective (celle de VOS visiteurs, pas celle de votre écran de designer).
- Clics ensuite : les CTA sont-ils à la hauteur de leur exposition ? Où sont les clics morts ?
- Replay pour comprendre : sur chaque anomalie, regardez 5 à 10 sessions individuelles — la carte dit « où », le replay dit « pourquoi ».
- Test pour trancher : transformez l'hypothèse en variante et mesurez sur vos conversions, pas sur l'intuition.
Quelles pages « heatmapper » en priorité ?
Toutes les pages ne méritent pas l'analyse. Le tri utile, dans l'ordre :
- Les pages d'atterrissage à fort trafic — home, landing de campagne, articles piliers. C'est là que chaque point de friction coûte le plus cher en volume.
- Les étapes d'entonnoir qui fuient — la page produit qui n'envoie pas au panier, le formulaire abandonné. La heatmap y joue le rôle de radiographie avant le replay.
- Les pages longues à enjeu — tarifs, comparatifs, pages de vente. La carte de scroll y répond à la question qui fâche : mes arguments décisifs sont-ils seulement vus ?
À l'inverse, inutile d'analyser les pages à faible trafic (carte non significative) ou purement utilitaires (mentions légales).
Lire une carte de scroll : la ligne des 50 %
Convention de lecture efficace : repérez la profondeur à laquelle la moitié de vos visiteurs a décroché. Tout ce qui est en dessous de cette ligne n'existe que pour une minorité. Trois conséquences pratiques :
- Votre CTA principal doit vivre au-dessus de la ligne des 50 % — sinon vous demandez une décision à des gens qui ne verront jamais la question.
- Les chutes brutales sont des signaux : un décrochage net juste après une section signale un contenu qui « conclut » visuellement (fausse fin de page) ou qui ennuie.
- Comparez la ligne entre appareils : sur mobile, elle remonte souvent de 20 à 30 points. Une page pensée desktop peut cacher l'essentiel de son argumentaire aux deux tiers de son trafic mobile.
Le trio heatmap → replay → test, sur un exemple
Page tarifs d'un SaaS, trafic correct, conversions décevantes :
- Heatmap de scroll : 45 % des visiteurs n'atteignent jamais le tableau des fonctionnalités incluses, placé sous trois blocs marketing.
- Heatmap de clics : la FAQ concentre des clics élevés — les visiteurs cherchent des réponses avant de s'engager.
- Replays ciblés : les sessions qui convertissent lisent la FAQ puis remontent au bouton. Les autres quittent depuis la FAQ, sans bouton visible à cet endroit.
- Test : ajout d'un CTA sous la FAQ + remontée du tableau. Résultat mesuré sur les conversions, pas sur l'esthétique.
Chaque outil a répondu à sa question : la carte a localisé, le replay a expliqué, le test a tranché.
En pratique dans Mirage — Les heatmaps de clics, mouvement et scroll sont incluses sans supplément ni limite artificielle, séparées desktop/mobile, et reliées au reste : depuis une zone anormale, ouvrez les sessions concernées en un clic, puis lancez un A/B test sur la même page. Le tout sans cookie tiers. Essai gratuit 30 jours.
Heatmaps et RGPD : le point rapide
Une heatmap bien conçue agrège des événements anonymes : position d'un clic, profondeur de scroll. Aucune donnée personnelle si l'outil n'y attache pas d'identifiant individuel. Les conditions : pas de cookie de tracking, IP anonymisées, pas de recoupement individuel — le cadre de l'exemption CNIL s'applique naturellement. Attention en revanche aux captures d'écran de pages affichant des données personnalisées (comptes clients) : masquez ces zones à la collecte.
FAQ
Combien de visites faut-il pour qu'une heatmap soit fiable ?
En pratique, comptez au moins 200 à 500 vues de la page par type d'appareil pour des motifs stables. En dessous, quelques sessions atypiques déforment la carte. Séparez toujours desktop et mobile : leurs cartes n'ont rien à voir.
Quelle différence entre heatmap de clics et heatmap de scroll ?
La heatmap de clics montre où les visiteurs cliquent (et où ils cliquent pour rien — les clics morts). La heatmap de scroll montre jusqu'où ils descendent : quel pourcentage voit chaque section. La première révèle les intentions, la seconde l'exposition réelle de vos contenus.
Les heatmaps sont-elles conformes au RGPD ?
Oui si l'outil agrège des données anonymes : positions de clics et profondeur de scroll ne sont pas des données personnelles quand elles ne sont pas rattachées à un individu identifiable. Vérifiez que l'outil n'utilise pas de cookie de tracking et anonymise les IP — c'est le même cadre que la mesure d'audience exemptée.
Une heatmap suffit-elle pour décider d'un changement de page ?
Elle suffit pour formuler une hypothèse solide, pas pour la valider. Le trio gagnant : la heatmap détecte l'anomalie, le session replay l'explique, l'A/B test valide le correctif. Décider sur la seule heatmap expose aux fausses interprétations.