Heatmap gratuit : comprendre ce que font vos visiteurs

Qu'est-ce qu'une carte de chaleur ?

Une carte de chaleur, ou heatmap, superpose des couleurs à une page de votre site. Les zones rouges sont celles où les visiteurs agissent le plus, les zones bleues ou vides celles qu'ils délaissent. L'outil empile toutes les visites en une seule image : au lieu de lire un tableau de chiffres, vous regardez votre page telle que vos clients l'ont utilisée.

Google Analytics vous dit qu'une page transforme mal ses visites en demandes. La heatmap vous montre pourquoi : le bouton de devis se trouve sous la ligne que la plupart des visiteurs n'atteignent jamais, ou bien tout le monde clique sur une photo qui n'est pas un lien. Des défauts invisibles tant qu'on regarde sa page avec ses propres habitudes.

• Carte de clics : où les gens cliquent ou appuient
• Carte de défilement : jusqu'où ils descendent dans la page
• Carte de mouvements : où la souris s'attarde, sur ordinateur

Quel outil de heatmap gratuit installer, et avec quelles précautions ?

Le plus connu des outils gratuits est Microsoft Clarity. Il fournit des cartes de clics et de défilement ainsi que des enregistrements de sessions, c'est-à-dire la relecture du parcours d'un visiteur. L'installation se résume à un bout de code à coller dans le site, ou à une balise dans Google Tag Manager. D'autres outils ont une formule gratuite limitée en nombre de visites.

Ces outils déposent des traceurs et enregistrent le comportement de personnes réelles. En France, cela passe dans la plupart des cas par le consentement du visiteur : le script ne doit se déclencher qu'après acceptation dans votre bandeau cookies, et il doit figurer dans votre politique de confidentialité. Un outil qui tourne dès l'arrivée sur la page, avant tout choix, vous met en faute.

Vérifiez aussi que les champs de formulaire sont masqués dans les enregistrements : nom, e-mail, téléphone ne doivent jamais apparaître. Clarity masque les contenus sensibles par défaut, mais contrôlez-le sur vos propres pages. Et chargez le script en différé pour ne pas ralentir l'affichage : la vitesse compte pour vos visiteurs comme pour Google.

Comment lire une heatmap sans se tromper ?

Commencez par la carte de défilement de vos pages les plus visitées. Repérez l'endroit où la couleur change brutalement : c'est là que les gens décrochent. Si votre formulaire, vos tarifs ou votre bouton d'appel se trouvent en dessous, une bonne partie de vos visiteurs ne les a jamais vus. Les remonter est souvent la correction la plus simple.

Passez ensuite à la carte de clics. Les clics sur des éléments non cliquables, un titre, une image, un prix, signalent une attente que la page ne satisfait pas. Séparez toujours mobile et ordinateur : sur téléphone la page est plus longue et le pouce ne va pas partout. Puis changez une seule chose à la fois et comparez les demandes reçues sur une durée équivalente.

De la heatmap à la page qui convertit

Une heatmap pose un diagnostic, elle ne corrige rien. Quand elle montre que personne n'atteint le formulaire, il faut reprendre l'ordre des blocs, raccourcir, réécrire le premier écran. C'est un travail de conception, que je traite dans mon offre de création de site web : je code moi-même chaque page, donc déplacer un bloc ne passe par aucun tiers.

La conversion concerne aussi vos campagnes. Si vous payez des clics avec Google Ads, chaque visiteur qui repart sans avoir vu votre bouton est de l'argent perdu. Même logique pour les visites issues du référencement naturel. Et si vous avez une carte sous les yeux sans savoir quoi en tirer, une consultation ponctuelle suffit pour décider quoi changer en premier.