Diego Fernando Torres » Blog di Monetizzazione » SEO » Caldo o no? Controlla le tue immagini con le mappe di calore

Caldo o no? Controlla le tue immagini con le mappe di calore

    Sospetti che la tua pagina di vendita lasci le persone fredde? Pensi che nessuno stia leggendo i tuoi contenuti o, per lo meno, stia ignorando i tuoi pulsanti di invito all’azione (CTA)? Le immagini sul tuo sito web disattivano i visitatori o li confondono?

    Cosa stanno pensando i tuoi visitatori?!?!

    Se hai posto una di queste domande, o vuoi semplicemente sapere cosa piace e cosa non piace ai tuoi visitatori, le mappe di calore sono la risposta super semplice (e pazzesca).

    Copywriter e designer prendono nota: questo cambierà il modo in cui fai tutto. Pronto? Ti mostrerò come utilizzare le mappe di calore per ottenere il massimo dal tuo contenuto visivo. La migliore parte? Questi programmi sono generalmente gratuiti o convenienti (consiglio cinque preferiti in fondo).

    Cos’è una mappa di calore? Perché dovresti preoccuparti?

    Le mappe di calore, note anche come “mappe al passaggio del mouse” e “mappe clic”, sono incredibili componenti tecnologici, per non parlare di visualizzazioni di dati di per sé impressionanti. Un buon programma di mappe di calore tiene traccia dei movimenti di un mouse e probabilmente hai notato che mentre leggi una pagina, il tuo mouse si posiziona vicino alle parole che stai leggendo. Tendiamo a usare il cursore come un dito sulla pagina per contrassegnare dove leggiamo; ma lo usiamo anche quando stiamo considerando. Fermarsi a meditare per decidere la vecchia domanda: fare clic? O non cliccare.

    Tracciando i movimenti del mouse, puoi vedere cosa attrae gli occhi dei tuoi visitatori, quali opzioni stanno considerando e cosa potrebbe confonderli. Vedrai anche, molto chiaramente, dove la tua pagina non funziona affatto.

    Una mappa di calore ha più o meno questo aspetto.

    (La mappa di calore di seguito proviene da Mouseflow nella dashboard di WordPress)

    Mappa termica del flusso del mouse

    Le aree rosse sono i punti in cui i visitatori si muovono maggiormente con i loro topi. In qualità di imprenditore, puoi utilizzare queste informazioni per mettere a punto le tue offerte e scoprire le preferenze della tua base di utenti e ripetere di conseguenza.

    In qualità di scrittore o designer, puoi utilizzare queste informazioni per definire una strategia su ciò che desideri sottolineare visivamente per ottenere più attenzione.

    L’arte di vedere ciò che non c’è

    Giochiamo a Sherlock per un minuto, va bene? Perché le mappe di calore non sono utili solo per mostrarti ciò che le persone siamo vedere – sono inestimabili per mostrarti quali visitatori non lo sono vedendo.

    Guarda questo esempio da Heat map.me. Vedi dove sono tutti i punti caldi? Hai notato dove non sono?

    Esempio Heatmap.me

    Le immagini di solito attirano l’attenzione: questo è il loro unico scopo. Quindi, se hai un’immagine che non sta ottenendo alcuna attenzione, hai fatto qualcosa di sbagliato. Questa immagine perde due opportunità. Il primo è che non è particolarmente avvincente, motivo per cui non valuta nemmeno uno sguardo freddo. L’altro è che gli studi hanno dimostrato che le didascalie sotto le immagini vengono lette più spesso di qualsiasi altro testo sulla pagina. Questa immagine non ha una didascalia.

    Esempio Heatmap.me

    Quando stai ottimizzando per la conversione, ti consigliamo di utilizzare le tue immagini per attirare l’attenzione E includere didascalie che fungono da CTA o rinforzano un tema principale che desideri che i tuoi visitatori sappiano.

    Disorientamento: ottimo per Houdini, cattivo per te

    Le persone si distraggono facilmente – oooh oggetto splendente! Cosa stavo dicendo? Oh sì, le persone sono facilmente distratte, soprattutto dalle immagini. Puoi usarlo a tuo vantaggio creando segnali visivi che indirizzano le persone nella giusta direzione. Dai un’occhiata a questo sottile segnale visivo: vedi dove guardano gli occhi della modella su questo sito di incontri? Proprio al CTA (call to action).

    Esempio di CTA (call to action)

    Ma molte pagine web puntano a tutti i tipi di direzioni con le loro immagini e il loro design, quindi invece di arrivare a una pagina ed essere indirizzati verso il completamento di un’attività desiderabile, il visitatore è sopraffatto. Hotjar ci mostra come appare in pratica.

    Esempio Hotjar

    L’attività del cursore, idealmente, dovrebbe essere focalizzata sul messaggio chiave della tua pagina e sui pulsanti CTA. Se vedi una mappa di calore con una foschia di tratti del cursore, i tuoi visitatori sono probabilmente confusi e non sanno cosa dovrebbero fare sulla tua pagina. I tuoi tassi di conversione ne risentiranno.

    Ma, prima di rielaborare l’intera pagina, guarda dove si trova la più alta concentrazione di calore. Quali sono le parole che il tuo pubblico vede come chiave (piuttosto che ciò che hai pianificato come parole chiave). Se queste parole o frasi risuonano con i tuoi messaggi, potresti volerle mostrare in modo più evidente. In caso contrario, considera la possibilità di rielaborare completamente i tuoi messaggi (perché i visitatori probabilmente si stanno facendo un’idea sbagliata).

    Migliorare ulteriormente il bene

    Usare le mappe di calore per ottimizzare il tuo sito è facile, se decifri correttamente gli indizi. Ad esempio, se vedi poca attività above the fold, ma molta attività attorno a un’immagine below the fold, dovresti provare a spostare quell’immagine verso l’alto.

    Alcuni programmi di tracciamento dei clic (che a volte sono piegati in programmi di mappatura termica, come Crazyegg nell’immagine sotto) non solo ti mostreranno dove i visitatori cliccano, ma segmenteranno anche i clic per fonti di riferimento e termini di ricerca, il che significa che puoi vedere quali immagini, CTA e parole sulla tua pagina risuonano con il tuo pubblico più redditizio. Cool eh? Voglio dire, caldo! Prova a raddoppiare ciò che funziona spostando questi pezzi in posizioni più prominenti sulla pagina.

    Esempio Crazyegg

    Parola al saggio

    Tornando alla metafora del dito sulla pagina: hai mai notato che il tuo dito non è effettivamente sulla parola che stai leggendo, ma forse proprio accanto o sotto di essa? La stessa cosa accade sui siti web. Quindi, anche se gli hotspot potrebbero essere su una serie di parole, guardati sempre intorno e vedi se c’è un’altra serie di parole nelle vicinanze che potrebbe effettivamente attirare l’attenzione.

    Le mappe di calore non sono perfette. Anche i migliori sono aperti all’interpretazione. Pensa a loro come l’Oracolo greco: ti indicherà la giusta direzione e ti darà un suggerimento su cosa fare una volta arrivato, ma il resto dipende da te.

    E hey, se scopri che un’immagine non funziona, non devi passare un’ora in Photoshop per riconfigurarla. Prova uno strumento come Viso che ti consente di spostare testo, grafici e immagini ovunque sulla tela con un rapido clic e trascinamento (puoi persino ridimensionare la tela stessa in questo modo). Lo uso praticamente per tutto.

    Quando non hai bisogno di una mappa termica

    Se il traffico del tuo sito web è basso, una mappa termica potrebbe non essere rappresentativa di come funzionerà il tuo sito quando i tuoi numeri aumenteranno (in questo caso, prova uno strumento algoritmico come Feng GUI o eyequant per ottimizzare il layout della pagina e le immagini).

    Se hai un po ‘di traffico, può essere utile vedere esattamente cosa stanno facendo gli utenti – ed è allora che vuoi passare da una mappa di calore a un programma di registrazione della sessione come SessionCam o Hotjar. Con questi, puoi guardare i tuoi utenti effettivi che si fanno strada attraverso il tuo sito, compilare i moduli e abbandonare i loro carrelli (scherzo! Non proprio). In tutta serietà, se stai ricevendo compilazioni parziali di moduli, la registrazione delle sessioni utente può produrre molte risposte.

    5 programmi Heat Map da provare

    1. Mouseflow mostra dove le persone fanno clic, toccano, si spostano e scorrono e supporta intervalli di date personalizzati, layout per dispositivi mobili / reattivi e test A / B. Tiene traccia anche dell’attività degli utenti da una pagina all’altra, così puoi vedere quali percorsi prendono i clienti di successo e dove stai perdendo il resto. C’è una versione gratuita ed è incredibilmente facile da installare.
    2. Heatmap.me offre mappe termiche in tempo reale che vengono visualizzate sullo schermo in pochi secondi e si aggiornano costantemente, ideali per i siti Web con molto traffico e contenuti che cambiano regolarmente. Heatmap offre il trucco perfetto di sovrapporre la mappa di calore direttamente sulle pagine, in modo da poter navigare nel tuo sito Web e vedere cosa stanno guardando gli altri. Heatmap offre un pacchetto base gratuito.
    3. Hotjar, oltre alla mappatura termica, offre sondaggi di feedback sulla pagina, quindi se i tuoi utenti si comportano in un modo che ti è del tutto inspiegabile, puoi chiedere loro il motivo. I loro rapporti sulle mappe termiche mobili sono anche utili per controllare come i tuoi visitatori vivono il tuo sito sui loro desktop rispetto ai loro telefoni o tablet. Hotjar offre un pacchetto base gratuito.
    4. SessionCam registra le sessioni utente effettive, utile per la risoluzione dei problemi di conversione. È come condividere lo schermo con un utente, ma in modo anonimo, quindi è meno inquietante. SessionCam offre anche mappe termiche, analisi dei moduli e percorsi di conversione. Offre una prova gratuita.
    5. CrazyEgg offre heat mapping, scroll tracking e click tracking. Ciò che è veramente interessante è il modo in cui codifica i clic in base alla provenienza dell’utente (riferimenti o termini di ricerca) per una facile segmentazione. Offre una prova gratuita, ma la sua versione di base include la maggior parte delle funzionalità e costa solo $ 9 al mese per 10 pagine e 10.000 visite (ideale per nuovi siti Web e piccole imprese).

    Hai domande, risorse o punti di discussione sulle mappe di calore? Lasciateli nei commenti qui sotto!

    Sono contento che sei arrivato fin qui, puoi tornare alla sezione di S.E.O.

    Lascia un commento

    Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *