Heatmap : définition, types et utilisation

Mis à jour le 22 février 2026
Définition rapide
La heatmap (ou carte de chaleur) est une représentation visuelle qui superpose à une capture d'écran de votre page web un dégradé de couleurs indiquant l'intensité des interactions des utilisateurs : rouge pour les zones les plus chaudes (les plus cliquées ou survolées), bleu pour les zones froides. La heatmap est un outil d'analyse comportementale qui permet de comprendre d'un coup d'œil comment les visiteurs interagissent avec une page.
Comment ça fonctionne
Il existe plusieurs types de heatmaps, chacun mesurant un comportement différent.
- Heatmap de clic : enregistre tous les endroits où les utilisateurs cliquent, révélant les éléments qui attirent l'attention et ceux ignorés
- Heatmap de mouvement (hover map) : trace les mouvements de la souris, souvent corrélés aux zones lues
- Heatmap de scroll (scroll map) : montre jusqu'où les utilisateurs font défiler la page
- Heatmap d'attention : combine scroll et temps de regard estimé pour représenter les zones effectivement lues
Ces outils sont collectés via des scripts JavaScript qui enregistrent les coordonnées des interactions et les agrègent sur des milliers de sessions pour produire une image représentative.
L'analyse des heatmaps est indispensable pour le CRO (Conversion Rate Optimization) car elle révèle des comportements inattendus :
- Des utilisateurs qui cliquent sur des éléments non cliquables
- Des zones stratégiques systématiquement ignorées
- Des CTA placés sous le pli de défilement (below the fold)
Pourquoi c'est important
Les heatmaps comblent un angle mort fondamental de l'analytics quantitatif : elles montrent non seulement CE QUE font les utilisateurs, mais COMMENT ils le font et OÙ exactement.
Pour une équipe produit ou UX, c'est la différence entre : - Savoir que le taux de clic sur un bouton est de 2 % - Comprendre visuellement pourquoi les 98 % restants ne cliquent pas
Pour les équipes marketing et CRO, les heatmaps permettent de valider des hypothèses d'optimisation avant de lancer des tests A/B coûteux, en priorisant les changements les plus susceptibles d'avoir un impact.
Comment l'améliorer ou l'utiliser
- 1Collectez des données sur au moins 1 000-2 000 sessions par page pour des résultats statistiquement significatifs.
- 2Analysez les heatmaps séparément par device (desktop vs mobile) car les comportements diffèrent radicalement.
- 3Croisez les heatmaps de clic avec les données de conversion : y a-t-il des clics importants sur des éléments qui ne mènent nulle part ?
- 4Identifiez les éléments non cliquables qui reçoivent beaucoup de clics — signe que les utilisateurs les perçoivent comme des liens.
- 5Placez vos CTA et offres dans les zones à haute intensité révélées par la heatmap d'attention.
Avec Sublim
Sublim intègre des données comportementales de profondeur de scroll et d'engagement directement dans son dashboard analytics. Bien que Sublim ne génère pas de heatmaps visuelles, il fournit des métriques agrégées d'engagement par page qui permettent d'identifier rapidement les pages à fort ou faible engagement, sans nécessiter de script de tracking invasif.
Questions fréquentes
Quels outils permettent de créer des heatmaps ?
Les outils les plus populaires sont Hotjar, Microsoft Clarity (gratuit), Lucky Orange, Crazy Egg et FullStory. Ces outils proposent en général des heatmaps de clic, de scroll et de mouvement de souris, ainsi que des enregistrements de sessions. Microsoft Clarity est particulièrement intéressant car il est gratuit et sans limite de sessions.
Les heatmaps respectent-elles le RGPD ?
Cela dépend de l'outil et de la configuration. Les heatmaps qui enregistrent les mouvements de souris et les clics collectent des données comportementales qui peuvent être considérées comme des données personnelles si elles sont associées à un identifiant utilisateur. Il est nécessaire d'obtenir le consentement de l'utilisateur avant d'activer ces scripts dans l'Union Européenne.
Combien de sessions faut-il pour qu'une heatmap soit fiable ?
En général, une heatmap devient représentative à partir de 1 000 à 2 000 sessions. En dessous, les patterns peuvent être biaisés par quelques comportements atypiques. Pour des pages à faible trafic, il peut être nécessaire de collecter des données sur plusieurs semaines pour atteindre un volume suffisant.
Termes associés
La profondeur de scroll est le pourcentage d'une page web que les util…
Le taux de rebond est le pourcentage de [sessions](session) au cours d…
Le funnel de conversion (ou entonnoir de conversion) est la représenta…
L'A/B testing est une méthode d'expérimentation contrôlée qui consiste…