Comment configurer WordPress Heatmaps (2 méthodes faciles)

Lorsque j’ai commencé à travailler sur mes sites WordPress, je devinais surtout ce que les internautes voulaient. Ce n’est que lorsque j’ai commencé à utiliser des cartes thermiques que j’ai vraiment compris comment les gens interagissaient avec mon site – où ils cliquaient, jusqu’où ils défilaient et ce qui attirait réellement leur attention.

Si vous essayez d’améliorer votre site WordPress mais que vous n’êtes pas sûr de ce qui fonctionne et de ce qui ne fonctionne pas, les cartes thermiques peuvent vous apporter des réponses.

Après avoir testé plusieurs outils au fil des ans, je me suis limité à 2 méthodes simples pour configurer des cartes thermiques dans WordPress : Microsoft Clarity et UserFeedback.

Dans ce guide, je vais passer en revue chaque processus de configuration, étape par étape. À la fin, vous aurez les outils nécessaires pour apporter à votre site des modifications basées sur les données. 🔥

Pourquoi faut-il configurer des cartes thermiques WordPress ?

Une carte thermique est un outil visuel qui vous affiche exactement comment les internautes interagissent avec votre site WordPress. Elle utilise un code couleur pour mettre en évidence les zones les plus et les moins activées sur une page :

• Leszones rouge, orange et jaune (zones “chaudes”) affichent les endroits où les internautes cliquent, tapent ou passent le plus de temps.
• Le bleu et le vert (zones “froides”) affichent les endroits qui ne reçoivent que peu ou pas d’attention.

En voyant cette activité cartographiée, vous pouvez cesser de deviner ce qui fonctionne et ce qui ne fonctionne pas. En d’autres termes, les cartes thermiques aident à retirer les hypothèses en vous donnant des informations claires sur le comportement des internautes.

Ils vous aident à répondre à des questions importantes, comme par exemple :

• Les gens cliquent-ils sur vos boutons CTA?
• Défilent-ils suffisamment vers le bas pour voir votre contenu ?
• Cliquent-ils sur des éléments qui ne servent à rien ?

Grâce à ces informations, vous pourrez apporter des modifications judicieuses à votre site. Vous saurez ce qu’il faut corriger, ce qu’il faut déplacer et ce qu’il faut améliorer.

Vous pouvez utiliser ces informations pour augmenter le nombre de lecteurs, stimuler les ventes ou accroître le nombre de demandes de renseignements de la part de clients potentiels, tout cela en apportant des modifications simples basées sur la façon dont les gens utilisent réellement votre site.

Dans les sections suivantes, je partagerai comment configurer des cartes thermiques WordPress en utilisant 2 des meilleurs outils pour ajouter des cartes thermiques. L’un est entièrement gratuit, et l’autre est une option premium avec des fonctionnalités avant.

N’hésitez pas à utiliser les liens ci-dessous pour accéder à votre méthode préférée :

Étape par étape : Préparer votre site WordPress pour Heatmaps

Avant d’ajouter des cartes thermiques à votre site WordPress, il est important de s’assurer que votre site est correctement préparé. Prendre quelques mesures de précaution peut vous aider à éviter tout problème lors de vos premiers pas.

Si vous ajoutez des cartes thermiques à votre site En direct pour la première fois, il est judicieux de tout tester d’abord sur un site staging.

Un site de staging est essentiellement un duplicator de votre site En direct, où vous pouvez apporter des modifications et tester de nouvelles fonctionnalités avant d’affecter votre site réel. Il vous permet d’essayer de nouveaux outils, comme les cartes thermiques, en toute sécurité, sans risquer de perturber le compte des utilisateurs.

Ensuite, il vous suffit de pousser les modifications en direct pour les appliquer à votre site réel.

Si vous utilisez Bluehost, vous pouvez facilement créer un site de staging, grâce à leur solution rapide en 1 clic.

Cela dit, si vous n’avez pas accès au staging via votre hébergeur, alors vous pouvez également utiliser des extensions comme WP Stagecoach pour créer des sites de staging.

Pour une présentation complète, vous pouvez consulter notre guide sur la création d’un site de staging pour WordPress.

En outre, sauvegardez toujours votre site avant d’y apporter des modifications majeures. En cas de problème lors de la configuration, vous pourrez facilement rétablir l’état antérieur de votre site sans perdre de données importantes.

Enfin, n’oubliez pas que les cartes thermiques donnent de meilleurs résultats lorsqu’elles sont utilisées parallèlement à d’autres outils d’analyse et aux retours des utilisateurs/utilisatrices.

Considérez-les comme un point de départ pour découvrir des problèmes ou des opportunités potentiels, et non comme l’unique source d’information. En combinant les aperçus des heatmaps avec des données plus larges, vous obtiendrez une image plus claire et plus précise de la façon dont les internautes interagissent avec votre site.

Méthode 1 : Configurer WordPress Heatmaps avec Microsoft Clarity

Microsoft Clarity est un outil gratuit et facile à utiliser de cartographie thermique et d’enregistrement de session qui s’intègre parfaitement à WordPress. C’est le meilleur pour l’analyse globale du site, idéal pour les débutants, les blogueurs et les propriétaires de petites entreprises qui veulent comprendre le comportement des internautes.

C’est pourquoi nous l’utilisons sur certains de nos sites partenaires pour suivre les cartes thermiques et obtenir des informations sur les interactions avec les comptes.

Étape par étape : Création d’un compte Microsoft Clarity gratuit

Pour configurer des cartes thermiques WordPress avec Microsoft Clarity, vous devez d’abord disposer d’un compte.

Allez sur le site de Microsoft Clarity et cliquez sur “Premiers pas”.

Dans la fenêtre surgissante, vous verrez que vous pouvez vous inscrire avec un compte Microsoft, Facebook ou Google. Il vous suffit de cliquer sur celui que vous préférez.

Pour ce tutoriel, je vais sélectionner “Se connecter à Google”.

Ensuite, vous pouvez suivre la procédure d’inscription en choisissant le compte approprié.

Cliquez ensuite sur “Continuer” sur la page de confirmation.

Lors de l’inscription, il vous sera demandé de confirmer votre adresse e-mail.

N’oubliez pas de vérifier les Conditions d’utilisation de Clarity et de cliquer sur la case à cocher avant de continuer.

Vous serez ensuite prompt à créer un nouveau projet pour votre site WordPress.

Il vous suffit de donner un nom à votre projet, de saisir l’URL de votre site et de choisir votre secteur d’activité dans le menu déroulant.

Une fois cela fait, cliquez sur “Ajouter un nouveau projet” pour terminer la configuration.

Ceci fait, vous êtes maintenant prêt à installer l’extension WordPress Microsoft Clarity pour configurer des cartes thermiques sur votre site.

Étape par étape : Installer Microsoft Clarity dans votre site WordPress

Dans cette étape, vous installerez l’extension Microsoft Clarity et la connecterez au compte que vous venez de créer.

Depuis votre Tableau de bord WordPress, accédons à Plugins ” Ajouter un nouveau plugin.

Utilisez la barre de recherche pour trouver rapidement l’extension Microsoft Clarity.

Il suffit de cliquer sur “Installer maintenant” dans le résultat de recherche correspondant, puis à nouveau sur “Activer” lorsqu’il apparaît.

Pour obtenir des instructions étape par étape, consultez notre guide sur l’installation d’une extension WordPress.

Une fois l’extension activée, l’étape suivante consiste à choisir un projet Clarity pour connecter les deux outils.

Vous pouvez naviguer vers Clarity depuis votre zone d’administration WordPress et choisir le projet que vous venez de créer dans le menu déroulant.

Dans les secondes qui suivent, vous devriez voir apparaître une notification “Projet intégré avec succès”.

Pour plus de détails, vous pouvez consulter notre guide sur l’installation de Microsoft Clarity Statistiques dans WordPress.

💡 Note: Si vous utilisez une extension de mise en cache WordPress, vous devez vider le cache de WordPress après avoir connecté Microsoft Clarity à votre site. Ceci est important car, dans le cas contraire, Microsoft ne sera pas en mesure de vérifier votre site pendant quelques heures.

Étape par étape : Configurer les cartes de chaleur dans Microsoft Clarity

Une fois que vous avez connecté Microsoft Clarity, il commencera automatiquement à suivre vos internautes – pas besoin de coller du code manuellement ou de s’embrouiller avec des fichiers de thème.

Dans votre Tableau de bord WordPress, vous trouverez des rapports utiles qui vous donneront un aperçu de la façon dont les gens interagissent avec votre blog ou votre site WordPress.

Voici quelques-unes des métriques clés :

• Sessions – Elles affichent le nombre de visites individuelles que votre site a reçues.
• Pages par session – Indique le nombre de pages vues par un internaute au cours d’une session.
• Profondeur de défilement – Affiche jusqu’où les utilisateurs/utilisatrices défilent vers le bas de chaque page.
• Durée d’activité – permet de savoir pendant combien de temps les utilisateurs/utilisatrices s’engagent activement sur votre page (et ne la laissent pas simplement ouverte dans un onglet en arrière-plan).

Vous trouverez également des widgets prédéfinis tels que la “Vue d’ensemble des utilisateurs”, qui met en évidence les types d’internaute et les appareils.

En outre, il existe des données comportementales telles que les clics rageurs (lorsque les utilisateurs/utilisatrices répètent leurs clics par frustration) et le défilement excess if (lorsque les utilisateurs/utilisatrices défilent trop, éventuellement à la recherche de quelque chose).

Pour voir vos cartes thermiques, passez à l’onglet “Cartes thermiques”.

Une fois à l’intérieur, vous verrez une liste de toutes les cartes thermiques de page que Clarity a automatiquement enregistrées.

Il suffit de cliquer sur une page que vous souhaitez analyser.

Lorsque vous ouvrez une carte thermique, vous voyez trois vues principales : Clics, Défilement et Attention.

Vous pouvez passer à “Cliquer” pour voir où les internautes cliquent le plus.

Pour trouver votre profondeur de défilement, il vous suffit de passer à l’onglet “Défilement”.

Ici, Clarity révélera jusqu’où les utilisateurs/utilisatrices défilent vers le bas de votre page. Cela aide à identifier s’ils manquent votre contenu clé.

Enfin, cliquez sur le bouton“Attention” pour connaître le temps moyen que les internautes passent sur les différentes parties de la page.

Les zones rouges indiquent une plus grande attention, tandis que les zones bleues reçoivent moins d’attention.

C’est tout – Vous avez bien configuré les cartes thermiques WordPress en utilisant Microsoft Clarity !

Méthode 2 : Configurer WordPress Heatmaps en utilisant UserFeedback

UserFeedback de MonsterInsights combine le retour d’information sous forme de carte thermique avec des enquêtes et un ciblage avancé. Il s’agit d’une option puissante pour les sites en pleine croissance, les boutiques en ligne et les facultatifs qui ont besoin d’informations plus approfondies et d’un meilleur contrôle sur la façon de collecter le retour des internautes.

Chez WPBeginner, nous avons utilisé UserFeedback pour avoir un aperçu de ce que nos clients/clientes de personnalisation veulent et attendent de nous. Nous avons eu une excellente expérience, et vous pouvez consulter notre avis complet sur UserFeedback pour voir pourquoi nous le recommandons !

Étape par étape : Installer et activer UserFeedback

Tout d’abord, vous devez configurer un compte UserFeedback. Vous pouvez le faire en visitant le site de UserFeedback et en vous inscrivant à une offre.

Une fois que vous avez ouvert un compte, vous serez redirigé vers le Tableau de bord de votre compte UserFeedback, où vous trouverez le lien de téléchargement du fichier zip UserFeedback et votre clé de licence.

Il est maintenant temps d’installer l’extension.

Depuis votre tableau de bord WordPress, vous devez vous rendre dans Plugins ” Ajouter une nouvelle.

Dans l’écran suivant, recherchons UserFeedback.

Vous pouvez ensuite installer et activer l’extension comme vous le feriez avec n’importe quelle autre extension WordPress.

Vous êtes nouveau dans l’installation d’extensions ? Voici un guide détaillé sur l ‘installation d’une extension WordPress.

Une fois activé, vous pouvez saisir votre clé de licence pour déverrouiller toutes les fonctionnalités pro qui sont comprises dans votre offre.

Pour ce faire, vous pouvez naviguer vers UserFeedback ” Réglages. Ensuite, copiez et collez simplement votre clé de licence depuis votre Tableau de bord UserFeedback dans le champ ‘Clé de licence’.

Cliquez sur le bouton “Vérifier” pour lancer la procédure de vérification.

Dans quelques secondes, un message de réussite de la vérification devrait s’afficher.

Étape par étape : Activer le module Heatmaps

Maintenant, allons dans UserFeedback ” Addons pour installer le module Heatmaps.

Il vous suffit de défiler vers le bas de la page pour trouver le module Heatmaps et de cliquer sur “Installer le module” dans la case prévue à cet effet.

Une fois installé, assurez-vous qu’il est activé en cliquant sur le bouton “Activer”.

Étape par étape : création d’une nouvelle carte thermique

Le module Heatmaps étant activé, vous pouvez maintenant créer la carte thermique de votre site.

Allons dans UserFeedback ” Heatmaps dans votre Tableau de bord WordPress, et cliquons sur le bouton ‘New Heatmap’.

Dans la fenêtre surgissante, déplier le menu déroulant pour sélectionner la page spécifique que vous souhaitez suivre. Par exemple, vous pouvez créer une carte thermique pour votre page d’accueil, votre page d’atterrissage ou votre publication de blog.

Cliquez sur le bouton “Créer” pour configurer la carte thermique.

Étape par étape : Vue des résultats de la carte thermique

Après avoir créé une carte thermique, UserFeedback commencera immédiatement à collecter des données sur les comptes.

Accédons à UserFeedback ” Heatmaps et cliquons sur une carte thermique pour obtenir des informations visuelles détaillées.

Sur l’écran suivant, vous pourrez voir des informations détaillées sur vos internautes, notamment :

• Filtre sur les appareils – Comparez le comportement des utilisateurs/utilisatrices sur les ordinateurs de bureau, les tablettes et les mobiles.
• Clics – Voyez exactement où les gens cliquent sur votre page.
• Mouvements de la souris – Suivez la façon dont les utilisateurs/utilisatrices déplacent leur souris sur l’écran.

Si vous faites la promotion de votre site sur plusieurs canaux, vous pouvez également filtrer les données par campagne UTM, source ou support. Cela vous aide à comprendre comment les internautes issus de différents efforts marketing interagissent avec votre site.

Et c’est tout ce qu’il y a à faire – Vous avez bien configuré des cartes thermiques WordPress en utilisant UserFeedback !

Étapes par étapes : Maximisez vos connaissances sur la carte thermique 🔥

Les heatmaps sont uniquement utiles si vous savez comment agir sur ce qu’elles vous disent. Voici comment transformer les enseignements de vos heatmaps en véritables améliorations pour votre site WordPress.

Corrigé l’endroit où les internautes s’inactivent

Vous pouvez utiliser les cartes de défilement pour voir jusqu’où vos internautes descendent sur une page. Si un contenu important est enfoui trop bas dans la page, la plupart des gens risquent de ne jamais le voir.

Vous pouvez essayer de déplacer des éléments clés tels que les CTA ou les offres plus haut sur la page, et diviser les longues pages avec des sections plus petites et des titres clairs. Vous pouvez également utiliser des filtres de date pour suivre l’impact de ces modifications sur le comportement des internautes au fil du temps.

Cette petite modification peut réduire le taux de rebond et maintenir l’intérêt de vos internautes plus longtemps.

Repérer et résoudre les confusions des utilisateurs/utilisatrices

Parfois, les internautes essaient de cliquer sur des images, des icônes ou du texte qui ne sont pas cliquables. Cela affiche qu’ils sont confus ou qu’ils s’attendent à quelque chose de différent.

Vous pouvez consulter vos cartes de clics et les mouvements de la souris pour repérer ces zones. Si nécessaire, vous pouvez lier ces images ou ajouter des boutons à proximité pour faciliter la tâche des utilisateurs/utilisatrices.

Vous pouvez également configurer une enquête rapide avec UserFeedback pour demander aux utilisateurs/utilisatrices ce qu’ils s’attendaient à trouver.

Identifier et corriger les problèmes de navigation

Si les internautes sautent fréquemment d’une page à l’autre sans être clairement orientés, c’est le signe que votre navigation peut prêter à confusion.

Simplifiez votre navigation en veillant à ce que les informations soient faciles à trouver et en corrigeant tout ce qui pourrait prêter à confusion. Vous pouvez également parcourir les étapes importantes de votre site comme un nouvel internaute afin de vous assurer que tout fonctionne correctement.

Vous pouvez également consulter notre guide sur la façon de créer un menu de navigation personnalisé dans WordPress.

Faites en sorte que vos boutons CTA soient incontournables

Si vos CTA (boutons d’appel à l’action) n’obtiennent pas suffisamment de clics, je vous recommande d’ajuster leur couleur, leur texte ou leur emplacement pour les faire ressortir davantage.

Allez-y, utilisez vos insights sur les mouvements de la souris pour repérer les hésitations avant de cliquer et vérifiez les filtres des appareils pour vous assurer que vos CTA sont visibles et faciles à cliquer sur tous les appareils, en particulier les mobiles.

J’espère que cet article vous a aidé à configurer des cartes thermiques WordPress. Ensuite, vous voudrez peut-être explorer nos astuces de page d’atterrissage personnalisées par des experts pour faire exploser les conversions WordPress et notre guide ultime sur le ciblage de la géolocalisation.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.