Fermer

avril 6, 2018

Comment utiliser Heatmaps pour suivre les clics sur votre site WordPress14 minutes de lecture

Comment utiliser Heatmaps pour suivre les clics sur votre site WordPress - Magazine Smashing


Il existe de nombreuses façons de mesurer les performances d'une page Web, et la plus populaire est de loin Google Analytics. Mais savoir exactement quelles images, mots ou éléments de votre site attirent l'attention spécifique de votre visiteur n'est pas possible avec ces seuls outils.

Parfois, vous voulez simplement savoir ce qui rend votre page géniale en termes de design, mise en page, structure de contenu (vous l'appelez) et ce qui incite les gens à prendre une action intentionnelle plutôt qu'une autre. Vous serez probablement surpris d'apprendre qu'il existe une solution à votre question: heatmaps.

Contrairement à Google Analytics qui fonctionne avec des chiffres et des statistiques, les heatmaps vous montrent exactement les endroits qui reçoivent le plus d'engagement. sur une page donnée. Grâce aux heatmaps, vous saurez quelles sont les zones les plus cliquées sur une page, quels sont les paragraphes sélectionnés par les internautes lors de l'analyse du contenu et quel est le comportement de défilement de vos clients (par exemple, combien ont atteint le bas de la page? la page).

Dans cet article, nous allons expliquer pourquoi les heatmaps sont si efficaces pour vos objectifs marketing et comment ils peuvent être intégrés à votre site WordPress.

Avant de passer à la partie "comment", vous pourriez voulez-vous savoir pourquoi cela vaut la peine de consacrer un temps précieux à la mise en œuvre de cartes de chaleur pour votre site WordPress et quel est leur rôle réel.

Tout d'abord, le marketing visuel ne cesse de croître. interface conviviale et ignorer une interface non interactive. Si une certaine action nécessite trop d'étapes et une plate-forme difficile à manœuvrer, elle finit par abandonner, et vous perdez des clients.

Bien sûr, le contenu est toujours la clé, mais la façon dont votre site est structuré combine différents éléments. influencez l'activité de vos visiteurs, qui sont soit convertis (s'engagent) ou partent.

Des experts en marketing ont étudié ce type de comportement au fil du temps:

Mais à quoi servaient spécifiquement les cartes de chaleur? Un heatmap peut vous aider à découvrir des faits précieux et parfois surprenants sur votre public.

Si vous en ajoutez un à votre site WordPress, vous pouvez:

  • suivre les clics de vos visiteurs et prendre conscience de leurs attentes lors de votre navigation site. De cette façon, vous pouvez ajuster vos pages et les rendre plus attrayantes et plus convaincantes.

  • Découvrez ce qui intéresse les gens. Vous saurez quelles informations ils recherchent, vous pourrez donc les mettre en avant et les utiliser en votre faveur.

  • Analysez le comportement de défilement. Voyez combien de visiteurs ont atteint la partie inférieure du site et combien sont partis immédiatement sans parcourir les sections.

  • Gardez un œil sur le mouvement du curseur et découvrez les contenus sur lesquels votre auditoire survole (ou sélectionne) dans un text


 Heatmap de comportement de défilement
Heatmap de comportement de défilement

Encore une fois, l'utilisation de heatmaps ne consiste pas seulement à suivre les clics pour le plaisir, cela peut avoir de nombreuses implications pour la croissance de votre entreprise. Ils peuvent influencer les achats ou les conversions de toute sorte (cela dépend de ce que vous voulez réaliser avec votre site).

Vous saurez si vos boutons d'appel à l'action attirent l'attention que vous souhaitiez, comparé à d'autres éléments sur le même page. Peut-être que d'autres éléments de conception que vous avez placés sur votre page de vente distraient les gens de cliquer sur le bouton acheter, et cela peut être vu sur la carte des points chauds. En fonction des résultats, vous pouvez modifier leur apparence, leur position, leur style, etc., d'où une augmentation des ventes.

Les blogueurs peuvent également utiliser les heatmaps car ils sauront ainsi créer des mises en page conviviales et conviviales. pour leur contenu. Certaines mises en page génèrent plus de trafic que d'autres et c'est à vous de trouver celles-là.

Si les gens s'attardent sur une certaine information, cela signifie que c'est précieux pour eux, et vous pouvez l'utiliser à votre faveur en plaçant un lien ou un bouton à proximité. Ou vous pouvez simplement créer un article séparé avec encore plus d'informations sur ce sujet.

Comment ajouter un heatmap à votre site WordPress

Peu importe si nous parlons de plugins créés à l'origine pour WordPress ou des outils tiers, le l'intégration n'est pas difficile du tout. Habituellement, la partie la plus difficile à propos des cartes de chaleur est l'interprétation des résultats – les conclusions ainsi que les implications qu'ils ont sur votre entreprise et comment les utiliser à votre avantage.

Quand il s'agit de les installer, il vous suffit de choisir un outil et commencer les tests. Oeuf fou Heatmap pour WordPress Hotjar Connecticator Orange chanceux et SeeVolution sont les meilleurs et les plus populaires outils que vous aidera dans cette direction. Heatmap pour WordPress et Hotjar sont gratuits, tandis que les trois autres viennent dans des plans premium (ils offrent des essais gratuits, cependant).

Il est important de mentionner que tous ces outils (sauf pour Heatmap pour WordPress ) travaille aussi avec autres constructeurs de sites web pas seulement WordPress. Ils sont universels; c'est juste que les développeurs de WordPress ont trouvé un moyen facile de les intégrer avec ce dernier afin que les non-codeurs ne s'en fassent pas trop mal. Pour les intégrer avec n'importe quel constructeur de site web, tel que Squarespace par exemple, vous devez jouer avec le code un peu.

Alors, comment configurer les heatmaps sur votre site? Utilisons Hotjar parce que ça fait du bon boulot dans l'ensemble. Il est intuitif, moderne et rapide à implémenter dans WordPress.

Dans ce cas, prenons le plugin Hotjar Connecticator à titre d'exemple. Après l'installation et l'activation, vous devez créer un compte sur hotjar.com, ajouter l'URL du site que vous souhaitez surveiller (vous pouvez ajouter plus de sites plus tard), et copier le code de suivi fourni sur la page du plugin dans votre tableau de bord WordPress (voir ci-dessous).


Maintenant, il est temps de créer le heatmap, qui peut être fait directement à partir de la plateforme Hotjar (vous ne pouvez rien personnaliser sur votre tableau de bord WordPress). Donc, cliquez sur Heatmaps, puis sur New Heatmap.

Ensuite, vous devez choisir vos préférences de ciblage de page. Voulez-vous suivre les points chauds sur une seule page? Testez-vous plusieurs pages en même temps pour comparer leurs résultats? Cela fonctionne aussi. Si vous avez besoin de ce dernier, vous avez des formats d'URL disponibles, vous pouvez donc vous assurer que vous pouvez cibler toutes les pages d'une catégorie spécifique (triée par type, date de publication, etc.). Vous pouvez même écrire les mots exacts et Hotjar commence à suivre les pages.

Une chose intéressante à propos de Hotjar est qu'il vous permet d'exclure les éléments de la page que vous ne voulez pas surveiller en ajoutant leurs sélecteurs CSS. De cette façon, vous pouvez éviter d'être distrait par des choses inutiles lorsque vous comparez ou analysez les résultats et que vous pouvez vous concentrer uniquement sur ceux que vous voulez tester.

Après avoir créé le heatmap, la première capture d'écran les points chauds seront fournis seulement après le début de la page pour obtenir des visiteurs et des clics, alors ne vous attendez pas à des résultats immédiatement. L'outil effectue le suivi de toutes les vues que vous avez affichées sur cette page depuis la création de la feuille de calcul afin que vous puissiez créer des rapports en fonction des vues et du nombre de clics. Ce type de rapports vous permet de savoir à quel point votre contenu est cliquable (ou non).

Voici comment la première capture d'écran fournie par Hotjar ressemble (le test a été fait sur une version non personnalisée du thème WordPress Hestia ) :


Une autre chose géniale à propos de cet outil est qu'il vous donne la possibilité de créer des sondages simples et interactifs pour demander à vos utilisateurs pourquoi ils quittent votre page ou quelles sont les choses qu'ils n'ont pas aimé sur votre page. ] Étude de cas: Comment nous avons amélioré les pages d'atterrissage sur ThemeIsle et CodeinWP avec Heatmaps

La théorie semble captivante, et c'est presque toujours plus facile que la pratique elle-même. Mais cette méthode fonctionne-t-elle vraiment? Est-ce efficace? Avez-vous des résultats pertinents et des idées à la fin de la journée?

La réponse est: Oui, si vous avez de la patience

Nous aimons les heatmaps à ThemeIsle et les utilisons sur plusieurs de nos pages . Les pages sont principalement liées à des thèmes WordPress puisque la société est une boutique en ligne qui vend des thèmes et des plugins pour cette plateforme particulière.

L'un des morceaux les plus populaires de CodeinWP blog est lié aux thèmes bien. Nous avons un large éventail d'annonces, et beaucoup d'entre eux se classent dans les trois premiers résultats de la page de résultats Google. Dernièrement, nous avons expérimenté deux types de mises en page pour les listes: une qui présente une seule capture d'écran présentant la page d'accueil du thème et une autre qui fournit trois captures d'écran: page d'accueil, page de publication unique et affichage mobile. les deux versions correspondaient au même nombre de personnes atteintes en fin de liste, mais la répartition des clics était différente: la liste avec plus de visuels n'obtenait pas autant de clics dans la moitié inférieure que celle avec une seule capture d'écran. Cela signifie que la liste avec plus de visuels est plus explicative, car elle offre plus d'échantillons de la conception du thème, ce qui aide les gens à réaliser plus rapidement ceux qui leur plaisent. Compte tenu de ce fait, il n'y a pas besoin de clics supplémentaires pour voir à quoi ressemble un thème.

Dans le cas d'une capture d'écran, les gens recherchent plus de détails sur un thème, vu qu'il n'y a que la page d'accueil . Par conséquent, ils cliqueront plus pour accéder à la page du thème et lancer sa démo en direct.

Donc, si vous cherchez des opportunités publicitaires ou si vous utilisez des liens d'affiliation, la version à une image vous aidera plus en termes de l'engagement des utilisateurs et du temps passé sur votre site.



Un autre exemple d'utilisation des heatmaps est la page de documentation du thème Hestia. Au cours du processus de test, nous avons remarqué qu'un nombre important d'utilisateurs souhaitaient passer à la version premium après avoir vu le nombre de clics sur le mot "Upgrade", ce qui nous a convaincu de déplacer le bouton de mise à niveau vers un endroit plus visible.

En parlant de fonctionnalités haut de gamme, une autre de nos expériences consistait à suivre le mouvement du curseur et à voir quelles sont les fonctionnalités que les gens survolent lors de la vérification de la documentation. Sur la base des résultats, nous avons utilisé les articles les plus populaires sur de nombreuses pages de destination qui cherchaient une conversion – ce qui, dans ce cas, était la mise à niveau du thème premium par nos utilisateurs gratuits.


Nous avons également créé une carte thermique pour notre page FAQ pour suivre les questions les moins cliquées, que nous avons remplacées par la suite avec d'autres pertinentes. Le test est toujours en cours, car nous essayons d'améliorer nos services de support et d'offrir aux clients des expériences plus fluides avec nos produits.


L'importance des tests A / B

Après avoir obtenu de bonnes informations sur les heatmaps, Je dois arrêter là. Créez des alternatives pour vos pages en fonction des résultats et utilisez la méthode de test A / B pour voir celles qui fonctionnent le mieux.

Le test A / B est probablement la méthode la plus populaire avec laquelle vous pouvez comparer deux ou plusieurs versions de la même page. . L'objectif final est de savoir lequel convertit le mieux. Vous devriez essayer parce que cela vous aide à vous rapprocher de vos objectifs et vous offre une nouvelle perspective sur la façon dont votre contenu est consommé par votre public.

Donc, après avoir utilisé les heatmaps pendant un certain temps et suivi le comportement de vos utilisateurs, commencer à faire un plan sur la façon d'améliorer la convivialité de votre site. Créer des alternatives, ne pas s'en tenir à un seul. Si vous avez plus d'une idée, mettez-les toutes à l'épreuve et observez les réactions des gens. Le but ici est de créer la page d'atterrissage la plus efficace, celle qui a les meilleures chances de convertir ou de recevoir l'engagement attendu.

Mais comment fonctionne le test A / B?

Eh bien, il y a plusieurs plugins construits pour faire fonctionner cette méthode sur votre site WordPress, mais Nelio A / B Testing est le plus populaire basé sur les critiques qu'il a sur le répertoire WordPress.org (et c'est aussi gratuit). Après avoir installé le plugin, vous pouvez choisir le type d'expérience que vous voulez exécuter. Il a un large éventail d'options à comparer: pages, articles, titres, widgets, et plus encore.


Maintenant, démarrer une expérience est vraiment facile, cela prend quelques minutes. Lorsque vous le créez, vous devez ajouter la page d'origine sur laquelle vous souhaitez exécuter les tests, l'alternative à laquelle vous souhaitez la comparer et l'objectif (ce que vous essayez d'obtenir avec l'expérience: obtenir des vues de page, des clics ou personnes à une source externe). Après avoir arrêté les expériences, le plugin vous montrera des résultats détaillés qui tournent autour de l'objectif que vous définissez en premier lieu. Ainsi, à la fin du test, vous pouvez savoir quelle page a mieux fonctionné, et vous pouvez l'utiliser sur votre site … jusqu'à ce qu'une nouvelle idée vous vient à l'esprit et que vous devriez recommencer à tester. Parce que le marketing numérique ne consiste pas à supposer et espérer que les choses vont arriver, il s'agit de faire bouger les choses . Par ailleurs, vous devriez toujours tester, tester et tester à nouveau.

En passant, avec le plugin Nelio A / B Testing, vous pouvez aussi créer des heatmaps, mais ils ne sont pas aussi sophistiqués que les plugins listés précédemment et ne livrent pas autant d'idées. Mais vous pouvez l'essayer si vous voulez faire des expériences rapides et avoir besoin d'informations de base sur une page.

Conclusion

Si vous voulez avoir une entreprise prospère ou être l'auteur d'un projet audacieux, continuez à ajuster votre stratégies. Essayez de nouvelles choses tous les jours, toutes les semaines. Pour être capable de s'adapter, il ne suffit pas simplement de connaître votre public, mais aussi de tester son comportement et de faire les prochains mouvements sur cette base.

Le marketing ne consiste pas à deviner ce que veulent vos clients ; Il s'agit de trouver vous-même et de leur offrir une chose dont ils ont besoin. La méthode des cartes thermiques vous aidera en esquissant le comportement des gens sur votre site et en soulignant ce qui les intéresse le plus. Il est simple, rapide, visuel (vous n'avez pas besoin de creuser trop dans les statistiques pour comprendre votre public), et amusant.

Savoir ce que sont les actions de vos utilisateurs lorsqu'ils atterrissent sur vos pages web pourrait être quelque chose de vraiment fascinant, et vous pouvez en apprendre beaucoup.

 Éditorial de Smashing (mc, ra, il)



Source link

0 Partages