{"id":4195,"date":"2018-07-25T10:28:07","date_gmt":"2018-07-25T08:28:07","guid":{"rendered":"https:\/\/www.addlance.com\/blog\/?p=4195"},"modified":"2021-02-17T23:34:46","modified_gmt":"2021-02-17T22:34:46","slug":"heatmap-mappe-di-calore","status":"publish","type":"post","link":"https:\/\/seven.addlance.com\/beta\/blog\/heatmap-mappe-di-calore\/","title":{"rendered":"Testa il Comportamento dei tuoi Utenti con le Heatmap o Mappe di Calore"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignright wp-image-4411 size-medium\" title=\"heatmap mappe del calore per l'ottimizzazione\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2018\/07\/Heatmap-300x196.jpg\" alt=\"heatmap mappe del calore per l'ottimizzazione\" width=\"300\" height=\"196\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/07\/Heatmap-300x196.jpg 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/07\/Heatmap-1024x668.jpg 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/07\/Heatmap-768x501.jpg 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/07\/Heatmap-610x398.jpg 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/07\/Heatmap-1080x704.jpg 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/07\/Heatmap.jpg 1150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>Le <em>heatmap,<\/em> mappe del calore in italiano<em>,<\/em> sono uno strumento di lettura dati che attraverso i colori e una grafica simile alle immagini termografiche forniscono una panoramica sul\u00a0<a href=\"https:\/\/www.addlance.com\/s\/ottimizzazione-funnel\"><strong>comportamento dei naviganti<\/strong><\/a>\u00a0approdati sul nostro sito internet. In parole semplici, le <em>heatmap<\/em> ci permettono di <em>vedere<\/em> i dati relativi all&#8217;<em>user<\/em> <em>experience <\/em>del nostro sito (o del nostro <em>e-commerce<\/em>) al fine di migliorarne l&#8217;usabilit\u00e0, diminuire se ce\u00a0ne fosse bisogno i tassi di <em>bounce rate<\/em> e, indirettamente, aggiustare l&#8217;ottimizzazione SEO.<\/p>\n<p><!--more--><\/p>\n<p>&nbsp;<\/p>\n<h2>Ottimizzazione con Heatmap, mappe di calore: dalle funzioni specifiche alla registrazione di una intera sessione di navigazione<\/h2>\n<p>Detto ci\u00f2 voglio soffermarmi per qualche riga sulle funzioni specifiche che tale servizio e in particolare il suo pacchetto di <em>tool<\/em>, \u00e8 in grado di offrire. Le funzioni base sono le funzioni <strong><em>scroll<\/em><\/strong><em>, <strong>hover<\/strong> <\/em>e <strong><em>click<\/em><\/strong><em> <strong>maps<\/strong><\/em> a cui spesso si affianca la possibilit\u00e0 di registrare un&#8217;intera sessione di navigazione di un utente o di un gruppo di utenti.<\/p>\n<ul>\n<li>La funzione <strong><em>scroll<\/em><\/strong> permette di capire attraverso un diverso uso dei colori fino a dove un utente sta scorrendo la tua pagina (o pagine) internet. Il termine <em>scroll<\/em> \u00e8 un chiaro riferimento \u2013 neanche l&#8217;unico come leggerai pi\u00f9 avanti \u2013 al movimento effettuato con il mouse sulla <em>scrollbar<\/em>. Personalmente ho trovato questa funzione davvero utile in particolare per chi redige contenuti sul sito in quanto grazie ad essa \u00e8 possibile notare il grado di <em>engagement<\/em>\u00a0[coinvolgimento &#8211; Ndr] e le modalit\u00e0 secondo le quali il navigante legge i contenuti.<\/li>\n<li>La funzione <strong><em>hover<\/em><\/strong>, invece, \u00e8 molto interessante sotto vari punti di vista. Grazie ad essa infatti \u00e8 possibile rilevare gli spostamenti del cursore del mouse fatti dall&#8217;utente sul tuo sito internet, paragonando tale puntatore ai movimenti oculari dell&#8217;essere umano. Sembrerebbe una nuova applicazione dell&#8217;<em>eye tracker, <\/em>ma lo \u00e8 solo in apparenza. Stando agli esperti del settore, infatti, questa similitudine non sempre funziona. In linea generale posso dire comunque che l&#8217;idea di fondo \u00e8 utile per chi si occupa di <em>graphic design<\/em> e vuole, quindi, rendere pi\u00f9 efficiente ed efficace la parte <em>visual <\/em>del sito internet.<\/li>\n<li>Infine troviamo la funzione <strong><em>click maps<\/em><\/strong> che analogamente ad <strong>Analytics<\/strong> ti indica i <em>click<\/em> ricevuti sulle tue pagine internet. Con un&#8217;aggiunta rispetto al famoso <em>tool <\/em>di Google: <em>click maps<\/em> indica anche in quale posizione del sito i <em>click<\/em> sono stati effettuati. Questa funzione ti permette di testare, ad esempio, se un <em>banner <\/em>oppure una sezione del tuo sito sono state gradite in termini di navigabilit\u00e0.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Le Heatmap sono utili per migliorare la user experience, l&#8217;estetica e l&#8217;ottimizzazione SEO del tuo sito<\/h2>\n<p>Tirando le somme, dal mio punto di vista le <em>heatmaps<\/em> sono molto utili per la parte estetica di un sito, il che non \u00e8 pregiudizievole visto che in termini di posizionamento sui motori di ricerca <em>l&#8217;user experience<\/em> gioca un ruolo fondamentale. Il punto \u00e8 che tale strumento per delle operazioni pi\u00f9 complesse \u2013 quali il monitoraggio o l&#8217;avvio di una <strong>campagna pubblicitaria<\/strong> oppure il <em>profiling<\/em> di <strong>potenziali contatti<\/strong> <em>(lead<\/em>) \u2013 non \u00e8 sufficiente. \u00c8\u00a0indispensabile, per questo scopo, dotarsi non solo di una <em>dashboard<\/em> di tutto rispetto ma anche di una certa quantit\u00e0 di dati numerici. Sar\u00e0 per questo che i principali <em>software<\/em> che offrono tale servizio sono tutti dotati di una <em>dashboard<\/em> pi\u00f9 o meno complessa e pi\u00f9 o meno simile a quella meglio conosciuta di <strong>Analytics<\/strong>.<\/p>\n<p style=\"text-align: center;\">Leggi anche <a href=\"https:\/\/www.addlance.com\/blog\/aumentare-tasso-conversione-seo\/\" target=\"_blank\" rel=\"noopener\">5 Modi per aumentare il tasso di conversione con la SEO<\/a><\/p>\n<p>Per queste ragioni e per dovere di informazione, \u00e8 necessario che elenchi i principali <em>software <\/em>presenti attualmente sul mercato che ho deciso di raggruppare in una mia personalissima mini-classifica, ponendo come criteri di selezione la <strong>qualit\u00e0 <\/strong>del servizio, la <strong>convenienza <\/strong>economica e la <strong>completezza <\/strong>dell&#8217;offerta.<\/p>\n<p>&nbsp;<\/p>\n<h2>4 software Heatmap, mappe di calore che puoi usare per migliorare la tua user experience<\/h2>\n<h3><\/h3>\n<h3>4. Heatmap.me<strong><br \/>\n<\/strong><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-4201\" title=\"heatmap mappe di calore heatmap.me\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2018\/06\/screenshot-heatmap.me-2018-06-25-14-48-55-1024x496.png\" alt=\"heatmap mappe di calore heatmap.me\" width=\"1024\" height=\"496\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-heatmap.me-2018-06-25-14-48-55-1024x496.png 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-heatmap.me-2018-06-25-14-48-55-300x145.png 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-heatmap.me-2018-06-25-14-48-55-768x372.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-heatmap.me-2018-06-25-14-48-55-610x296.png 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-heatmap.me-2018-06-25-14-48-55-1080x524.png 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-heatmap.me-2018-06-25-14-48-55.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Al momento credo sia il miglior <em>tool<\/em> per rapporto qualit\u00e0\/prezzo specialmente per quella categoria di utenti che masticano ancora poco il favoloso mondo di internet. L&#8217;interfaccia grafica del sito \u00e8 molto intuitiva e l&#8217;accessibilit\u00e0 ai suoi contenuti e al servizio \u00e8 tremendamente semplice tenendo conto che \u2013 unico nel suo genere \u2013 offre una <strong>prova gratuita<\/strong> di sei mesi al termine dei quali \u00e8 possibile abbonarsi ad un pacchetto. Super consigliato a chi vuole sperimentare senza troppo impegno. Un&#8217;alternativa valida potrebbe essere il plugin a pagamento per il CMS WordPress <strong>\u201cUserTrack\u201d<\/strong>, nettamente pi\u00f9 famoso del primo ma un pizzico meno semplice per i non addetti ai lavori. Comunque validissimo.<\/p>\n<h3><\/h3>\n<h3>3. Crazy Egg<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-4199 size-large\" title=\"heatmap mappe di calore creazy egg\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2018\/06\/screenshot-www.crazyegg.com-2018-06-25-14-49-39-1024x496.png\" alt=\"heatmap mappe di calore creazy egg\" width=\"1024\" height=\"496\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.crazyegg.com-2018-06-25-14-49-39-1024x496.png 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.crazyegg.com-2018-06-25-14-49-39-300x145.png 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.crazyegg.com-2018-06-25-14-49-39-768x372.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.crazyegg.com-2018-06-25-14-49-39-610x296.png 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.crazyegg.com-2018-06-25-14-49-39-1080x524.png 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.crazyegg.com-2018-06-25-14-49-39.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u00c8 uno dei <em>tool<\/em> pi\u00f9 popolari e apprezzati del settore nonch\u00e9 la scelta di alcuni <em>big <\/em>come Dell e Yahoo (FONTE: sito ufficiale). Ha un&#8217;offerta davvero completa a cui aggiunge un servizio extra di <em>click maps<\/em> chiamato \u201cConfetti\u201d. Un altro suo vantaggio \u00e8 la <strong>compatibilit\u00e0 con i vari CMS<\/strong> come <strong>WordPress <\/strong>e <strong>Joomla<\/strong> ai quali ha riservato dei <em>plugin<\/em> specifici. Per i restanti, invece, \u00e8 sufficiente fare copia e incolla del codice oppure usare <strong>Google Tag Manager<\/strong>. Secondo me, un punto a suo svantaggio \u00e8 l&#8217;accesso alla prova gratuita di 30 giorni, in quanto obbliga l&#8217;utente a rilasciare i suoi dati bancari. Ci\u00f2 potrebbe essere un ostacolo vista la diffidenza di molte persone ad acquistare online.<\/p>\n<p style=\"text-align: center;\">Leggi anche <a href=\"https:\/\/www.addlance.com\/blog\/il-cliente-fidelizzato\/\" target=\"_blank\" rel=\"noopener\">User experience, il cliente fidelizzato \u00e8 oro anche per il freelance<\/a><\/p>\n<p>Un&#8217;alternativa valida pu\u00f2 essere <strong>Mouseflow<\/strong> che oltre alle solite <em>features<\/em> offre un servizio di <em>funnel <\/em>e di monitoraggio utenza durante la compilazione di un modulo (form). All&#8217;apparenza complicato ma semplice da usare soprattutto se si necessita di <strong>dati statistici<\/strong> <strong>da affiancare o confrontare<\/strong> con quelli di <strong>Analytics<\/strong>. Un punto a favore: oltre a possedere un <em>plugin <\/em>specifico per WordPress, possiede anche un&#8217;estesa compatibilit\u00e0 con tantissimi CMS quali ad esempio <strong>Drupal, Prestashop, Weebly, Blogger<\/strong>, ecc.<\/p>\n<p>&nbsp;<\/p>\n<h3>2. HotJar<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-4200 size-large\" title=\"heatmap mappe di calore hot jar\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2018\/06\/screenshot-www.hotjar.com-2018-06-25-14-50-12-1024x496.png\" alt=\"heatmap mappe di calore hot jar\" width=\"1024\" height=\"496\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.hotjar.com-2018-06-25-14-50-12-1024x496.png 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.hotjar.com-2018-06-25-14-50-12-300x145.png 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.hotjar.com-2018-06-25-14-50-12-768x372.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.hotjar.com-2018-06-25-14-50-12-610x296.png 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.hotjar.com-2018-06-25-14-50-12-1080x524.png 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.hotjar.com-2018-06-25-14-50-12.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Sicuramente a differenza dei precedenti \u00e8 molto pi\u00f9 macchinoso ma non per questo inaccessibile a un utente medio. Oltre al servizio delle mappe del calore, con esso \u00e8 possibile anche <strong>inoltrare sondaggi online sul proprio sito<\/strong>, su altri siti o sull&#8217;indirizzo email. Buone anche le sue funzionalit\u00e0 riguardo agli <strong>imbuti di conversione<\/strong> e al <strong><em>tracking form<\/em><\/strong>. Anche se da un lato il suo abbonamento, per i clienti Business, pu\u00f2 abbondantemente superare i 200\/300 $ dall&#8217;altro per i clienti Personal la versione base \u00e8 sempre gratuita (seppur con delle limitazioni) e l&#8217;<em>upgrade<\/em> costa soltanto 29 $ al mese.<\/p>\n<h3><\/h3>\n<h3>1. ClickTale<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-4198 size-large\" title=\" clicktale\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2018\/06\/screenshot-www.clicktale.com-2018-06-25-14-50-51-1024x496.png\" alt=\" clicktale\" width=\"1024\" height=\"496\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.clicktale.com-2018-06-25-14-50-51-1024x496.png 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.clicktale.com-2018-06-25-14-50-51-300x145.png 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.clicktale.com-2018-06-25-14-50-51-768x372.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.clicktale.com-2018-06-25-14-50-51-610x296.png 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.clicktale.com-2018-06-25-14-50-51-1080x524.png 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2018\/06\/screenshot-www.clicktale.com-2018-06-25-14-50-51.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Partner speciale sia per <strong>Oracle<\/strong> che per <strong>Adobe<\/strong> e uffici commerciali dislocati in tutte le pi\u00f9 importanti citt\u00e0 del globo. Queste sono solo alcune caratteristiche dell&#8217;azienda erogatrice di questo servizio che inizialmente non mi aveva fatto impazzire ma mi sono dovuto ricredere. La completezza di <strong>ClickTale<\/strong> risiede nella sua versatilit\u00e0 in quanto offre tanti servizi, tra cui le <em>heatmaps<\/em> e una &#8220;cabina di comando&#8221; al pari di quella di Analytics. Molto curiosa la funzione secondo la quale \u00e8 possibile ottenere un <strong>tracciamento psicologico dei naviganti<\/strong> oppure l&#8217;avanzata capacit\u00e0 di gestire e analizzare i dati.<\/p>\n<p>&nbsp;<\/p>\n<h2>User experience e ottimizzazione SEO: quando Google Analytics da solo non basta<\/h2>\n<p>In conclusione \u00e8 lecito domandarsi perch\u00e9 un <em>tool<\/em> come Analytics, forte del suo <em>brand<\/em>, non abbia integrato la funzione delle mappe del calore cosicch\u00e9 da sbaragliare i sopracitati <em>competitor<\/em>. La risposta c&#8217;\u00e8. Esiste infatti \u00a0un&#8217;estensione per <strong>Google Chrome<\/strong>, chiamata appunto <em>Google Analytics Heatmaps,<\/em> che purtroppo non ha ancora dato i risultati sperati visto che \u00e8 stata bocciata pi\u00f9 volte dagli utenti del web. Non ti resta dunque che provare i <em>tool <\/em>descritti per migliorare la tua attivit\u00e0 online, mentre i giganti del web, ancora una volta, si fanno battaglia.<\/p>\n<p>&nbsp;<\/p>\n<p><em>Guest post a cura di Salvatore Tudisco<\/em>    \t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ottimizzazione SEO, Google Analytics potrebbe non bastarti. Sai cosa puoi usare per aggiustare il tiro, migliorare la user experience e renderti visibile sul web? Le Heatmaps. Scopri come su Addlance <\/p>\n","protected":false},"author":5,"featured_media":4411,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"categories":[20],"tags":[21],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/4195"}],"collection":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/comments?post=4195"}],"version-history":[{"count":1,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/4195\/revisions"}],"predecessor-version":[{"id":10918,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/4195\/revisions\/10918"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media\/4411"}],"wp:attachment":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media?parent=4195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/categories?post=4195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/tags?post=4195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}