Cosa mostra una scroll map su dove i lettori si fermano

Che cos'è una mappa di scorrimento?

Nella web analytics, la mappa di scorrimento (scroll map) è una heatmap che colora ogni fascia orizzontale di una pagina in base alla percentuale di visitatori il cui schermo ha raggiunto quella fascia. È più calda in alto, dove partono tutti, e si raffredda man mano che le persone se ne vanno. Lo script di tracciamento registra il punto più profondo raggiunto da ogni visualizzazione di pagina, e lo strumento di heatmap trasforma queste profondità in una curva cumulativa disegnata sopra uno screenshot. Usala per rispondere a una sola domanda: abbastanza persone hanno visto la sezione che conta prima di andarsene?

La documentazione di Microsoft Clarity descrive lo scopo senza giri di parole: le mappe di scorrimento "ti aiutano a stabilire la lunghezza ideale della pagina per ottenere il massimo delle conversioni e mostrano fino a che punto scorrono le pagine i tuoi utenti". Una mappa di scorrimento non mostra che cosa le persone leggono, cliccano o capiscono. Mostra la copertura, e la copertura è il primo ostacolo da cui dipende ogni altra metrica della pagina. La panoramica di tutti i tipi di heatmap per siti web affianca la mappa di scorrimento alle mappe dei click, dei movimenti, dei coriandoli e dell'attenzione.

Come calcola la mappa di scorrimento la percentuale di ogni fascia?

Una mappa di scorrimento calcola la percentuale di ogni fascia dividendo il numero di visualizzazioni di pagina che hanno raggiunto quella profondità per il totale delle visualizzazioni del campione. Ogni visitatore conta come arrivato in cima, quindi la curva parte dal 100% e può solo scendere man mano che ti sposti verso il fondo della pagina.

Clarity mostra i numeri in un pannello laterale con tre colonne. "% Scrolled" indica "i dati percentuali della pagina a incrementi del 5%", "# of visitors" indica quanti utenti sono atterrati sulla pagina e "% drop off" indica "la percentuale di visitatori che hanno abbandonato a una determinata percentuale dell'altezza della pagina". Passando il mouse sulla mappa compare "la percentuale esatta di utenti che hanno raggiunto quel punto", e Clarity traccia linee predefinite al 25%, al 50% e al 75%.

Elemento della mappa di scorrimento	Cosa mostra	Come usarlo
Fasce di colore	Quota di visitatori che hanno raggiunto ogni profondità, dal caldo al freddo	Un colpo d'occhio su dove il pubblico si assottiglia
Colonna % scrolled	Altezza della pagina a passi del 5%	Individuare una sezione dalla sua posizione nella pagina
Colonna % drop off	Quota di visitatori persi a ogni passo	Trovare la singola fascia che perde più persone
Linee al 25%, 50%, 75%	Profondità raggiunta da quella quota di visitatori	Verificare se una sezione chiave sta sopra o sotto ciascuna linea
Piega media	Ciò che i visitatori hanno visto prima di scorrere	Decidere che cosa deve stare nella prima schermata

La colonna degli abbandoni è quella da leggere per prima. Un calo graduale dall'alto al basso è normale. Un gradino improvviso, in cui il 20% dei visitatori se ne va in una sola fascia del 5%, indica una sezione precisa che blocca le persone.

Che cos'è la piega media in una mappa di scorrimento?

La piega media in una mappa di scorrimento è una linea che segna quanta parte della pagina il visitatore medio ha visto sullo schermo prima di scorrere. Clarity la definisce come "il contenuto visibile sopra la piega in base agli utenti che accedono al tuo sito" e dice che "indica la posizione media visibile su una pagina web prima che l'utente inizi a scorrere".

La piega è una media tra schermi di dimensioni diverse, ed è per questo che ha senso solo su una mappa filtrata per un solo tipo di dispositivo. Una mappa desktop e una mappa mobile collocano la piega in punti molto diversi. Leggi la linea come il confine di ciò che tutti hanno visto gratis. Tutto ciò che sta sotto doveva guadagnarsi uno scroll.

In cosa la mappa di scorrimento è diversa dal tracciamento della profondità di scroll?

Una mappa di scorrimento è una rappresentazione visiva dell'intera curva di copertura disegnata sulla pagina, mentre il tracciamento della profondità di scroll invia eventi a tappe al tuo strumento di analytics quando un visitatore supera soglie prestabilite come 25%, 50%, 75% e 90%. Entrambi misurano fino a dove arrivano le persone. Rispondono però a domande successive diverse.

	Mappa di scorrimento	Eventi di profondità di scroll
Risultato	Overlay colorato su uno screenshot	Eventi nei report del tuo strumento di analytics
Risoluzione	Continua, ogni fascia	Solo le soglie che definisci
Segmentazione	Filtri dentro lo strumento di heatmap	Qualsiasi dimensione presente nel tuo strumento di analytics, come fonte o campagna
Ideale per	Capire in che punto della pagina le persone se ne vanno	Confrontare la copertura tra pagine, fonti e periodi

La guida alla profondità di scroll tratta il lato degli eventi, compreso il motivo per cui la visibilità dell'elemento batte le soglie percentuali per una call to action. Usa la mappa di scorrimento per trovare la fascia problematica, poi usa gli eventi per vedere se una correzione sposta il numero nel tempo.

Come si legge una mappa di scorrimento passo dopo passo?

Per leggere una mappa di scorrimento, filtra per un solo dispositivo, individua il calo più forte e poi controlla dove si trovano le tue sezioni chiave rispetto alle linee del 50% e del 75%. Per ogni pagina bastano pochi minuti.

1. Filtra per un solo tipo di dispositivo. Mescolare desktop e mobile fa la media di due altezze di pagina diverse in un'unica curva senza senso.
2. Annota la piega media. Elenca ciò che sta sopra. Se il titolo, l'offerta e la call to action principale non ci sono tutti, parti da qui.
3. Trova il calo più ripido nella colonna % drop off. Scorri fino a quella fascia nello screenshot e dai un nome alla sezione che si trova lì.
4. Segna le tue sezioni chiave. Trova la riprova sociale, i prezzi e il modulo o la call to action, e annota la percentuale di visitatori che ha raggiunto ciascuna.
5. Confronta con il tuo obiettivo. Se i prezzi stanno in un punto che raggiunge solo il 30% dei visitatori, la maggior parte del pubblico non ha mai visto il prezzo.
6. Guarda alcune registrazioni che finiscono nella fascia di abbandono. La mappa ti dice dove le persone se ne vanno. Una session replay mostra che cosa c'era sullo schermo quando è successo.
7. Sposta una sezione e misura di nuovo. Cambia una cosa sola, poi confronta la nuova mappa con la vecchia sullo stesso numero di giorni.

Gli stessi passaggi valgono per analizzare qualsiasi landing page. La copertura viene prima di tutto, perché una sezione che nessuno raggiunge non può convertire nessuno.

Quattro cose che allungano o accorciano una pagina

Immagini e embed con caricamento differito Aggiungono altezza dopo il primo rendering, quindi una sezione cade a percentuali diverse con connessioni veloci e lente

Scroll infinito e "carica altro" La pagina cresce mentre il visitatore scorre, quindi l'80% continua a spostarsi

Accordion e schede chiusi La pagina è più corta dello screenshot fatto con i contenuti espansi

Banner dei cookie e barre promozionali fisse Spingono i contenuti verso il basso per alcuni visitatori e non per altri

Perché una mappa di scorrimento può trarre in inganno su certe pagine?

Una mappa di scorrimento trae in inganno quando l'altezza della pagina cambia da una visita all'altra, perché ogni percentuale sulla mappa è una percentuale di un'altezza che lo strumento presume fissa. La scala di Clarity è in "percentuale dell'altezza della pagina", e qualsiasi cosa che allunghi o accorci la pagina sposta il significato del 50%.

Quattro schemi di pagina causano il problema. Le immagini e gli embed con caricamento differito aggiungono altezza dopo il primo rendering, quindi la stessa sezione cade a percentuali diverse con connessioni veloci e lente. Lo scroll infinito e i feed "carica altro" fanno crescere la pagina mentre il visitatore scorre, quindi raggiungere l'80% di una pagina che continua ad allungarsi non equivale a raggiungere l'80% di un articolo di lunghezza fissa. Gli accordion e le schede che partono chiusi rendono la pagina più corta dello screenshot quando si conta il contenuto espanso. I banner dei cookie e le barre promozionali fisse spingono i contenuti verso il basso per alcuni visitatori e non per altri.

Le pagine corte causano il problema opposto. Se l'intera pagina sta in una sola schermata, ogni visitatore raggiunge il 100% senza scorrere, e la mappa mostra un calore uniforme che non significa nulla. Controlla la piega media rispetto alla lunghezza della pagina prima di leggere qualcosa nei colori di una pagina corta.

Come misura Flowsery fin dove scorrono i visitatori?

Flowsery misura la profondità di scroll all'interno delle sue analisi per landing page, che rilevano "fonti, UTM, referrer, profondità di scroll, clic sulle CTA, obiettivi e passaggi del funnel senza cookie né ID personali." Flowsery indica come scopo la misurazione di "se i visitatori raggiungono prove sociali, prezzi, moduli e call to action principali prima di andarsene", cioè la stessa domanda a cui risponde una scroll map, ma con numeri che puoi confrontare per pagina e per fonte invece che con una sovrapposizione di colori. Flowsery non include scroll map né heatmap tra le sue funzionalità. La sua session replay registra ogni clic e ogni scroll come riproduzione completa del DOM, così puoi guardare le visite che si sono fermate a una certa sezione.

Domande frequenti

Cosa significa l'area rossa in una scroll map?

Il rosso indica le fasce raggiunte dalla quota maggiore di visitatori, che è sempre la parte alta della pagina. Il colore si raffredda man mano che i visitatori se ne vanno. Leggi la percentuale al passaggio del mouse o nel pannello laterale, senza giudicare solo dal colore.

Qual è un buon risultato in una scroll map?

Un buon risultato è quello in cui la tua call to action principale si trova sopra la profondità raggiunta dalla maggior parte dei visitatori su quel dispositivo. Non esiste una percentuale valida per tutti, perché una pagina prezzi corta e un articolo lungo hanno compiti diversi. Dopo ogni modifica, confronta una pagina con le sue mappe precedenti.

Perché la mia scroll map mostra 100% in fondo?

La pagina entra in una sola schermata per la maggior parte dei visitatori, che quindi hanno raggiunto il fondo senza scorrere. Su una pagina corta una scroll map non ha nulla da misurare. Controlla dove cade in media la piega della pagina prima di leggere i colori.

Devo creare scroll map separate per mobile e desktop?

Sì. L'altezza della pagina, la piega e la posizione di ogni sezione cambiano con la dimensione dello schermo, quindi una mappa combinata fa la media di due pagine diverse. Per questo Clarity ti permette di passare tra le viste PC, tablet e mobile.

Qual è la differenza tra una scroll map e una attention map?

Una scroll map mostra fin dove i visitatori sono scesi nella pagina. Una attention map mostra per quanto tempo ogni parte della pagina è rimasta sullo schermo. Una sezione può avere una raggiungibilità alta e un'attenzione bassa quando le persone la superano di corsa.

Una scroll map mostra se le persone leggono il contenuto?

No. Una scroll map registra che una fascia era sullo schermo, non che qualcuno l'abbia letta. Scorrere velocemente oltre una sezione conta come fermarsi a leggerla, quindi abbina la mappa a dati di attenzione o a registrazioni prima di dire che una sezione è stata letta.

Come trovo il punto in cui i visitatori se ne vanno in una scroll map?

Leggi la colonna % drop off e cerca il gradino più ripido. Un calo graduale è normale, ma una fascia in cui il 20% dei visitatori se ne va in un colpo solo indica una sezione che li blocca. Scorri fino a quella fascia nello screenshot e individua la sezione che si trova lì.

Perché la mia scroll map sembra sbagliata su una pagina con scroll infinito?

Ogni percentuale di una scroll map è una quota di un'altezza di pagina che lo strumento considera fissa. Un feed con scroll infinito o con "carica altro" cresce mentre il visitatore scorre, quindi raggiungere l'80% di quel feed non equivale a raggiungere l'80% di un articolo di lunghezza fissa.

Flowsery ha le scroll map?

Flowsery non include scroll map né heatmap tra le sue funzionalità. Misura la profondità di scroll all'interno delle sue analisi per landing page, con numeri che puoi confrontare per pagina e per fonte. La sua session replay ti permette di guardare le visite che si sono fermate a una certa sezione.

Come capisco se spostare una sezione ha migliorato la mia scroll map?

Cambia una cosa sola, poi confronta la nuova mappa con la vecchia sullo stesso numero di giorni. Gli eventi di profondità di scroll ti aiutano a controllare se il valore regge nel tempo. Le registrazioni che finiscono nella fascia di abbandono mostrano cosa c'era sullo schermo quando le persone se ne sono andate.