Ce qu'une scroll map montre de l'endroit où les lecteurs s'arrêtent

Qu'est-ce qu'une scroll map ?

En web analytics, une scroll map est une heatmap qui colore chaque bande horizontale d'une page selon le pourcentage de visiteurs dont l'écran a atteint cette bande, plus chaude en haut où tout le monde commence et de plus en plus froide à mesure que les gens partent. Le script de tracking enregistre le point le plus bas atteint par chaque page vue, et l'outil de heatmap transforme ces profondeurs en une courbe cumulée peinte sur une capture d'écran. Servez-vous-en pour répondre à une seule question : assez de gens ont-ils vu la section qui compte avant de partir ?

La documentation de Microsoft Clarity formule l'objectif clairement : les scroll maps "help you determine the ideal page length for maximum conversions and show how far your users scroll on the pages." Une scroll map ne montre pas ce que les gens ont lu, cliqué ou compris. Elle montre la portée, et la portée est la première condition dont dépendent toutes les autres métriques de la page. La vue d'ensemble de chaque type de heatmap de site web place la scroll map à côté des click, move, confetti et attention maps.

Comment une scroll map calcule-t-elle le pourcentage de chaque bande ?

Une scroll map calcule le pourcentage de chaque bande en divisant le nombre de pages vues qui ont atteint cette profondeur par le total des pages vues de l'échantillon. Chaque visiteur est compté comme ayant atteint le haut de la page, donc la courbe part de 100% et ne peut que descendre à mesure que vous descendez dans la page.

Clarity affiche les chiffres dans un panneau latéral à trois colonnes. "% Scrolled" montre "the page percent data in increments of 5%," "# of visitors" montre combien d'utilisateurs sont arrivés sur la page, et "% drop off" montre "the percent of visitors who dropped off at a corresponding percent of page height." Le survol de la carte affiche "the exact % of users who reached that point," et Clarity trace des lignes prédéfinies à 25%, 50% et 75%.

Élément de la scroll map	Ce qu'il montre	Comment s'en servir
Bandes de couleur	Part des visiteurs qui ont atteint chaque profondeur, du chaud au froid	Une lecture rapide de l'endroit où l'audience s'amenuise
Colonne % scrolled	Hauteur de page par pas de 5%	Situer une section par sa position dans la page
Colonne % drop off	Part des visiteurs perdus à chaque pas	Trouver la bande unique qui perd le plus de monde
Lignes 25%, 50%, 75%	Profondeur atteinte par cette part des visiteurs	Vérifier si une section clé se trouve au-dessus ou en dessous de chaque ligne
Ligne de flottaison moyenne	Ce que les visiteurs ont vu avant de faire défiler	Décider de ce qui a sa place dans le premier écran

La colonne d'abandon est celle à lire en premier. Une baisse régulière du haut vers le bas est normale. Une marche brutale, où 20% des visiteurs partent dans une seule bande de 5%, désigne une section précise qui arrête les gens.

Qu'est-ce que la ligne de flottaison moyenne sur une scroll map ?

La ligne de flottaison moyenne sur une scroll map est une ligne qui marque la portion de la page que le visiteur moyen a vue à l'écran avant tout défilement. Clarity la définit comme "the content seen above the fold based on the users accessing your site," et indique qu'elle "indicates the average location visible on a webpage before the user starts scrolling."

La ligne de flottaison est une moyenne sur plusieurs tailles d'écran, c'est pourquoi elle n'a de sens que sur une carte filtrée sur un seul type d'appareil. Une carte desktop et une carte téléphone placent la ligne de flottaison à des endroits très différents. Lisez cette ligne comme la limite de ce que tout le monde a vu gratuitement. Tout ce qui se trouve en dessous a dû mériter un défilement.

En quoi une scroll map diffère-t-elle du suivi de la profondeur de défilement ?

Une scroll map est une représentation visuelle de toute la courbe de portée dessinée sur la page, alors que le suivi de la profondeur de défilement envoie des événements d'étape à votre outil d'analytique quand un visiteur franchit des seuils fixés, comme 25%, 50%, 75% et 90%. Les deux mesurent jusqu'où vont les gens. Ils répondent à des questions de suivi différentes.

	Scroll map	Événements de profondeur de défilement
Résultat	Calque coloré sur une capture	Événements dans vos rapports d'analytique
Résolution	Continue, chaque bande	Seulement les seuils que vous définissez
Segmentation	Filtres dans l'outil de heatmap	Toute dimension que votre outil d'analytique contient, comme la source ou la campagne
Idéal pour	Repérer où les gens quittent la page	Comparer la portée entre pages, sources et périodes

Le guide de la profondeur de défilement couvre le côté événements, y compris pourquoi la visibilité d'un élément vaut mieux que des seuils en pourcentage pour un appel à l'action. Utilisez la scroll map pour trouver la bande problématique, puis les événements pour vérifier si une correction fait bouger le chiffre dans le temps.

Comment lire une scroll map étape par étape ?

Pour lire une scroll map, filtrez sur un appareil, trouvez le plus gros abandon, puis vérifiez où se trouvent vos sections clés par rapport aux lignes 50% et 75%. Comptez quelques minutes par page.

1. Filtrez sur un type d'appareil. Mélanger desktop et mobile fait la moyenne de deux hauteurs de page différentes en une courbe sans signification.
2. Notez la ligne de flottaison moyenne. Listez ce qui se trouve au-dessus. Si le titre, l'offre et l'appel à l'action principal n'y sont pas tous, commencez par là.
3. Trouvez la plus forte baisse dans la colonne % drop off. Faites défiler jusqu'à cette bande sur la capture et nommez la section qui s'y trouve.
4. Repérez vos sections clés. Trouvez la preuve sociale, les prix et le formulaire ou l'appel à l'action, et notez le pourcentage de visiteurs qui a atteint chacun.
5. Comparez avec votre objectif. Si les prix se trouvent là où n'arrivent que 30% des visiteurs, la plus grande partie de l'audience n'a jamais vu le prix.
6. Regardez quelques enregistrements qui se terminent à la bande d'abandon. La carte vous dit où les gens partent. Un session replay montre ce qui était à l'écran à ce moment-là.
7. Déplacez une section et mesurez à nouveau. Changez une seule chose, puis comparez la nouvelle carte à l'ancienne sur le même nombre de jours.

Les mêmes étapes s'appliquent pour analyser n'importe quelle landing page : la portée passe en premier, parce qu'une section que personne n'atteint ne peut convertir personne.

Quatre choses qui allongent ou raccourcissent une page

Images et embeds chargés en différé Ajoutent de la hauteur après le premier rendu, donc une section tombe à des pourcentages différents selon la vitesse de connexion

Défilement infini et flux à charger La page grandit pendant que le visiteur défile, donc le repère des 80% se déplace

Accordéons et onglets fermés La page est plus courte que la capture prise avec le contenu déplié

Bandeaux de cookies et barres promo fixes Poussent le contenu vers le bas pour certains visiteurs et pas pour d'autres

Pourquoi une scroll map induit-elle en erreur sur certaines pages ?

Une scroll map induit en erreur quand la hauteur de la page change d'une visite à l'autre, parce que chaque pourcentage de la carte est un pourcentage d'une hauteur que l'outil suppose fixe. L'échelle de Clarity elle-même est en "percent of page height," et tout ce qui allonge ou raccourcit la page déplace ce que 50% veut dire.

Quatre types de pages provoquent ce problème. Les images et les contenus intégrés en lazy loading ajoutent de la hauteur après le premier affichage, donc la même section se situe à des pourcentages différents pour les connexions rapides et lentes. Le scroll infini et les flux "charger plus" font grandir la page à mesure que le visiteur défile, donc atteindre 80% d'une page qui ne cesse de s'allonger n'équivaut pas à atteindre 80% d'un article fixe. Les accordéons et les onglets fermés au départ rendent la page plus courte que la capture quand le contenu déplié est compté. Les bannières de cookies et les barres promotionnelles fixes poussent le contenu vers le bas pour certains visiteurs et pas pour d'autres.

Les pages courtes posent le problème inverse. Si toute la page tient sur un écran, chaque visiteur atteint 100% sans défiler, et la carte affiche une chaleur uniforme qui ne veut rien dire. Comparez la ligne de flottaison moyenne à la longueur de la page avant d'interpréter les couleurs d'une page courte.

Comment Flowsery mesure-t-il jusqu'où les visiteurs font défiler ?

Flowsery mesure la portée du défilement dans le cadre de son analytique de landing page, qui capture "sources, UTMs, referrers, scroll depth, CTA clicks, goals, and funnel steps without cookies or personal IDs." Flowsery décrit l'objectif comme mesurer "whether visitors reach proof, pricing, forms, and primary calls to action before they leave", soit la même question que celle à laquelle répond une scroll map, présentée sous forme de chiffres comparables par page et par source plutôt que sous forme de calque coloré. Flowsery ne liste ni scroll maps ni heatmaps parmi ses fonctionnalités. Son session replay enregistre chaque clic et chaque défilement en lecture complète du DOM, ce qui vous permet de regarder les visites qui se sont arrêtées à une section donnée.

Questions fréquentes

Que signifie la zone rouge sur une scroll map ?

Le rouge marque les bandes atteintes par la plus grande part des visiteurs, c'est-à-dire toujours le haut de la page. La couleur refroidit à mesure que les visiteurs partent. Lisez le pourcentage au survol ou dans le panneau latéral au lieu de juger à la seule couleur.

Qu'est-ce qu'un bon résultat sur une scroll map ?

Un bon résultat, c'est quand votre appel à l'action principal se trouve au-dessus de la profondeur atteinte par la plupart des visiteurs sur cet appareil. Il n'existe pas de pourcentage universel, parce qu'une page de prix courte et un long article n'ont pas le même rôle. Comparez une page à ses propres cartes précédentes après chaque changement.

Pourquoi ma scroll map affiche-t-elle 100% en bas de page ?

La page tient sur un seul écran pour la plupart des visiteurs, qui ont donc atteint le bas sans faire défiler. Une scroll map sur une page courte n'a rien à mesurer. Vérifiez où se situe la ligne de flottaison moyenne avant de lire les couleurs.

Faut-il créer des scroll maps séparées pour le mobile et le desktop ?

Oui. La hauteur de page, la ligne de flottaison et la position de chaque section changent avec la taille d'écran, donc une carte combinée fait la moyenne de deux pages différentes. Clarity vous permet de passer entre les vues PC, tablette et mobile pour cette raison.

Quelle est la différence entre une scroll map et une attention map ?

Une scroll map montre jusqu'où les visiteurs sont descendus dans la page. Une attention map montre combien de temps chaque partie de la page est restée à l'écran. Une section peut avoir une forte portée et peu d'attention quand les gens la font défiler sans s'arrêter.

Une scroll map montre-t-elle si les gens lisent le contenu ?

Non. Une scroll map enregistre qu'une bande a été à l'écran, pas que quelqu'un l'a lue. Défiler vite au-delà d'une section compte autant que s'arrêter pour la lire, donc associez la carte à des données d'attention ou à des enregistrements avant d'affirmer qu'une section a été lue.

Comment trouver sur une scroll map l'endroit où les visiteurs partent ?

Lisez la colonne d'abandon et repérez la marche la plus raide. Une baisse régulière est normale, mais une bande où 20% des visiteurs partent d'un coup désigne une section qui arrête les gens. Faites défiler la capture jusqu'à cette bande et nommez la section qui s'y trouve.

Pourquoi ma scroll map semble-t-elle fausse sur une page à défilement infini ?

Chaque pourcentage d'une scroll map est une part d'une hauteur de page que l'outil considère comme fixe. Un défilement infini ou un flux à charger grandit pendant que le visiteur avance, donc atteindre 80% de la page n'équivaut pas à atteindre 80% d'un article de longueur fixe.

Flowsery propose-t-il des scroll maps ?

Flowsery ne liste ni scroll maps ni heatmaps parmi ses fonctionnalités. Il mesure la profondeur de défilement dans son analytique de landing pages, sous forme de chiffres que vous pouvez comparer par page et par source. Son session replay permet de regarder les visites qui se sont arrêtées à une section donnée.

Comment savoir si déplacer une section a amélioré ma scroll map ?

Changez une seule chose, puis comparez la nouvelle carte à l'ancienne sur le même nombre de jours. Les événements de profondeur de défilement permettent de voir si le chiffre tient dans le temps. Les enregistrements qui se terminent dans la bande d'abandon montrent ce qui était à l'écran quand les gens sont partis.