Espionne les visiteurs de ton site (pour leur bien) [Tutoriel]

P Pour améliorer ton site, tu dois de savoir comment tes visiteurs naviguent sur tes pages.

Tu visualises leur comportement sur ta page avec un outil simple mais redoutablement efficace une heatmap.

La carte de chaleur matérialise en couleur les zones qui attirent et celles qui laissent indifférent. C’est particulièrement utile sur ta page d’accueil.

La carte de scroll est un outil complémentaire qui t’indique quand tes lecteurs décrochent.

La carte de mouvements t’indique ce qui est lu.

Hotjar offre ces outils pour les sites en dessous de 2 000 pages vues par jour. Je ne sais pas pour toi, personnellement j’en suis à des années lumières. Cela te laisse tout le temps d’améliorer ton site.

Cet article prend environ 8 minutes à lire. Si tu n’as pas le temps, tu peux l’épingler sur Pinterest pour le lire plus tard.

S’enregistrer sur Hotjar

• Se connecter à Hotjar

• Cliquer sur Pricing
• Onglet Personnel
• Bouton Start Now de l’offre Basic

• Compléter son nom et son adresse e-mail
• Bouton Let’s Get started

• Créer un mot de passe
• Cocher I accept the Terms of service
• Bouton Next

• Sélectionner ton métier (sans importance)
• Choisir No pour Utilises-tu ce compte pour le compte de clients ?
• Inscrire le nom de ta société
• Bouton Next

• Renseigner l’URL de ton site
• Cocher Je ne suis pas un robot
• Bouton Start using Hotjar

(désolé, j’ai oublié d’enregistrer l’écran)

• Bouton Record Site Visitors

• Bouton + Create Heatmap

La prochaine étape configure un sondage instantané.

• Personnaliser la couleur du bouton
• Traduire la question par Quelle note attribuez-vous à ce site ?
• Décocher la demande d’e-mail (Ask responders…). Cette option n’est d’aucune utilité car tu ne peux pas utiliser cette adresse dans le cadre de la RGPD.
• Bouton Collect Feedback on homepage

• Invitation des membres de l’équipe :
  Perso, je clique sur passer cette étape (Skip this step). Sinon, renseigner l’adresse e-mail et Bouton Invite Users

Tu arrives (enfin) sur l’interface d’Hotjar.

• Cliquer sur Exit

• Copier l’identifiant de ton site

Ne ferme pas cette page

Connecte Hotjar avec ton site

Dans WordPress

• Chercher WP Hotjar dans les extensions
• Activer et Installer

• Rechercher Hotjar dans le menu de gauche

• Coller ton Identifiant
• Bouton Enregistrer les modifications
• Cliquer sur Vider le cache si tu as un outil de gestion de cache

De retour dans Hotjar

• Bouton I have installed the tracking code

• Bouton Verify installation

Tu as un message qui indique que tout est en place.

Pas de panique : cela a pris 2 minutes avant de fonctionner pour moi.

Il va falloir attendre un peu qu’Hotjar collecte de l’information.

Ta page d’accueil est automatiquement analysée.

Ajoute d’autres Heatmaps

Tu peux ajouter d’autres pages (dans la limite de 3 au total).
Je souhaite par exemple analyser la page de présentation de la newsletter.

• Cliquer sur Heatmaps dans le menu de gauche
• Bouton + New Heatmap

• Nommer la page suivie. Par exemple : Inscription à la newsletter
• Bouton Next

• Bouton Next

• Compléter l’URL de la page à suivre
• Bouton Next

• Bouton Create Heatmap

Tu retrouves en dessous l’ensemble des heatmaps créées.

Récolte des avis sur ton site

Tu as déjà complété des informations sur la collecte de retours des lecteurs. Cependant, nous allons affiner certains points.

• Sélectionner Incoming dans le menu de gauche

1 )Appearance

• Sélectionner Français
• Choisir son emplacement dans Position on page :
  • Centré droit
  • Centré gauche
  • Bas droit
  • Bas gauche

2) Steps

• Personnaliser le Message de remerciement
• Décocher Ask respondents…

5) Actions

• Bouton Save

Maintenant, tu laisses reposer entre une semaine et un mois en fonction de ton trafic sur les pages que tu souhaites analyser. Le mieux est de se mettre une alerte.

Les différentes analyses

• Se connecter sur Hotjar (Sign In)

• Cliquer sur Heatmaps dans le menu de gauche

Tu retrouves le nom de ta page, sa date de création et le plus important : le nombre de vues sur la page.

• Bouton View Heatmap

Note : ne tire pas de conclusions hâtives avec d’avoir un nombre raisonnable de vues sur ta page. Je dirais minimum 50.

Trois outils complémentaires te sont proposés :

• Les zones où tes visiteurs cliquent (click).
• L’analyse de la profondeur de lecture de ta page (move).
• Le parcours de tes lecteurs (scroll).

Les clics

Tu découvres en premier le nombre de clics enregistrés sur ta page. Par défaut, ce sont la pages vues sur un ordinateur qui s’affichent.

Les clics sont matérialisés par des taches de couleurs qui reflètent le nombre. Plus la couleur est chaude plus le volume est important.

Dans ma barre de navigation, les clics sont répartis entre les différentes sections à l’exception de l’inscription à la newsletter qui concentre la grande majorité des clics de cette barre.

Quand tu survoles une zone, le nombre de clics s’affichent.

Cette analyse est particulièrement utile pour identifier si tes visiteurs visualisent bien les éléments que tu souhaites mettre en avant.

Tu vas affiner en comparant les comportements sur ordinateur et mobile.

N’hésite pas à ajouter des liens de navigation internes comme un sommaire pour identifier ce que recherche tes visiteurs sur ta page.

Le défilement de la page

Ta page est divisée en zones en fonction du % de visiteurs.

Deux explications à la disparition de l’internaute de la page

• Il clique sur un lien vers une autre page
• Il ferme la page (ce que tu redoutes)

Tu recherches en priorité les zones de décrochage massif.

Si tu n’as pas de lien dans une zone qui perd un grand nombre de vues, tu dois remanier au plus vite cette partie ou la supprimer.

J’ai par exemple une fuite de visiteurs en plein dans une explication sur ma page d’accueil au moment où j’explique que je recommande fortement une dépense de 70 € par an. Je comprends que cela ne convienne pas pour ceux qui recherchent du 100 % gratuit.

Bien que cette partie me desserve, je préfère jouer la franchise dès le départ et ne pas décevoir les lecteurs. Je la conserve en connaissance de cause.

Le parcours des lecteurs (seulement sur ordinateur)

L’outil suit le pointeur de la souris et marque l’endroit ou le lecteur s’arrête. Cela reflète le parcours et identifie les zones les plus lues.

J’aime beaucoup cette analyse car elle me permet de bien visualiser les parties qui concentrent l’intérêt.

C’est assez parlant sur ce paragraphe de texte.

L’enregistrement des visites

Tu le retrouves dans le menu de gauche > recordings.

Chaque session est enregistrée et tu visualises ce que l’internaute fait en temps réel.

Tu retrouves la nationalité, la page d’entrée et de sortie et la durée de la session.

Cela peut être utile pour voir concrètement ce qui bloque sur un formulaire d’enregistrement. Je ne l’utilise pas.

• Cliquer sur Play

Les barres dans la zone de lecture matérialisent les défilements.

Cas concret

Je me concentre sur les pages stratégiques : ma page d’accueil et celle qui présente la newsletter. J’ai ajouté ma page de la catégorie Construire ton site avant de la remanier.

Page d’accueil

Sur la page d’accueil, je souhaite m’assurer que la navigation est fluide et que les éléments présents retiennent l’attention.

Les clics du menu sont équitablement répartis avec la newsletter qui prédomine.

Je ne visualise aucun clic sur la vidéo. C’est étrange car elle est visualisée dans Youtube en provenance de mon site et présente uniquement sur cette page. A creuser.

La section Que vas-tu trouver enregistre peu de clics et est peut-être redondante avec le menu.

La recherche sur le site ne comptabilise qu’un seul clic. Je peux envisager de la remonter dans la page.

Les réseaux sociaux ne rencontrent pas le succès escompté. Cette information ne semble pas correspondre aux attentes des lecteurs.

Les utilisateurs sur mobile

Je recherche les comportements spécifiques. Les mobinautes cliquent sur le résumé du contenu qui ne contient aucun lien. Je vais immédiatement remédier à cela.

Le menu intermédiaire est utilisé par les mobinautes.

L’analyse des mouvements met en avant que la section où je me présente est plus faible. Je dois envisager de la réécrire avec une meilleure accroche.

La partie des réseaux sociaux est lue mais ne déclenche pas de clic. Il faudra envisager un appel à l’action spécifique.

Le défilement est régulier.

La page de présentation de la newsletter

Un objectif simple pour cette page : convaincre les visiteurs de s’abonner sur le formulaire en bas de page.

Les zones cliquées correspondent bien aux boutons d’actions et au formulaire.

La page est lue en particulier les arguments sur le contenu de la bibliothèque réservée aux abonnés.

83% des visiteurs atteignent le formulaire. La page fonctionne.

Les utilisateurs sur mobile

53% des visiteurs arrivent à la zone de formulaire. C’est trop faible.

Hypothèse : la section avec les éléments de la bibliothèque entraine un défilement trop long sur mobile.

Action : je ne peux malheureusement pas masquer une section en version mobile mais j’ai fortement diminué la taille des visuels.

La page de la rubrique Construire ton site

Ma page ne me satisfaisait pas. Je me suis servi d’Hotjar pour auditer la page en vue de sa refonte.

Le biais : 30 vues sont trop faibles pour être parlantes.

Cependant, je ne souhaitais pas attendre 2 mois de plus pour agir. Attendre la perfection empêche d’agir.

De plus, j’avais reçu des retours qui m’indiquaient qu’il était impossible de s’y retrouver.

Certaines sections n’étaient pas du tout lues. Je les ai éliminées.

Le sommaire, bien que trop chargé, remplissait son rôle.

Je n’ai pas encore assez de pages vues sur la nouvelle version pour tirer un enseignement.

Conclusion

L’installation d’Hotjar est un peu longue mais après tu es tranquille.

L’analyse du comportement de tes visiteurs est simplifiée. Tu peux améliorer ton site étape par étape et valider tes modifications.

Les limites de l’outil :

• Les pages ne sont pas toujours intégralement chargées
• L’absence des images freine la compréhension rapide
• Tu dois refaire une nouvelle carte lors de modifications ce qui complique le suivi
• Les barres latérales n’apparaissent pas dans l’analyse

Alternatives :

Sumo propose cette option mais l’outil est affreusement lent et l’affichage approximatif.

Crazy Eggs fournit également des Heatmaps de qualité mais malheureusement l’offre d’essai est limitée dans le temps (maximum trois mois).

Les articles qui peuvent t’intéresser :

• Les meilleurs blogs / podcasts / YouTube à suivre pour ton site et ton activité
• Audite gratuitement tes concurrents sur le web
• Une fiche synthétique pour auditer simplement ton entreprise

Retrouve tous les tutoriels et ressources pour ton entreprise