Comment utiliser une carte thermique pour améliorer la qualité globale de votre site Web

Les cartes thermiques peuvent être des outils extrêmement utiles. Ils vous permettent de suivre le comportement des utilisateurs sur votre site Web, d'une manière que de simples chiffres ont souvent du mal à représenter. Avec une carte thermique, vous pouvez visualiser le parcours de vos visiteurs à travers votre contenu. Cela vous permet d'identifier rapidement les points douloureux, afin d'améliorer leur expérience.

Bien que WordPress n'offre pas de fonctionnalité de carte thermique prête à l'emploi, vous pouvez facilement l'ajouter à votre site Web à l'aide de plugins. Dans cet article, nous approfondirons le fonctionnement des cartes thermiques, pourquoi vous devriez en utiliser une et quelles sont vos options en tant qu'utilisateur WordPress.

Allons-y !

Une introduction aux cartes thermiques

De nos jours, vous pouvez suivre toutes sortes de données sur le comportement des visiteurs sur votre site Web. Vous pouvez voir sur quelles pages ils passent le plus de temps, avec quels liens ils interagissent, à quelle distance de chaque page ils défilent, et bien plus encore.

La plupart de ces données vous parviennent sous forme de nombres. Dans certains cas, il peut être difficile de visualiser ce que tout cela signifie. Par exemple, vous pouvez savoir lesquelles de vos pages sont les plus populaires. Cependant, cela ne vous 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 pour certaines des analyses de votre site Web. 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 ci-dessus, vous pouvez voir que des zones spécifiques de la page sont mises en évidence dans des couleurs plus chaudes. Les cartes thermiques utilisent un simple dégradé de couleurs qui passe des couleurs les plus froides aux couleurs plus chaudes. Plus la couleur est « chaude », plus cette partie spécifique de votre page attire l'attention et les interactions.

L'exemple précédent montre ce qu'on appelle une carte thermique « clic ». Il existe plusieurs types de cartes thermiques que vous pouvez utiliser, et nous étudierons les autres types plus tard. Avec une carte thermique de clic, vous obtenez une représentation visuelle des éléments de votre page qui intéressent le plus les visiteurs :

La plupart des outils d'analyse modernes vous lancent des bibliothèques entières de données. Cependant, les cartes thermiques vous permettent d'acquérir une compréhension beaucoup plus intuitive du comportement de vos utilisateurs. Si vous pouvez déterminer en un coup d'œil quels éléments de vos pages attirent le plus l'attention, vous pouvez tirer de nombreuses informations de ces données.

Avant de poursuivre, il est important de mentionner que les cartes thermiques ne sont pas seulement d'excellents outils pour l'analyse de sites Web. Les cartes thermiques sont partout , des bulletins météorologiques à l'analyse statistique, en passant par la visualisation des marchés financiers, et plus encore. Ces applications sont intéressantes à lire. Cependant, nous sommes ici pour parler des sites Web, alors discutons des avantages de ce cas d'utilisation.

Pourquoi les cartes thermiques peuvent vous aider à améliorer la qualité de votre site Web

Comme nous l'avons mentionné précédemment, les cartes thermiques sont fantastiques si vous souhaitez aborder l'analyse Web sous un angle différent. Selon les informations que vous souhaitez hiérarchiser, vous pouvez utiliser plusieurs types de cartes thermiques.

Nous avons déjà parlé des cartes thermiques des clics. Avec suffisamment de données, les cartes thermiques des clics peuvent vous indiquer quelles zones de vos pages sont des « points chauds ». Idéalement, vous souhaitez que ces points d'accès s'alignent sur des éléments critiques, tels que des appels à l'action (CTA), des produits, des 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 thermiques ne vous disent pas exactement ce que vous devez corriger. Cependant, ils font un excellent travail pour vous orienter dans la bonne direction. Si votre bouton d'inscription à la newsletter ne reçoit pas beaucoup d'activité, vous savez que c'est un élément qui doit être testé et traité.

Pour continuer, vous pouvez également bénéficier de l'utilisation de cartes thermiques "à défilement". Ce type de carte thermique vous montre à quelle distance vos visiteurs défilent avant de rebondir (quitter la page) :

Idéalement, vous voulez que les zones les plus chaudes de la carte soient aussi bas que possible, ou alignées avec les éléments clés et les CTA de votre 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 le contenu long, si votre carte thermique montre que les visiteurs ne font pas défiler vers le bas pour continuer à lire, vous voudrez peut-être repenser votre stratégie de contenu.

Si vous souhaitez obtenir des informations plus spécifiques sur l'activité des utilisateurs, les rapports de confettis pourraient vous convenir davantage. Ce type de carte thermique vous montre les clics individuels sur vos pages. Plus la zone est chaude, plus les utilisateurs ont cliqué dessus :

Les rapports de confettis peuvent être incroyablement utiles pour déterminer sur quels éléments précis les visiteurs cliquent. Dans de nombreux cas, vous remarquerez que les utilisateurs essaient de cliquer sur des éléments qui ne sont pas interactifs. Cela peut indiquer de mauvais choix de conception.

Ce type de carte thermique peut également vous donner un excellent aperçu du processus de paiement si vous exploitez une boutique en ligne. Vous voudrez rationaliser l'expérience de paiement autant que possible, et déterminer sur quoi les visiteurs cliquent lors d'un achat peut vous aider à le perfectionner.

Il existe très peu de sites Web qui ne peuvent pas bénéficier de l'utilisation de cartes thermiques, en particulier si vous exécutez régulièrement des tests A/B. Lorsque vous combinez des tests A/B avec des cartes thermiques, vous pouvez obtenir des informations rapides et précises sur les versions de vos pages qui fonctionnent le mieux avec votre public cible.

Bien sûr, pour que les cartes thermiques vous fournissent des informations précises, vous aurez besoin de suffisamment de données. Une poignée de visiteurs n'est pas une représentation précise de votre public. Si vous comptez prendre des décisions basées sur des données, celles-ci doivent être statistiquement pertinentes. Par conséquent, c'est une bonne idée de mettre en place une solution de carte thermique le plus tôt possible. Ensuite, vous devez lui laisser suffisamment de temps pour suivre le comportement des utilisateurs et générer des résultats précis.

3 meilleurs plugins Heatmap pour WordPress

Les cartes thermiques nécessitent des données pour fonctionner. 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 en fonction de celui-ci. Dans cet esprit, examinons quelques-unes des meilleures solutions pour les utilisateurs de WordPress. Deux des trois plugins que nous allons couvrir ici nécessitent que vous vous inscriviez à un service tiers. Vous voudrez donc garder cela à l'esprit lors de l'évaluation de vos options.

1. Carte thermique d'Aurora

Aurora Heatmap est le seul plugin WordPress heatmap recommandé qui ne vous oblige pas à vous inscrire à une plate-forme tierce. Avec Aurora Heatmap, vous pouvez simplement configurer le plugin et accéder aux cartes thermiques des clics pour toutes vos pages. De plus, vous pouvez afficher des cartes thermiques distinctes pour les versions de bureau et mobile de votre contenu.

La version premium du plugin comprend également des cartes thermiques défilantes et conserve les données plus longtemps. La conservation des données peut s'avérer utile, car elle vous permet d'analyser comment les utilisateurs se comportent différemment au fil du temps et sur plusieurs versions de vos pages.

Principales caractéristiques:

• Configurer des cartes thermiques de clics pour vos pages
• Générez à la fois des cartes thermiques de bureau et mobiles
• Gardez une trace du nombre de clics sur vos pages

Tarification : Gratuit, avec des forfaits premium à partir de 19,90 $ par mois | Plus d'information

2. Oeuf fou

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 d'un plugin officiel. Si vous êtes à l'aise pour ajouter du code à votre site Web, vous voudrez peut-être opter pour la première approche. Après tout, le seul but du plugin est d'ajouter le script de suivi pour vous.

Une fois que vous avez configuré un compte Crazy Egg et qu'il est entièrement intégré à WordPress, vous pouvez générer des cartes thermiques de clic, de défilement et de confettis. Mieux encore, la plate-forme vous permet d'enregistrer des sessions utilisateur individuelles.

Cela signifie que si à un moment donné vous avez des problèmes pour interpréter ce que disent les données, vous pouvez plonger dans de vraies sessions d'utilisateurs pour découvrir comment ils se comportent. Puisque nous parlons d'un service externe, cependant, vous devrez accéder à vos cartes thermiques et enregistrements d'utilisateurs à partir de la plate-forme Crazy Egg.

Principales caractéristiques:

• Générez des cartes thermiques de clic, de défilement et de confettis pour vos pages
• Intégration avec WordPress à l'aide d'un script ou d'un plugin
• Enregistrer des sessions utilisateur individuelles

Prix ​​: Le plugin est gratuit et les forfaits de Crazy Egg commencent à 24 $ par mois | Plus d'information

3. Hotjar

Hotjar est une plate-forme d'analyse Web axée sur les cartes thermiques, l'enregistrement des utilisateurs, l'analyse des conversions et les enquêtes. Le plugin vous aide à intégrer votre compte Hotjar à WordPress, en utilisant votre identifiant de site unique.

Une fois que vous avez intégré WordPress à Hotjar, vous pouvez générer des cartes thermiques de clic, de défilement et de « déplacement » pour vos pages. La plate-forme vous permet de passer rapidement d'un type de carte thermique à l'autre, ainsi que de pages de bureau et mobiles. Tout comme avec le plugin précédent, Hotjar enregistre également les sessions utilisateur. Il vous permet même de prendre des notes et de marquer des vidéos afin qu'elles puissent être facilement classées.

Principales caractéristiques:

• Générez des clics, faites défiler et déplacez des cartes thermiques
• Intégration avec WordPress à l'aide d'un plugin en quelques minutes
• Passez en revue les versions mobiles 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 également gratuit) | Plus d'information

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

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

Voici le problème, cependant - Google Analytics n'offre pas de fonctionnalité de carte thermique prête à l'emploi. Ce n'est pas un compromis, compte tenu de la quantité de données que la plate-forme vous offre. Cependant, cela pose un problème si vous ne cherchez pas à ajouter un deuxième moteur d'analyse à votre site Web.

Il existe quelques solutions de contournement qui vous permettent de générer des cartes thermiques de base à l'aide de Google Analytics. Par exemple, vous pouvez utiliser Google Tag Manager pour suivre les événements de clic et générer des rapports visuels avec Data Studio. L'avantage de cette approche est que vous n'avez pas besoin d'utiliser de services externes en dehors de la famille Google. Cependant, générer autre chose que des cartes thermiques très simples est presque impossible.

Une deuxième alternative consiste à utiliser un service tel que Crazy Egg, qui offre une intégration de base avec Google Analytics. Crazy Egg propose un générateur de carte thermique Google Analytics gratuit. Il suffit d'accéder à votre compte Google Analytics. Ensuite, il peut récupérer les données dont il a besoin pour générer une carte thermique des clics :

Cela peut être une approche utile, même si elle est encore quelque peu limitée. Dans l'ensemble, si vous souhaitez accéder à des cartes thermiques plus avancées, il est préférable de vous inscrire à un service supplémentaire à utiliser avec Google Analytics.

Conclusion

Vous utilisez probablement déjà un outil d'analyse pour obtenir un aperçu du comportement de vos visiteurs. Toute plate-forme d'analyse moderne vous donne accès à tellement d'informations qu'il peut être difficile à interpréter. Les cartes thermiques vous aident à prendre ces données et à leur donner un sens, d'une manière plus interactive et visuelle que les tableaux ou les graphiques.

Si vous utilisez déjà Google Analytics, la mauvaise nouvelle est que le service ne fournit pas de fonctionnalité de carte thermique prête à l'emploi. Pour accéder aux heatmaps de votre site WordPress, vous devrez utiliser un plugin tel que Aurora Heatmap, Hotjar ou Crazy Egg. Heureusement, ces solutions sont simples à mettre en place et à utiliser.

Avez-vous utilisé des outils de carte thermique avec WordPress et quelle a été votre expérience ? Parlons dans la section commentaires ci-dessous!

Image miniature de l'article par octomesecam / shutterstock.com