Qu’est-ce qu’une carte thermique d’un site Web ?

Une carte thermique d’un site Web est un outil de visualisation des données qui aide les organisations à comprendre les performances des différentes pages de leur site.

Une carte thermique de site Web est une représentation graphique des données sous la forme d’un diagramme ou d’une carte, avec différentes couleurs signifiant des ensembles de données et des valeurs distinctes.

Les cartes thermiques de sites Web affichent les performances d’une page Web à l’aide d’un schéma de couleurs allant du chaud au froid, la couleur la plus chaude indiquant l’engagement le plus élevé des visiteurs et la plus froide, le plus faible.

Les couleurs sont utilisées pour indiquer le niveau d’interaction des visiteurs sur les différentes parties d’une page.

La carte thermique d’un site Web est la solution idéale si vous voulez savoir quelle région d’une page Web suscite le plus d’intérêt de la part des visiteurs, où ils cliquent le plus, s’ils cliquent sur le CTA, s’ils atteignent le bas du pli, et bien d’autres informations sur le comportement des visiteurs.

Les cartes thermiques de sites Web recueillent toutes les informations sur la façon dont les utilisateurs interagissent avec votre site Web et vous aident à prendre des décisions d’optimisation éclairées.

Elles suppriment l’ambiguïté que les chiffres peuvent causer et fournissent des données dans un format facile à comprendre.

Les cartes thermiques de sites Web se présentent sous différentes formes et tailles.

La carte thermique, la carte de clics, la carte de défilement, la carte thermique de suivi de la souris et la carte thermique de suivi de l’œil sont les cinq types de base de cartes thermiques de sites Web.

Carte thermique / Heatmap

Les cartes thermiques vous aident à recueillir des informations sur le comportement des visiteurs afin que vous puissiez adapter votre site Web aux attentes de vos utilisateurs.

Elles décrivent graphiquement les performances de certaines pages de votre site Web en termes d’expérience utilisateur positive et de réponse aux questions des utilisateurs.

Utilisez l’outil carte thermique alimenté par Smartlook pour voir comment les visiteurs sont susceptibles d’interagir avec les éléments de votre page.

Carte de clics

Les cartes de clics montrent les parties de votre site Web qui reçoivent le plus et le moins de clics.

Les cartes cliquables sont utiles pour identifier les trous de navigation sur votre site Web, en plus d’exprimer visuellement les parties de votre page qui sont les plus populaires.

Vous pouvez utiliser les cartes de clics pour suivre les clics sur :

• Les images :
  Suivez les clics sur les images de votre page Web pour identifier celles qui intéressent le plus les visiteurs, puis ajoutez des liens connexes et placez-les en fonction des attentes de vos visiteurs.
  Imaginez un scénario dans lequel les clients de votre boutique en ligne cliquent progressivement sur des images de produits non hyperliées, s’attendant à être redirigés vers une page contenant des descriptions de produits, mais ne se retrouvant nulle part puisque l’image n’est liée à aucune autre page.
  Cela peut entraîner une confusion et des frictions. Vous pouvez repérer ces tendances et mettre en œuvre des améliorations basées sur des données en utilisant des cartes de clics.
• Liens :
  Utilisez les cartes cliquables pour déterminer où vos visiteurs s’attendent à trouver des liens particuliers, puis placez ces liens en conséquence.
  Imaginons que vous ayez mis en place des cartes heuristiques sur l’une de vos pages, que vous les ayez exécutées pendant un certain temps et que vous ayez découvert que lorsque vos visiteurs souhaitaient revenir à la page d’accueil après avoir parcouru différentes pages, ils cliquaient généralement sur une partie ou un élément qui ne contenait aucun lien vers la page d’accueil.
  Cela montre que la structure de votre page ne répond pas aux attentes de vos visiteurs, et qu’il est temps d’apporter des changements.
• Les CTA :
  Utilisez les clickmaps pour voir si les visiteurs cliquent sur le CTA principal ou si d’autres éléments les distraient. Identifiez les distractions potentielles et placez votre CTA dans la zone la plus visitée de votre site.
• Navigation :
  Les cartes cliquables peuvent être utilisées pour vérifier la navigabilité de votre site Web et améliorer l’expérience utilisateur (UX).
  Par exemple, vos visiteurs peuvent s’attendre à revenir à la page exacte du produit sur laquelle ils étaient avant d’ajouter un produit au panier lorsqu’ils cliquent sur le bouton « Continuer » sur la page du panier.
  Or, le bouton « Continuer » ne conduit pas vos visiteurs à l’étape suivante du processus de paiement, contrairement à leurs attentes. Cela indique que la navigation de votre site Web ne répond pas aux attentes de vos utilisateurs et doit être ajustée en conséquence.

Scrollmap

Une carte de défilement est une représentation visuelle de la façon dont vos visiteurs défilent.

Elle montre jusqu’où les gens descendent dans la page et quelles sont les sections sur lesquelles ils passent le plus de temps.

Elle vous informe, entre autres, sur le nombre de visiteurs qui sont allés jusqu’au bas de la page, sur le nombre de personnes qui ont fait défiler la moitié d’une page mais pas la totalité, ou sur l’endroit où la majorité des visiteurs ont abandonné une page.

Conseil : utilisez le rapport Scrollmap pour déterminer où placer les éléments les plus importants de la page Web.

Les cartes de défilement n’affichent pas seulement des informations de différentes couleurs, mais aussi des pourcentages qui montrent combien de personnes se sont déplacées vers le bas de votre page et combien ne l’ont pas fait.

Elles aident à identifier le contenu essentiel qui est négligé.

Les scrollmaps peuvent être utilisés pour :

• Calculer la longueur optimale d’une page Web au-delà de laquelle les visiteurs ne descendront pas, déterminer si les visiteurs atteindront le matériel situé sous le pli, et identifier le faux plancher et le faux fond.
• Déterminer où les visiteurs passent le plus de temps et où ils se désintéressent.
• Déterminez l'emplacement le plus approprié pour les informations ou les fonctionnalités cruciales, telles que les CTA.

Heatmap du suivi de la souris

Suivi de la souris

Les cartes thermiques (également connues sous le nom de cartes de survol, cartes d’attention et cartes de mouvement) montrent où les visiteurs font le plus de survol avec leur curseur.

Les cartes thermiques de suivi de la souris peuvent être utilisées pour :

• Déterminer les sections de votre site Web dans lesquelles les visiteurs passent le plus de temps, puis ajouter des informations essentielles, des CTA primaires, des publicités nécessaires, etc. dans ces zones.
• Analyser les endroits où la souris d’un visiteur s’arrête et ceux qu’il survole à une vitesse plus élevée afin de mieux comprendre où il regarde lorsqu’il explore votre site Web.

Une vérité intrigante est que les visiteurs survolent fréquemment des régions qui les intéressent et les excitent, ou qu’ils mettent plus de temps à comprendre parce que le contenu n’est pas clair ou est difficile à appréhender.

Par conséquent, les cartes thermiques de suivi de la souris peuvent aider à identifier les endroits où les visiteurs passent le plus et le moins de temps.

Cependant, il est essentiel de garder à l’esprit que ce qui précède n’est pas toujours le cas, notamment en ce qui concerne les sources d’information en ligne.

Cela est dû à un phénomène connu sous le nom de « parkers ». Les « parkers » sont des visiteurs qui gardent leur curseur au même endroit, quel que soit le contenu de leur lecture, la zone dans laquelle ils se trouvent, ou même s’ils lisent tout court.

La probabilité d’une pollution des données augmente lorsque vous ignorez la possibilité que les parquetiers aient un impact sur les données de votre carte thermique de suivi de la souris. La segmentation par le temps passé est une approche qui permet de contourner ce problème.

Disons que l’article le plus populaire de votre site d’actualités a une durée de lecture de 6 minutes.

En donnant aux visiteurs un délai de quatre minutes, vous pouvez segmenter les visiteurs de telle sorte que seuls ceux qui passent moins de dix minutes sur le site soient inclus. Cette méthode vous permet non seulement d’analyser les données des seuls visiteurs et utilisateurs qui ont réellement lu la page, mais elle élimine également le risque de pollution des données par les parqueteurs.

Carte thermique basée sur le suivi des yeux

La carte thermique pour le suivi de la souris est parfois confondue avec la carte thermique pour le suivi des yeux.

Les cartes thermiques basées sur le suivi oculaire reflètent les éléments les plus attrayants d’une page pour les visiteurs sous la forme d’endroits « chauds » et « froids » en suivant le mouvement des globes oculaires d’un visiteur en fonction de la durée de fixation et de la fréquence du nombre de fois qu’un visiteur jette un coup d’œil à une image.

Les êtres humains ont une préférence naturelle pour la vue par rapport à tous les autres sens, et c’est exactement ce dont peuvent bénéficier de nombreuses entreprises.

Une entreprise de commerce électronique, par exemple, a tout à gagner à découvrir ce que ses visiteurs regardent le plus lorsqu’ils visitent son site Web.

Savoir quelles parties d’un site Web attirent le plus l’attention des visiteurs et trouver les éléments qui gagnent à être placés dans les sections où l’interaction visuelle est la plus forte peut aider les entreprises à apporter à leur site Web des améliorations fondées sur des données qui répondent aux attentes des visiteurs.

Les cartes thermiques basées sur le suivi oculaire sont particulièrement efficaces pour déterminer le degré d’engagement de certaines images sur un site Web.

Les cartes thermiques basées sur le suivi du regard peuvent être utilisées pour :

• Déterminer où, sur vos pages, les utilisateurs recherchent le plus d’informations.
• Déterminer si un élément (visuel ou textuel) de la page détourne l’attention des visiteurs.
• Suivre le parcours du regard des visiteurs pour s’assurer que tous les éléments et images essentiels sont placés dans les zones de la page qui attirent le plus l’attention.

Vous pouvez approfondir la définition d’une heatmap dans cet article.