UX : Comment utiliser les cartes thermiques pour améliorer la qualité globale de votre site Web

Heatmap CRO

Les heatmaps (cartes thermiques) sont des outils extrêmement utiles car ils vous permettent d’analyser le comportement des utilisateurs  sur votre site d’une manière que les chiffres ne peuvent pas. 

Avec une carte thermique, vous pouvez visualiser le chemin parcouru par les visiteurs à travers votre contenu afin d’identifier rapidement leurs points faibles et d’améliorer leur expérience.

Bien que WordPress n’offre pas de fonctionnalité Heatmap intégrée, vous pouvez facilement l’ajouter à votre site à l’aide d’un plugin. Dans cet article, nous verrons comment fonctionnent les cartes thermiques, pourquoi vous devriez en utiliser une et quelles sont les différentes options disponibles pour WordPress.

Introduction aux cartes de chaleur

De nos jours, vous pouvez garder une trace de toutes les données de comportement des visiteurs sur votre site Web. Vous pouvez voir sur quelles pages ils passent le plus de temps, avec quels liens ils interagissent, dans quelle mesure chaque page défile, etc.

La plupart de ces données sont fournies sous forme de chiffres et, dans certains cas, il peut être difficile de visualiser ce qu’elles signifient. Par exemple, vous savez peut-être lesquelles de vos pages sont les plus populaires, mais cela ne dit rien sur la raison pour laquelle ce contenu particulier résonne auprès des visiteurs.

Les cartes thermiques vous permettent d’adopter une approche différente, en créant une représentation visuelle de certaines analyses sur votre site. Le plus souvent, cette représentation se présente sous la forme d’une superposition au-dessus de vos pages:

Dans la capture d’écran, vous pouvez voir quelles zones spécifiques de la page sont mises en évidence dans des couleurs plus chaudes. Les cartes de chaleur utilisent un dégradé de couleurs simple qui passe des couleurs plus froides aux couleurs plus chaudes. Plus la couleur est «chaude», plus l’attention et les interactions que cette partie spécifique de la page reçoit sont grandes.

L’exemple ci-dessus montre ce que l’on appelle une carte thermique de “clic”. Il existe plusieurs types de cartes thermiques que vous pouvez utiliser et nous approfondirons les autres plus tard. Avec un heatmap de clic, vous obtenez une représentation visuelle des éléments de votre page qui intéressent le plus les visiteurs

Les outils d’analyse actuels fournissent d’énormes quantités d’informations. Cependant, les cartes thermiques vous permettent d’acquérir une compréhension beaucoup plus intuitive du comportement des utilisateurs. Si vous pouvez déterminer en un coup d’œil quels éléments de vos pages attirent le plus l’attention, il y a beaucoup d’informations que vous pouvez collecter à partir de ces données.

Avant d’aller plus loin, il est important de mentionner que les cartes thermiques ne sont pas seulement d’excellents outils pour l’analyse de sites Web. Les cartes de chaleur sont  partout,  des rapports météorologiques  à l’analyse statistique, à la  visualisation des marchés financiers  et plus encore. Ces applications rendent la lecture plus stimulante. Mais nous sommes ici pour parler de sites, voyons donc les avantages de ce cas d’utilisation.

Une carte thermique peut vous aider à améliorer la qualité de votre site

Comme mentionné précédemment, les cartes de chaleur sont incroyables si vous souhaitez aborder l’analyse sous un angle différent. Selon les informations que vous souhaitez hiérarchiser, il existe différents types de cartes thermiques que vous pouvez utiliser.

Nous avons déjà parlé des cartes thermiques de clic. Avec suffisamment de données, les cartes thermiques de clic peuvent vous dire quelles zones de vos pages sont des “points chauds”. 

De préférence, vous souhaitez que ces points chauds soient alignés avec des éléments critiques, tels que les CTA, les produits, les liens, etc.:

Si vous ne voyez pas suffisamment d’activité autour des éléments clés sur vos pages, cela peut indiquer des problèmes d’expérience utilisateur (UX), des problèmes d’optimisation, une mauvaise copie et diverses autres causes. Cela nous amène à un point clé: les cartes de chaleur ne vous disent pas exactement ce que vous devez corriger, mais elles font un excellent travail pour vous orienter dans la bonne direction

Par exemple, si votre bouton d’abonnement à la newsletter ne reçoit pas beaucoup d’activité, vous savez que c’est un élément qui doit être testé et examiné.

En continuant, vous pouvez également profiter de l’utilisation des cartes thermiques “scroll”. Ce type de carte thermique vous montre à quelle distance vos visiteurs défilent avant de rebondir (quittez la page):

De préférence, vous souhaitez que les zones les plus chaudes de la carte soient aussi basses que possible ou alignées sur la position des éléments clés et des CTA de la page. 

Si les zones les plus chaudes sont en haut, cela indique généralement des problèmes avec l’UX de la page. Pour un contenu de longue durée, si votre carte thermique montre que les visiteurs ne font pas défiler vers le bas pour continuer à lire, vous devrez peut-être repenser votre stratégie de contenu.

Bien sûr, pour que les cartes thermiques vous fournissent des informations précises, vous aurez besoin de données suffisantes. 

Une poignée de visiteurs n’est pas une représentation exacte de votre public. Si vous avez l’intention de prendre des décisions basées sur les données, elles doivent être statistiquement pertinentes. 

Par conséquent, c’est une bonne idée de mettre en place une solution de carte thermique dès que possible et de prendre le temps de suivre le comportement des utilisateurs pour générer des résultats précis.

3 des meilleurs logiciels Heatmap pour WordPress

Les cartes thermiques nécessitent que les données fonctionnent. Cela signifie que vous aurez besoin d’un moteur d’analyse qui s’intègre à votre site Web, collecte des informations sur les utilisateurs et génère des cartes thermiques à partir de celles-ci. Dans cet esprit, jetons un coup d’œil à certaines des meilleures solutions pour les utilisateurs de WordPress ainsi que les autres CMS.

Deux des trois plugins que nous couvrirons ci-dessous nécessitent une inscription auprès d’un service tiers, nous vous recommandons de garder cela à l’esprit lorsque vous envisagez les options.

1. GettingResults

GettingResults  est un logiciel CRO qui ne nécessite pas de compétences particulières pour en tirer partie. Vous pouvez simplement créer un compte (gratuit) et configurer vos cartes thermiques. Vous pouvez également afficher des cartes thermiques distinctes pour les versions de bureau et mobile de votre contenu.

La version premium comprend davantage de cartes thermiques et, comme pour les autres solutions, conserve les données plus longtemps. La conservation des données peut être utile, car elle vous permet d’analyser comment les utilisateurs se comportent différemment dans le temps et sur plusieurs versions de vos pages.

Caractéristiques principales:

  • Définissez des cartes thermiques de clic pour vos pages
  • Générez des cartes thermiques de bureau et mobiles
  • Suivez le nombre de clics sur vos pages

Prix:   gratuit, avec des plans premium à partir de 5€ par mois. C’est l’une des solutions CRO (Heatmap + Session Replay) les plus abordables du marché dont le support est en France.

2. CrazyEgg

Crazy Egg  est un service de carte thermique et de test A / B que vous pouvez intégrer à WordPress à l’aide d’un script de suivi ou  du plugin officiel  . Si vous êtes à l’aise avec l’ajout de code à votre site Web, vous voudrez peut-être adopter la première approche. Après tout, le seul but du plug-in est d’ajouter le script de suivi pour vous.

Une fois un compte créé, Crazy Egg s’intègre pleinement à WordPress et vous pouvez générer des cartes thermiques de clics, de glissements et de confettis. De plus, la plateforme vous permet d’enregistrer des sessions utilisateur individuelles.

Cela signifie que si à tout moment vous avez des problèmes d’interprétation de ce que disent les données, vous pouvez vous immerger dans de vraies sessions utilisateur pour savoir comment elles se comportent. Comme nous parlons d’un service externe, vous devrez cependant accéder à vos cartes de chaleur et à vos enregistrements d’utilisateurs à partir de la plate-forme Crazy Egg.

Caractéristiques principales:

  • Générez des cartes thermiques avec des clics, des parchemins et des confettis pour vos pages
  • Intégration avec WordPress à l’aide d’un script ou d’un plug-in
  • Enregistrer des sessions utilisateur individuelles

Prix:   Le plugin est gratuit et les plans Crazy Egg commencent à 24 $ par mois Plus d’information

3. Hotjar

Hotjar  est une plateforme d’analyse Web axée sur les cartes de chaleur, l’enregistrement des utilisateurs, l’analyse de conversion et les enquêtes. Ce que le plugin fait  est de vous aider à intégrer votre compte Hotjar avec WordPress, en utilisant votre identifiant unique.

Une fois que Hotjar est intégré à WordPress, vous pouvez générer des cartes thermiques de clic, de défilement et de «déplacement» pour vos pages. Tout comme avec le plugin précédent, Hotjar enregistre également les sessions utilisateur. Il vous permet également de prendre des notes et de taguer des vidéos afin qu’elles puissent être facilement cataloguées.

Caractéristiques principales:

  • Générez des clics, faites défiler et déplacez des cartes thermiques
  • Intégration avec WordPress à l’aide d’un plugin
  • Vérifiez les versions mobile et de bureau pour toutes vos cartes thermiques
  • Enregistrer des sessions utilisateur individuelles

Prix:   plan gratuit disponible, avec des options premium à partir de 29 $ par mois (le plugin lui-même est gratuit) Plus d’information

Pouvez-vous utiliser Google Analytics pour générer des cartes thermiques?

Comme vous l’avez compris, un moteur d’analyse est nécessaire pour générer une carte thermique. Étant donné que  Google Analytics  est l’option la plus populaire sur le marché, il est logique que vous souhaitiez l’utiliser.

Cependant, un problème se pose: Google Analytics n’offre pas par défaut la fonctionnalité Heatmap qui n’est pas un point de rupture, compte tenu de la quantité de données offerte par la plateforme. Cependant, c’est un problème si vous ne souhaitez pas ajouter un deuxième moteur d’analyse à votre site Web.

Il existe quelques solutions alternatives qui vous permettent de générer des cartes de chaleur de base à l’aide de Google Analytics. Par exemple, vous pouvez utiliser Google Tag Manager  pour suivre les événements de clics et générer des rapports visuels avec Data Studio . L’avantage de cette approche est qu’il n’est pas nécessaire d’utiliser des services externes en dehors de la famille Google.

Vous utilisez probablement déjà un outil d’analyse pour obtenir des informations sur le comportement de vos visiteurs. Toute plate-forme d’analyse moderne vous donne accès à tant d’informations qu’il peut être difficile de les interpréter. 

Les cartes thermiques vous aident à prendre ces données et à les comprendre de manière plus interactive et visuelle que les tableaux et les graphiques.

Si vous utilisez déjà Google Analytics, la mauvaise nouvelle est que le service ne fournit pas la fonctionnalité Heatmap par défaut. Pour accéder aux cartes thermiques sur votre site (WordPress, Joomla, Drupal, Shopify) vous devez utiliser un plug-in comme ceux que nous venons de voir. 

Heureusement, ces solutions sont simples à configurer et à utiliser.