Les heatmaps de défilement révèlent jusqu'où les visiteurs font défiler vos pages et où ils s'arrêtent de lire. Utilisez-les pour décider du contenu qui doit se trouver près du haut d'une page et de la longueur raisonnable d'une page.
Qu'est-ce qu'un heatmap de défilement?
Un heatmap de défilement est une vue de profondeur d'une seule page. Au lieu de tracer les clics individuels, il peint des bandes horizontales sur une capture d'écran de la page, colorées par la part des pages vues qui ont atteint chaque profondeur. Le haut de la page est atteint par tout le monde, donc il est le plus chaud; la couleur refroidit à mesure que vous descendez et moins de personnes font défiler aussi loin.
| Élément | Ce qu'il vous dit |
|---|---|
| Bandes de profondeur | La part des vues toujours présentes à chaque profondeur |
| Règles de profondeur | À 25%, 50% et 75% de la page, le pourcentage des vues qui ont atteint ce point |
| Marqueur de profondeur moyenne | La profondeur moyenne atteinte par les visiteurs sur cette page |
Échelle de couleurs
L'overlay utilise la même rampe thermique continue que le heatmap de clics, réétiquetée pour le défilement. La légende sous le heatmap marque Moins de vues à une extrémité et Plus de vues à l'autre. Les bandes plus chaudes près du haut signifient que la plupart des visiteurs ont vu ce contenu; les bandes plus froides plus bas signifient que moins de personnes ont fait défiler aussi loin.
Accès aux heatmaps de défilement
Les heatmaps sont une fonctionnalité payante, disponible sur Pro et plus.
Ouvrir Heatmaps
Sélectionnez Heatmaps dans la barre latérale ou ouvrez le tableau de bord d'un site Web et choisissez l'onglet Heatmaps.
Choisissez une page
Le panneau de gauche liste les pages qui ont collecté des données. Utilisez la boîte de recherche pour filtrer, puis cliquez sur une page pour la charger.
Basculer vers Scroll
Au-dessus du heatmap, utilisez le bouton bascule Clic / Scroll pour passer à la vue de profondeur de défilement pour la même page.
Comprendre l'affichage
Bandes de profondeur
Le heatmap de défilement superpose une capture d'écran de votre page avec un dégradé vertical lisse. La couleur de la bande code la part des pages vues qui ont fait défiler au moins cette profondeur, donc l'overlay passe du chaud (tout le monde) en haut au froid (peu) plus bas.
Vous pouvez:
- Voir le contenu réel de la page sous l'overlay
- Zoomer et dézoomer avec les contrôles à l'écran, ou pincer sur les appareils tactiles
- Faire glisser pour effectuer un panoramique une fois que vous êtes zoomé
Règles de profondeur
Des règles en pointillés à 25%, 50% et 75% de la hauteur de la page sont chacune étiquetées avec la portée à ce point, par exemple "62% des vues ont atteint ici". Ceux-ci vous donnent des points de lecture concrets sans avoir besoin de survoler.
Profondeur moyenne
Un marqueur montre la profondeur moyenne atteinte par les visiteurs sur cette page, intégrée à partir de la distribution de défilement. C'est une jauge rapide de la distance jusqu'à laquelle le visiteur typique descend avant de partir ou d'arrêter.
L'en-tête au-dessus du heatmap résume les données, affichant le nombre de pages vues dans la fenêtre sélectionnée aux côtés de la distribution de profondeur de défilement.
Plage de temps
Un sélecteur de période vous permet de limiter le heatmap à une fenêtre récente: 7 jours, 30 jours, 90 jours, ou 6 mois. Les fenêtres plus longues sont disponibles sur les plans supérieurs; les options verrouillées affichent une icône de verrou et le plan nécessaire pour les déverrouiller.
Vue en plein écran
Cliquez sur Plein écran pour ouvrir la page dans un inspecteur en plein écran. Les bandes de défilement et les règles suivent la capture d'écran au fur et à mesure que vous zoomez et effectuez un panoramique, ce qui est utile pour les longues pages où la vue en ligne est à l'étroit. Appuyez sur Échap ou cliquez sur Quitter pour revenir.
Analyser les pages
Contenu long
Pour les articles et les articles de blog:
- Où les lecteurs s'arrêtent-ils?
- La page est-elle trop longue pour l'audience?
- Les images et les sous-titres maintiennent-ils les gens en mouvement vers le bas?
Pages d'atterrissage
Pour les pages de conversion:
- L'appel à l'action est-il au-dessus du point où la plupart des visiteurs s'arrêtent?
- Combien de personnes atteignent l'offre plus bas?
- Où la chute se concentre-t-elle?
Pages de commerce électronique
Pour les pages de produits:
- Les visiteurs atteignent-ils les avis et les spécifications?
- Le bouton d'achat est-il à la portée de la plupart des vues?
Lecture des abandons
Une transition nette d'une bande chaude à une bande froide signifie que beaucoup de visiteurs se sont arrêtés à cette profondeur. Un fondu progressif est un défilement normal. Une falaise précoce pointe généralement vers un problème de contenu ou de mise en page à ce point de la page.
Causes communes d'un abandon précoce:
| Cause | Que essayer |
|---|---|
| Contenu faible | Améliorez l'ouverture et divisez le texte dense |
| Chargement lent | Optimisez les images et les scripts lourds |
| Tâche terminée | Le visiteur a eu ce qu'il cherchait, ce qui peut être bien |
| Élément distrayant | Repositionnez-le ou supprimez-le |
Améliorer la profondeur de défilement
- Divisez les longs textes en sections plus courtes
- Ajoutez des visuels entre les blocs de copie
- Utilisez des sous-titres clairs et convaincants
- Créez une curiosité et soulevez du contenu ci-dessous pour créer une raison de continuer le défilement
Meilleures pratiques
Placement du contenu
Utilisez les données de profondeur pour commander la page: le contenu le plus important et les appels à l'action primaires près du haut, le contenu secondaire plus bas.
Longueur de page
Adapte la longueur à l'intention. Gardez les pages courtes pour les actions rapides; les pages plus longues vont bien quand le contenu justifie le défilement et les données de profondeur montrent que les gens atteignent le bas.
Mobile vs Bureau
Le comportement de défilement diffère selon l'appareil. Capturez une page sur une fenêtre significative et comparez-la à vos données de clic et de session pour comprendre comment les visiteurs se déplacent réellement dans celle-ci.
Combinaison avec d'autres données
Clic et Scroll
Utilisez les deux modes sur la même page. Le défilement montre quel contenu a été vu; les clics montrent ce qui a attiré l'action. Ensemble, ils donnent une image plus complète de la façon dont une page fonctionne.
Sessions
Quand un motif de profondeur pose une question, regardez les enregistrements individuels session pour la même page pour comprendre le "pourquoi" derrière l'endroit où les gens s'arrêtent.