En bref
Une heatmap, ou carte de chaleur, visualise ce que font vraiment vos visiteurs : où ils cliquent, jusqu'où ils descendent, ce qu'ils ignorent. Là où l'analyse chiffrée dit combien de personnes décrochent, la heatmap dit pourquoi. Bonne nouvelle : le meilleur outil pour démarrer, Microsoft Clarity, est gratuit et sans limite de trafic. Encore faut-il savoir lire les trois grands types de cartes (clics, défilement, mouvements), les compléter par des enregistrements de session, et respecter le consentement. Notre conviction reste la même que sur tout le CRO : la heatmap sert à confirmer une intuition de bon sens, pas à remplacer le regard. Elle révèle presque toujours la même chose, d'ailleurs : on surcharge des zones que personne ne regarde.
Sommaire
On croit toujours savoir comment les gens utilisent son site. Les heatmaps prouvent régulièrement le contraire : un bouton essentiel jamais vu, une section soignée que personne n'atteint, un élément décoratif pris pour un lien. Voici comment observer ce comportement réel, avec le bon outil, et surtout comment en tirer des décisions simples.
Notre conviction, cohérente avec tout notre travail CRO : une heatmap confirme une intuition, elle ne pense pas à votre place. Dans la grande majorité des cas, elle révèle la même chose : on a chargé une page de sections, de bandeaux et de boutons que personne ne regarde, pendant que l'essentiel passe inaperçu. La bonne lecture d'une carte de chaleur mène presque toujours à une décision de bon sens : simplifier, remonter ce qui compte, supprimer ce qui distrait. L'outil éclaire, c'est le bon sens qui tranche.
Quel outil choisir : Clarity, Hotjar, Lucky Orange
Inutile de dépenser pour commencer. Trois outils couvrent l'essentiel des besoins, du gratuit au plus complet.
| Outil | Point fort | Pour qui |
|---|---|---|
| Microsoft Clarity | Gratuit, sans limite de trafic, heatmaps et enregistrements de session inclus | Toutes les boutiques, le point de départ idéal |
| Hotjar | Heatmaps, enregistrements, sondages sur site et entonnoirs réunis | Marques qui veulent croiser observation et retours clients |
| Lucky Orange | Suivi en temps réel, enregistrements et discussion en direct | Boutiques cherchant une vue instantanée du comportement |
Notre recommandation : commencez par Microsoft Clarity. Gratuit et complet, il suffit à la grande majorité des boutiques Shopify pour voir ce qui compte, sans engager de budget avant d'avoir prouvé l'intérêt de la démarche.
Lire les 3 types de heatmaps
Une carte de chaleur se décline en trois lectures complémentaires. Chacune répond à une question précise.
- La carte de clics : où les visiteurs cliquent, et surtout où ils cliquent en vain. Des clics répétés sur un élément non cliquable signalent une attente déçue, souvent un faux bouton à rendre actif ou à retirer.
- La carte de défilement : jusqu'où descend l'internaute. Elle révèle la fameuse ligne de flottaison, et si votre contenu clé se trouve au-dessus ou dans une zone que personne n'atteint.
- La carte des mouvements : où se promène le curseur, un indice de l'attention et des zones d'hésitation. À interpréter avec prudence, le mouvement de souris ne suit pas toujours le regard.
Lues ensemble, ces trois cartes dessinent une histoire : ce que le visiteur cherche, ce qu'il trouve, et ce qu'il rate. C'est le pendant qualitatif de l'analyse du tunnel de conversion : le tunnel dit à quelle étape on perd, la heatmap dit pourquoi.
Un exemple courant : la carte de défilement révèle que la plupart des visiteurs ne descendent jamais jusqu'aux avis clients relégués en bas de la fiche produit. La décision qui s'impose est de bon sens, remonter ces avis près du prix, là où la confiance se joue. Une observation vaut mieux qu'un débat d'opinions en réunion.
Les enregistrements de session, le complément
Là où la heatmap agrège le comportement de milliers de visiteurs, l'enregistrement de session rejoue le parcours d'une personne, image par image. Les deux se complètent : la carte de chaleur montre la tendance, l'enregistrement montre le vécu.
Quelques sessions bien choisies (visiteurs partis au moment du checkout, retours sur une même page, hésitations sur mobile) valent parfois mieux que des heures de tableaux. C'est souvent là qu'on comprend enfin pourquoi un parcours coince, un enseignement à replacer dans le contexte plus large du parcours client. Pour la face chiffrée, combien de visiteurs et d'où ils viennent, ces observations se croisent avec GA4 sur Shopify.
Le plan d'action après analyse
Observer ne sert à rien sans décision. Après une analyse de heatmaps, nous suivons toujours le même enchaînement.
- Repérer les anomalies évidentes : clics dans le vide, contenu clé jamais atteint, distractions qui captent l'attention.
- Formuler une hypothèse simple par anomalie : par exemple, remonter le bouton d'achat au-dessus de la ligne de flottaison.
- Appliquer d'abord les corrections de bon sens, celles qui simplifient sans risque.
- Ne réserver un test A/B qu'aux cas ambigus, et seulement si le trafic le permet, comme nous l'expliquons dans notre guide sur l'A/B testing.
La plupart des enseignements d'une heatmap ne demandent pas de test : ils sautent aux yeux et se corrigent immédiatement. C'est tout l'intérêt de la méthode.
Heatmaps et RGPD
Enregistrer le comportement des visiteurs implique de traiter des données, donc de respecter le RGPD. Trois règles suffisent :
- Recueillir le consentement via un bandeau conforme, et n'activer le suivi qu'après acceptation.
- Masquer les données personnelles saisies dans les formulaires : les bons outils, dont Clarity, anonymisent par défaut les champs sensibles.
- Informer clairement de la présence de cet outil dans votre politique de confidentialité.
Bien configurée, l'analyse comportementale reste parfaitement compatible avec la conformité. Si vous voulez transformer ces observations en gains concrets, sans vous noyer dans les outils, c'est ce que couvre notre accompagnement e-commerce, dans le cadre de notre guide du CRO sur Shopify.