L'ottimizzazione del tasso di conversione è uno dei compiti più complicati nel marketing e ci sono molte ragioni per questo. Per uno, non ci sono punti magici per l'ottimizzazione che funzionerebbero per ogni pagina. Inoltre, è estremamente difficile tenere traccia del modo in cui gli utenti interagiscono effettivamente all'interno di una pagina web. Uno strumento che rende molto più facile vedere ciò che le persone stanno facendo su una pagina Web è una heatmap.
In questo post, spiego come usare heatmaps per aumentare le conversioni. Andiamo.
Cosa sono Heatmap?
Una heatmap è una rappresentazione grafica di come gli utenti web interagiscono con il contenuto digitale e gli elementi della pagina.
Le mappe termiche sono state originariamente utilizzate per visualizzare dati del mercato finanziario in tempo reale per aiutare gli operatori a prendere decisioni. Nelle mappe di calore CRO e web design vengono utilizzate per tracciare, quantificare e visualizzare i clic e i movimenti del mouse dell'utente.
Le mappe di calore vengono utilizzate per visualizzare le interazioni dei visitatori con elementi grafici e informazioni visualizzate su pagine Web, fornendo così informazioni su come la progettazione e il layout dell'esperienza utente influisce sulle azioni e conversioni degli utenti.
In che modo Heatmaps può aiutarti ad aumentare le conversioni?
Una mappa termica fornisce una grande quantità di informazioni relative alle azioni di navigazione sul web dei visitatori.
- Mostrano se esistono punti di attrito chiaro. Ad esempio, elementi del sito che sembrano essere cliccabili ma in realtà statici.
- Heatmap mostra come i visitatori interagiscono con le chiamate all'azione.
- Mostrano quali aree interagiscono maggiormente con i visitatori e quali elementi della pagina impediscono loro di seguire il percorso di conversione.
Inoltre, grazie alla codifica a colori, tutte queste informazioni sono abbastanza facili da comprendere.
Adoro questo esempio di heatmap che visualizza le interazioni dell'utente con Google e SERP Bing di ConversionXL.

Esempio di una heatmap per visualizzare le interazioni dell'utente con Google e Bing SERP. Fonte: Conversionxl
Una heatmap è anche utile per raccogliere dati da un gran numero di utenti, senza dover lasciare il comfort del proprio ufficio (o investire in focus group).
I dati Heatmap sono molto accurati e rappresentano un grande insieme di utenti che potrebbero essere i vostri clienti e clienti ideali che interagiscono con la pagina Web in modo naturale.
Tipi di mappe di calore
Una heatmap è un termine generale utilizzato per diversi strumenti di generazione di calore: spostare mappe, fare clic su mappe e scorrere mappe.
È utile conoscere la differenza, poiché diversi tipi ti aiuteranno a indagare su diversi aspetti delle prestazioni del sito web:
Sposta mappe
Spostare le mappe tiene traccia di dove gli utenti desktop si muovono e mettono in pausa il mouse durante la navigazione di una pagina. Gli hotspot nelle mappe delle mosse mostrano dove si fermava il mouse.
La ricerca mostra una correlazione tra dove si trova il mouse di un utente e dove stanno effettivamente guardando. Ciò significa che la mappa delle mosse ti darà un'idea di dove le persone potrebbero guardare mentre stanno usando la tua pagina.
Clicca mappe
Una mappa dei clic mostra dove i visitatori fanno clic con il mouse sui computer desktop o toccare su dispositivi mobili. Le mappe dei clic per i dispositivi mobili sono denominate heatmap tattili.
Le mappe sono codificate per colore per mostrare quali elementi o aree sono stati toccati o cliccati di più (dal più piccolo al più cliccato i colori sono verde, giallo, arancione e rosso).
Fonte immagine: digitaleagles.com.au
Scorrere le mappe
Le mappe di scorrimento mostrano il numero di visitatori che scorrono verso un punto specifico della pagina. Maggiore è il numero di visitatori che hanno visto un'area, più diventa rossa l'area.
Una volta ottenuti i dati della heatmap, sarete in grado di determinare se i visitatori stanno effettivamente utilizzando il sito Web come desiderato. Ciò ti aiuterà ad apportare le modifiche necessarie per ottimizzare i tassi di conversione.
Ci sono più piattaforme che hanno tutti i tipi di caratteristiche heatmap, così come diversi plugin WordPress che integrano heatmap nel tuo servizio di test A / B.
Ecco tre modi in cui è possibile utilizzare le heatmap per aumentare i tassi di conversione.
1. Riduzione dell'abbandono del carrello
Se la pagina di checkout non sta convertendo i visitatori come previsto, i dati di heatmap possono aiutare a identificare dove stanno effettivamente cliccando. Possono spostare il mouse su tutta la pagina perché non è evidente dove si trova il pulsante checkout.
In questo esempio sotto il team del sito Web di The North Face ha utilizzato heatmap per scoprire che i visitatori sono stati distratti da un banner promozionale nella pagina di checkout.
Fonte immagine: UXmag.com.
I visitatori si sono concentrati così tanto su un banner promozionale sopra il pulsante checkout, che li ha invitati a diventare un membro dei premi, che non hanno prestato attenzione al pulsante checkout sulla pagina del carrello degli acquisti. Fortunatamente, questo tipo di problema è facile da risolvere una volta che è stato identificato.
2. Ottimizzazione delle chiamate all'azione
Heatmap mostra esattamente dove i visitatori fanno clic sulla pagina web. Questo si traduce nel sapere se i visitatori effettivamente seguono o meno la direttiva di un CTA.
Una mappa termica traccia anche i movimenti degli occhi. Questo è utile per determinare quali aree attirare l'attenzione. Una volta ottenute queste informazioni, è possibile semplificare la progettazione della pagina posizionando il CTA nell'area in cui gravano gli occhi dei visitatori.
3. Identificazione degli elementi morti
Se ci sono elementi che i visitatori spesso trascurano o ignorano, una heatmap lo identificherà.
Questo ti aiuterà a prendere decisioni informate su come spostare, eliminare o mantenere un elemento.
Heatmaps è solo uno dei tanti strumenti di ottimizzazione delle conversioni, ma è anche uno degli strumenti più efficienti ed economici a nostra disposizione. Utilizzi le heatmap per creare pagine di destinazione con una migliore conversione? Discutiamone!