Heatmap : définition et utilité en analyse web

Une couleur à la place d'un chiffre

Le principe tient en une phrase : chaque zone d'une page, chaque cellule d'un tableau reçoit une valeur, et cette valeur devient une couleur sur un dégradé. Le rouge signale les volumes élevés, le bleu les plus faibles. L'intérêt est de rendre lisible d'un regard un indicateur de performance qu'une colonne de chiffres oblige à décortiquer.

À quoi sert une carte de chaleur sur un site

La heatmap répond à la question que les statistiques laissent ouverte : pourquoi les visiteurs ne font-ils pas ce qu'on attend d'eux. Un taux de clic faible dit qu'un bouton ne marche pas ; la carte montre que personne ne descend jusqu'à lui. C'est un outil d'arbitrage avant d'engager une refonte de site internet.

• Vérifier si le contenu décisif est vu, ou placé trop bas dans la page.
• Repérer les éléments cliqués qui ne sont pas cliquables.
• Comparer le comportement mobile et ordinateur sur une même adresse.

Comment une heatmap est construite

Un script posé sur le site, souvent via Google Tag Manager, enregistre les clics, les déplacements du curseur et la hauteur atteinte par session. L'outil agrège ces milliers de points, puis applique un flou de densité qui produit des taches continues. La couleur n'est donc pas une mesure exacte, mais une densité relative.

Les trois cartes les plus lues

• La carte de clics, qui localise les interactions réelles.
• La carte de défilement, qui montre où l'audience abandonne.
• La carte de mouvement, qui suit le curseur.

Le vocabulaire anglais des outils

Presque toutes les solutions sont anglophones, d'où des libellés qui reviennent. Un rapport annonce que « the heatmap shows the share of the visitors that scroll to the bottom of the page », propose un filtre « for mobile and desktop, with the same URL », puis affiche « segments used in the main view ».

Heatmap, carte choroplèthe et matrice de corrélation

Les trois objets partagent une échelle de couleurs, d'où la confusion. Une carte choroplèthe colore des territoires : communes, départements, pays. Une heatmap colore une grille ou une surface continue. La matrice de corrélation porte les mêmes variables en lignes et en colonnes, pour voir lesquelles évoluent ensemble.

Créer une heatmap dans Excel, Power BI ou R

Dans Excel, la mise en forme conditionnelle par nuances de couleurs suffit sur un tableau. Power BI applique la même logique à une matrice. En R, la fonction heatmap et geom_tile de ggplot2 couvrent les analyses poussées, comme seaborn en Python. Ces graphiques décrivent des données métier, quand une carte web se croise avec les paramètres UTM de vos campagnes.

Les erreurs qui faussent la lecture

La première consiste à conclure sur trop peu de sessions : une tache rouge issue de quarante visites ne prouve rien. La seconde est de lire la carte d'un accueil comme celle d'une page d'atterrissage, alors que les attentes diffèrent. Après une refonte de maquette, les anciennes cartes ne valent plus.

• Mélanger mobile et ordinateur dans une seule carte.
• Oublier les pages dynamiques, où la position des éléments varie.
• Prendre la couleur pour une preuve au lieu d'une piste à tester.

Questions fréquentes