top of page

Heatmap site web gratuit, outils et méthode en 2026

il y a 12 minutes
9 min de lecture

Vous avez un site, un peu de trafic, et pourtant très peu de demandes de devis ou d'appels. Les statistiques classiques vous disent combien de personnes arrivent sur vos pages, jamais ce qu'elles y font réellement. Une carte de chaleur, obtenue via une heatmap site web gratuit ou payante, comble exactement ce trou noir : elle montre où cliquent vos visiteurs, jusqu'où ils descendent et ce qu'ils ignorent totalement.

Bonne nouvelle, il existe aujourd'hui un heatmap site web gratuit sérieux, installable en une quinzaine de minutes, sans compétence technique avancée. Encore faut-il savoir lire les couleurs et en tirer des décisions concrètes. C'est tout l'objet de ce guide.

Heatmap site web gratuit, outils et méthode en 2026

Temps de lecture : ~9 min

Qu'est-ce qu'une heatmap de site web et à quoi ça sert

Définition et utilité d'une heatmap de site web

Une heatmap, ou carte de chaleur, est une représentation visuelle des interactions de vos visiteurs sur une page. L'outil superpose à votre page une couche de couleurs : les zones chaudes en rouge et orange correspondent aux endroits les plus sollicités, les zones froides en bleu et vert aux endroits délaissés. C'est la définition retenue par les principaux éditeurs du marché, Hotjar en tête.

L'intérêt pour un dirigeant de TPE ou un artisan est immédiat. Vous cessez de raisonner à l'intuition ou à l'avis de votre entourage, vous observez un comportement réel, agrégé sur des dizaines ou des centaines de sessions. Une carte thermique de site internet répond à trois questions très concrètes : sur quoi les gens cliquent vraiment, jusqu'où ils lisent votre page, et quels éléments, que vous jugiez essentiels, passent complètement inaperçus.

Dans une logique d'optimisation du taux de conversion, la heatmap n'est pas un gadget, c'est un instrument de diagnostic. Elle ne vous dira pas pourquoi un visiteur abandonne, elle vous dira où il abandonne. À vous, ou à un regard extérieur expert via un audit UX design, de formuler l'hypothèse et de corriger.

Clics, scroll, mouvements, les différents types de cartes de chaleur

Les principaux types de cartes de chaleur

On parle souvent de heatmap au singulier alors qu'il en existe plusieurs familles, complémentaires. La heatmap de clics recense les points de contact sur la page, y compris sur des éléments non cliquables, ce qui est un signal précieux de confusion. Certains outils l'affichent sous forme d'overlay de clics, avec un pourcentage par élément, ou de confetti map, chaque point représentant un clic individuel.

La scroll map, elle, mesure la profondeur de scroll. Elle indique le pourcentage de visiteurs encore présents à chaque hauteur de page. C'est souvent la révélation la plus brutale pour un site vitrine : votre argument le plus fort et votre formulaire de contact se trouvent parfois dans une zone vue par moins d'un quart des visiteurs. La différence entre heatmap de clics et scroll map est donc simple, la première mesure l'action, la seconde mesure l'exposition. Sans exposition, aucune action possible.

Viennent ensuite les heatmaps de mouvement de souris, utiles pour repérer les zones de lecture et d'hésitation, et les analyses de formulaires, qui montrent le champ précis où l'internaute abandonne. Les outils modernes détectent aussi automatiquement deux comportements très parlants : le rage click, ce clic répété et agacé sur un élément qui ne réagit pas, et le dead click, un clic sur un élément qui ne déclenche strictement rien. Ces deux signaux de friction utilisateur valent parfois à eux seuls la mise en place de l'outil.

Types de cartes de chaleur : clics, défilement et mouvements de souris

Bon à savoir

Une heatmap agrège des comportements, un enregistrement de session montre un parcours utilisateur individuel de bout en bout. Les deux se complètent : la carte de chaleur pour repérer l'anomalie, le session replay pour comprendre le scénario.

Le meilleur outil heatmap gratuit en 2026

Panorama des outils de heatmap gratuits

La question du budget se pose rarement longtemps, car l'offre gratuite est aujourd'hui largement suffisante pour un site de TPE, un site vitrine ou une boutique en ligne de taille modeste. Microsoft Clarity est la référence incontestée sur ce terrain : l'outil est entièrement gratuit, sans limitation de trafic ni échantillonnage de données, et il combine cartes de chaleur, enregistrements de session et détection automatique des rage clicks et dead clicks. Pour la majorité des entreprises que nous accompagnons dans l'Oise, en Val-d'Oise et en Île-de-France, c'est le point de départ logique.

Hotjar reste une excellente porte d'entrée, avec une interface très pédagogique. Son plan gratuit permanent est en revanche encadré : il autorise trois heatmaps par domaine, avec un plafond de 2 000 pages vues par jour prises en compte, et environ 300 enregistrements de sessions selon les analyses spécialisées du marché. C'est assez pour auditer une page d'accueil et deux landing pages, pas pour surveiller un site entier en continu.

D'autres solutions méritent d'être connues. UserHeat propose des analyses de heatmap gratuites jusqu'à un million de pages vues par mois selon son éditeur. Clickheat est un logiciel heatmap gratuit open source, à héberger sur votre propre serveur, donc réservé aux profils techniques mais imbattable sur la maîtrise des données. Matomo, plateforme analytique open source, intègre des modules de carte de chaleur et d'enregistrement de session et peut être installé gratuitement sur votre hébergement. Enfin Contentsquare, éditeur français, est régulièrement cité pour la générosité de son plan d'entrée, un argument intéressant si l'hébergement européen des données est un critère fort pour vous.

Outil

Volume gratuit

Types de heatmaps

Session replay

Installation

Microsoft Clarity

Illimité, sans échantillonnage

Clics, scroll, zones d'engagement

Oui, illimité

Script ou Google Tag Manager

Hotjar

3 heatmaps par domaine, 2 000 pages vues par jour

Clics, scroll, mouvements

Environ 300 enregistrements

Script, plugin, Tag Manager

UserHeat

Jusqu'à 1 000 000 de pages vues par mois

Clics, scroll, mouvements

Non

Script à insérer

Clickheat

Illimité, open source

Clics

Non

Auto hébergement, profil technique

Matomo

Gratuit en auto hébergement

Clics, scroll

Oui, selon configuration

Serveur ou plugin CMS

Comment créer une heatmap gratuitement sur votre site

Installer une heatmap gratuite étape par étape

La mise en place est nettement plus simple que ce que la plupart des dirigeants imaginent. Le principe est toujours le même : vous créez un compte, vous déclarez votre nom de domaine, l'outil vous fournit un script de tracking, vous le collez dans votre site, les données commencent à remonter.

Voici le déroulé type d'une installation, valable aussi bien pour Clarity que pour Hotjar, y compris pour une heatmap WordPress gratuite.

Installation d'une heatmap gratuite sur un site web, étape par étape

  1. Créez votre compte et ajoutez votre site en renseignant l'URL exacte du domaine à suivre.

  2. Récupérez le code de suivi fourni, puis insérez-le dans la balise head de votre site, via un plugin dédié sur WordPress, via l'espace prévu sur Wix ou Jimdo, ou via un conteneur Google Tag Manager si vous en utilisez déjà un.

  3. Vérifiez que le script est bien actif, la plupart des outils affichent un statut de connexion en temps réel.

  4. Sélectionnez les pages à analyser en priorité : page d'accueil, page de services, landing page de campagne, page de contact.

  5. Laissez tourner, puis revenez consulter vos cartes de chaleur une fois le volume de données suffisant.

Techniquement, une heatmap peut s'afficher très vite, Hotjar évoque un délai inférieur à quatre-vingt-dix secondes après configuration. Mais l'affichage rapide ne signifie pas résultat exploitable, c'est une nuance que beaucoup d'articles oublient de préciser. À noter qu'il n'existe pas réellement de heatmap gratuite sans inscription sérieuse et durable, les quelques services qui le promettent se limitent à des simulations basées sur des modèles prédictifs, utiles en dépannage, jamais équivalentes à de la donnée comportementale réelle.

Combien de visites faut-il pour qu'une heatmap soit fiable

C'est la question qui sépare l'analyse d'une simple impression. Aucun éditeur ne fixe de seuil universel, mais la pratique du métier est claire : en dessous de quelques centaines de sessions sur une même page, et sur un même format d'écran, vous observez du bruit, pas une tendance. Un à deux mois de collecte sur un site de TPE représentent souvent le bon rythme.

Deux précautions s'imposent :

  • Analysez toujours séparément le mobile et l'ordinateur, les parcours n'ont rien à voir et mélanger les deux produit des conclusions fausses.

  • Évitez de tirer des conclusions d'une page qui a reçu une campagne publicitaire ponctuelle, le profil de trafic n'est pas représentatif de votre audience habituelle.

Interpréter une carte de chaleur pour améliorer vos conversions

Une heatmap ne vaut que par la décision qu'elle déclenche. Nous constatons régulièrement les mêmes schémas lors de nos audits, et ils se corrigent vite. Une scroll map qui s'effondre avant le premier tiers de la page signifie que votre accroche ne tient pas sa promesse, le remède est éditorial avant d'être graphique. Un call-to-action situé dans une zone froide doit être remonté, dupliqué plus haut, ou reformulé avec un bénéfice clair plutôt qu'un mot vague comme envoyer.

Des clics massifs sur un élément non cliquable, une icône, une image de réalisation ou un mot en gras, révèlent une attente non satisfaite, il suffit souvent de rendre l'élément cliquable pour récupérer du trafic interne. Des rage clicks concentrés sur un bouton signalent un problème technique ou un temps de réponse trop long. Enfin une page où l'attention se disperse partout sans zone chaude dominante souffre presque toujours d'une charge cognitive trop élevée, trop de messages concurrents, aucune hiérarchie visuelle. C'est exactement le type de blocage que nous décortiquons dans notre analyse des sites qui ne convertissent pas.

À retenir

La heatmap dit où ça coince, pas pourquoi. Croisez toujours la carte de chaleur avec trois ou quatre enregistrements de session et, si possible, une question posée à un vrai client.

Heatmaps et RGPD, ce que vous devez vérifier

Un outil d'analyse comportementale collecte des données de navigation, il entre donc dans le champ du Règlement Général sur la Protection des Données. Les solutions majeures proposent des mécanismes d'anonymisation, de masquage automatique des champs sensibles des formulaires et d'exclusion des adresses IP, mais la responsabilité du traitement reste la vôtre.

Conformité RGPD d'une heatmap de site web et collecte des données visiteurs

Trois points de contrôle suffisent dans la plupart des cas. Le script ne doit se déclencher qu'après le consentement de l'internaute via votre bandeau cookies. Votre politique de confidentialité doit mentionner l'outil utilisé et la finalité de la collecte. Enfin le masquage des données saisies dans les formulaires doit être activé, c'est le réglage le plus souvent oublié et le plus risqué. Si la localisation des données en Europe est un critère fort pour votre secteur, orientez-vous vers une solution européenne ou auto-hébergée comme Matomo.

Aller plus loin avec le Révélateur Digital

Installer un outil heatmap gratuit prend un quart d'heure. Transformer les couleurs en chiffre d'affaires demande une lecture stratégique, une hiérarchisation des correctifs et une bonne dose de recul sur votre propre site, ce qui est précisément le plus difficile quand on l'a construit soi-même.

C'est le rôle du Révélateur Digital™, notre audit stratégique à 1 500 € HT, qui croise analyse comportementale, neuromarketing et parcours client, et référencement pour identifier ce qui bloque réellement vos prospects et dans quel ordre le corriger. Vous pouvez nous exposer votre situation via notre page de contact agence web et SEO.

En résumé : tirer parti d'une heatmap site web gratuite

Une heatmap site web gratuite vous permet de passer d'un pilotage au feeling à des décisions fondées sur l'observation réelle des comportements de vos visiteurs. En identifiant précisément où l'attention se concentre, où elle décroche et quels éléments restent invisibles, vous disposez d'une base solide pour améliorer vos pages clés.

Choisissez un outil adapté à la taille de votre site, installez-le sur vos pages stratégiques, laissez-le collecter suffisamment de données, puis interprétez vos cartes de chaleur en lien avec vos objectifs commerciaux. Si vous manquez de recul ou de temps, faites-vous accompagner ponctuellement pour transformer ces informations en actions concrètes et en demandes de devis supplémentaires.

FAQ

Une heatmap fonctionne-t-elle sur un site Wix ou Jimdo créé en autonomie ?

Oui. Ces plateformes permettent d'insérer un code personnalisé dans l'en-tête du site, ce qui suffit pour Microsoft Clarity comme pour Hotjar. La seule limite concerne certaines pages générées dynamiquement, qu'il faut parfois déclarer manuellement dans l'outil.

Les scripts de heatmap ralentissent-ils le site ?

L'impact existe mais reste faible, les éditeurs chargent leur script de façon asynchrone pour ne pas bloquer l'affichage. Mesurez tout de même vos performances avant et après installation, surtout si vous cumulez déjà plusieurs tags publicitaires et analytiques.

Peut-on faire une heatmap sur une page protégée par mot de passe ?

Oui, à condition que le script soit présent sur la page concernée et que l'outil autorise le suivi derrière une authentification. C'est utile pour analyser un espace client ou un tunnel de commande étape par étape.

Faut-il garder l'outil actif toute l'année ?

Pas nécessairement. Beaucoup d'entreprises l'activent par cycles : un mois d'observation, des correctifs, puis un nouveau mois de mesure pour valider l'effet. Cette approche évite d'accumuler des données que personne n'exploite.

Quelle différence avec un test A/B ?

La heatmap observe un comportement existant et fait émerger des hypothèses. Le test A/B les valide en comparant deux versions d'une même page. L'un précède logiquement l'autre : tester sans avoir observé revient à changer des éléments au hasard.

 
 
bottom of page