Valutazione 4.87/ 5 (100.00%) 5838 voti
Blog

Primi riscontri con le heat maps

webmaster: 03/03/09 @ 08:05
Qualche giorno fa ho installato Click Heat, uno script Javascript/PHP che mi mostra dove la gente clicca. Durante il weekend ho ottenuto dei risultati davvero interessanti.

I primi test ho deciso di effettuarli sulla home page. La cosa che mi è saltata all'occhio guardando la heat map è che i visitatori non sembrano sapere dove cliccare per leggere gli approfondimenti ai vari articoli (news, guide, download...). Se guardate attentamente i click sono ovunque: sul testo introduttivo, sul nome dell'autore e, qualcuno, anche sul titolo. Immagino il problema sia dovuto da due principali fattori: i nostri link sono neri invece del tradizionale blu e non c'è nessuna call to action esplicita.

Purtroppo passare a dei link blu starebbe malissimo su pc-facile.com, ma possiamo sicuramente aggiungere una call to action e così ho fatto. Ho fatto inoltre una piccola ricerca e ho trovato uno script che permette di rendere un intero tag cliccabile senza dover utilizzare Javascript intrusivo. In altre parole, dove possibile, ho reso non solo il titolo cliccabile, ma tutto il testo. Spero che questo aiuti, anche se non sono sicuro di come possa fare a misurarne gli effetti in modo semplice.

Ci sono altre lezioni da imparare da queste heat map?

Commenti: 5
Post correlati:


I commenti dei lettori:

Dylan666 Dylan666 il 06 Marzo 09 @ 02:24 am

Che vantaggio si ha nell'usare il javascript invece di aprire semplicemente il tag HREF prima del DIV e chiuderlo alla fine di quest'ultimo?

webmaster webmaster il 06 Marzo 09 @ 13:28 pm

Ci sono vari vantaggi:
1. Si può rendere un interro div cliccabile invece del solo link
2. Si possono creare degli effetti più carini
3. Dal punto id vista SEO la parte linkata è breve ed è la parte davvero importante, quindi non ci sono sprechi

...e poi volevo giocare un po' con jQuery e la soluzione adottata mi ha dato proprio quest'opportunità

Dylan666 Dylan666 il 06 Marzo 09 @ 13:59 pm

O non mi spiego o non ci arrivo...
In particolare circa il tuo punto "1" non è identico e forse migliore un codice tipo questo?

<a STYLE="text-decoration:none" href="http://www.google.it">
<div STYLE="color:#000000"> <h1>Notizia su google</h1>
testo della notizia bla bla bla </div>
</a>

Dylan666 Dylan666 il 06 Marzo 09 @ 14:01 pm

Se il punto 2 ha prevalenza sul punto 1 allora capisco il tuo motivo.
Il mio post precedente se non altro è stato utile per vedere che c'è qualche piccolo bug nel posta qui i commenti, perché vedo che in parte ha a pplicato il codice che ho scritto :)

webmaster webmaster il 07 Marzo 09 @ 09:36 am

dylan, i punti importanti son l'1 e il 3.
un div è uno spazio rettangolare potenzialmente molto più ampio del testo stesso quindi più facile da cliccare. inoltre un link come quello che suggerisci tu sarebbe pessimo dal punto di vista seo.

Lascia un commento

Insulti, volgarità e commenti ritenuti privi di valore verranno modificati e/o cancellati.
Nome:

Commento:
Conferma visiva: (ricarica)

Inserisci la targa della città indicata nell'immagine.

Login | Iscriviti

Username:

Password: