Clics & éléments interactifs
Où les visiteurs tentent-ils d'agir ?
Une carte des clics met en évidence les boutons, liens, visuels et zones vides que les visiteurs essayent d'activer — y compris ceux qui ne sont pas cliquables.
142
clics · zone CTA
Guide pratique
À quoi sert une heatmap sur un site web ?
Une heatmap — ou carte de chaleur — montre où les visiteurs cliquent, parcourent, s’arrêtent et, dans une certaine mesure, ce qu’ils ignorent sur une page.
Utilisée correctement, elle indique où commencer une optimisation sans prétendre expliquer pourquoi un comportement existe.
Illustration · Exemple
/votre-offre/
Page à enjeu de conversion
CTA
Argumentaire
CTA
Clients
CTA
CTA
Lecture d'une heatmap
Zones fortement cliquées
Profondeur de scroll
Faux clic · zone suspecte
Zone peu lue · froide
Faux clic · 47 essais dans un vide
Scroll depth · 62 % atteignent la section 2
CTA · Zone la plus chaude
Même page visualisée en carte de chaleur — zones de clic, profondeur de scroll et une zone de clics répétés suspecte.
Ce qu'elle montre
Ce qu'une heatmap permet réellement d'observer
Elle ne donne pas « la vérité » sur une page. Elle donne une lecture probabiliste de trois comportements distincts, chacun répondant à une question différente.
Défilement & lecture
Jusqu'où la page est-elle réellement parcourue ?
La scroll map montre la part des visiteurs qui descendent jusqu'à chaque section. Si la chute a lieu juste après le hero, c'est souvent que la promesse de départ n'est pas tenue.
100 % · hero lu
62 % · fin section 1
7 % · formulaire
Patrons anormaux
Quand un comportement n'est pas normal
Beaucoup de clics dans un vide, une zone dense de clics répétés sur un même élément, des retours arrière fréquents : ces signes indiquent presque toujours une zone à interroger.
Illustration · Exemple
Zone de clics répétés suspecte
Exemple · scroll depth
Une page qui « fonctionne » peut très bien perdre la moitié de ses visiteurs avant les preuves
Voici un patron fréquent observé sur des pages longues. Ces chiffres ne sont pas mesurés : ils servent simplement à lire ce qu'une carte de défilement peut révéler en deux secondes.
- 1Section principale40 %Plus forte densité de lecture après le hero
- 2Preuves (références, clients)18 %Chute fréquente si les preuves arrivent trop tard
- 3Formulaire / CTA final7 %Visible par une portion minorée de visiteurs
Environ 40 % des visiteurs arrivent jusqu'à la section principale. Une forte part est perdue immédiatement après le hero.
Environ 18 % parviennent jusqu'aux preuves. Si les preuves sont nécessaires pour convaincre, elles doivent arriver suffisamment tôt.
Environ 7 % atteignent le bas de page où se trouve généralement le CTA ou formulaire final.
Ce qu'elle ne dit pas
Ce qu'une heatmap ne vous dit pas
- Localisation ≠ cause
Elle ne dit pas pourquoi les visiteurs cliquent ou ne cliquent pas.
Un CTA froid peut être un problème de libellé, de position, de promesse ou de contexte — la heatmap montre la zone, pas la cause.
- Agrégé ≠ individuel
Elle ne vous dit pas non plus qui clique.
Un signal fort sur un bouton peut venir de 3 % de visiteurs qualifiés, ou d'un pic de trafic non qualifié — deux situations très différentes.
- Heatmap ≠ décision
Elle n'est pas un outil de décision automatique.
Remplacer un CTA parce que sa zone est « plus chaude » est souvent une erreur si le vrai problème est dans l'offre ou la promesse de la page.
Trois rôles, pas un classement
Analytics, heatmap et session replay ont chacun un rôle distinct
Ils ne se concurrencent pas. Ils répondent à trois moments différents d'une même question.
Que s'est-il passé ?
Analytics
Agrégé · Niveau macro
- Visiteurs, pages parcourues, rebond, sorties, conversions.
- Utile pour savoir s'il y a un problème et dans quelle ampleur.
- Ne dit pas où exactement, ni dans quel ordre.
Où cela s'est-il passé ?
Heatmap
Localisation · Niveau méso
- Zones de clic, profondeur de scroll, mouvement du curseur.
- Utile pour situer précisément où une page perd ou retient.
- Ne dit pas pourquoi ni dans quel ordre précis un utilisateur est passé.
Comment cela s'est-il passé ?
Session replay
Séquence · Niveau micro
- Enregistrement anonymisé de quelques parcours individuels.
- Utile pour comprendre hésitation, retour arrière, blocage sur un champ.
- Doit rester une lecture qualitative, pas une statistique générale.
On commence souvent par Analytics pour détecter un problème, on passe par la heatmap pour le localiser, puis on utilise le replay — ou une autre lecture qualitative — pour comprendre le comment.
De la mesure à la décision
Une heatmap n'a de valeur qu'enchaînée à une hypothèse testable
Une lecture intéressante sans action est rarement utile. Une heatmap gagne toute sa valeur comme point de départ d'une séquence structurée.
- Étape 1
Observer
Une heatmap montre, par exemple, que la moitié des visiteurs ne descend pas au-delà d'une section précise.
- Étape 2
Poser une question
Est-ce le titre qui annonce mal la suite, les preuves qui arrivent trop tard, ou le hero qui termine sur une mauvaise promesse ?
- Étape 3
Formuler une hypothèse
« Si on annonce plus clairement les preuves dans le hero, la profondeur de scroll de cette section augmente. »
- Étape 4
Modifier avec intention
On change une seule chose à la fois, ou un seul ensemble cohérent, pour que la lecture de l'impact reste honnête.
- Étape 5
Mesurer l'impact
On regarde la métrique qui a motivé le changement : profondeur de scroll, taux de clic sur le CTA, taux de contact final.
- Étape 6
Tester A/B si utile
Si le volume le permet et que l'enjeu le justifie, un test A/B compare deux versions plus robustement qu'une simple comparaison avant / après.
Heatmap · A/B testing
Une heatmap n'est pas un test A/B, et réciproquement
Générer une hypothèse
La heatmap
Elle montre une zone étrange, une chute de défilement, une impression de blocage. De là on décide quoi tester et pourquoi on pense qu'une modification portera ses fruits.
Valider une hypothèse
Le test A/B
Il compare deux versions dans des conditions aussi comparables que possible. Il ne sert à rien si l'on ne sait pas d'abord quoi comparer — et c'est là que la heatmap intervient en amont.
Sur quelles pages utiliser une heatmap ?
- Pages à fort enjeu de conversion : page d'offre, page de service, landing page d'une campagne.
- Pages qui centralisent la prise de contact : formulaire long, page contact, tunnel de devis.
- Pages références importantes : cas client, tarifs, méthodologie, pages de confiance.
- Toute page ayant un volume de trafic suffisant pour qu'une lecture moyenne ait du sens.
- Pages dont on soupçonne déjà un problème fort sans pouvoir le situer avec précision.
- À l'inverse : pages peu visitées, pages légales ou purement administratives ne justifient généralement pas ce coût d'analyse.
Faut-il beaucoup de trafic pour qu'une heatmap soit utile ?
Un volume faible ne rend pas une heatmap inutile — il change simplement ce qu'on est en droit d'en déduire.
Quelques dizaines de visiteurs peuvent déjà révéler un comportement extrêmement répété : même CTA systématiquement raté, même section ignorée, même bloc pris pour un bouton.
En revanche, sur des différences subtiles — un gain de quelques points sur un CTA — un faible trafic interdit toute conclusion fiable. On l'utilise alors davantage comme outil d'observation que comme mesure.
Quelques outils courants
- Hotjar, outil répandu pour une première mise en place légère.
- Microsoft Clarity, souvent choisi pour son intégration accessible et son coût réduit.
- Plerdy, Smartlook, PostHog et d’autres outils généralistes proposent également des fonctionnalités heatmap.
- Des solutions plus avancées existent pour des équipes avec des enjeux de mesure structurés.
L'outil compte moins que la méthode avec laquelle on le lit. Deux équipes peuvent observer exactement la même heatmap et en tirer des conclusions opposées selon qu'elle est utilisée pour confirmer un a priori ou pour mettre à jour une hypothèse.
Intervention pratique
Vous avez déjà les données, mais pas l'implémentation ?
Beaucoup d'équipes disposent déjà d'un outil d'analytics — et parfois d'un outil de heatmap installé depuis plusieurs mois — mais n'en font rien par manque de temps, de méthode, ou d'implémentation technique.
Nous intervenons à deux niveaux concrets : une installation correcte (événements, pages ciblées, seuils de déclenchement) puis une lecture structurée qui aide à décider quoi modifier plutôt que de réécrire au hasard.
Pages liées
Pages liées
Quelques lectures complémentaires pour prolonger la réflexion sans remplacer un échange sur votre situation.
Session replay : à quoi ça sert sur un site web ?
Comprendre comment les visiteurs parcourent réellement les pages.
Ouvrir la page →A/B testing site web : quand et comment l’utiliser ?
Vérifier si une modification améliore réellement le résultat mesuré.
Ouvrir la page →Suivi des conversions GA4 / GTM : quoi mesurer ?
Brancher une mesure fiable pour que les observations de heatmap correspondent à des événements exploitables.
Ouvrir la page →Intervention pratique
Vous ne savez pas où votre page perd ses visiteurs ?
Avant de déplacer des blocs ou de réécrire une page entière, il vaut souvent mieux observer concrètement ce qui est lu, ignoré ou cliqué par erreur.