La sezione degli eroi... quell'importantissimo frammento di proprietà nella parte superiore del tuo sito web.

È la prima impressione che un visitatore ha del tuo sito e della tua azienda, ma svolge anche un ruolo diverso, più importante: è la tua prima opportunità per convertire quei visitatori in lead. Poiché sempre più traffico web si sta verificando sui dispositivi mobili, quella fetta di proprietà del sito Web nella sezione degli eroi si sta riducendo e devi affrontarla tenendo presenti quelle (spesso) esigenze in competizione.

Quanto contenuto è troppo? È più importante evidenziare il modulo che sta effettivamente generando lead? In che modo questo cambia in base al fatto che un visitatore sia su desktop o dispositivo mobile?

In Carrot, il nostro Innovation Lab riflette costantemente su domande come queste E lancia test per rispondervi.

In questo post, illustreremo una serie di test che abbiamo eseguito sulle sezioni degli eroi che hanno aumentato i tassi di conversione dal 25 al 55%, inoltre ti indicheremo la giusta direzione quando si tratta di come avvicinarti al primo vero estate (la sezione dell'eroe) sul tuo sito.

Esempio: Risultati del test della sezione Eroe

Quanto ti costa 1 affare perso?

Scopri perché oltre 7.000 affidano le loro attività immobiliari a Carrot.

Migliori prestazioni. ROI maggiore. Supporto di prim'ordine.

Fai una demo gratuita di carota

Cosa abbiamo testato?

I nostri test CTA Hero sono nati da una realizzazione molto semplice... la stragrande maggioranza delle conversioni nella nostra rete di siti membri avviene esattamente dove ci aspetteremmo: nei moduli trovati nella sezione Hero.

Quindi abbiamo scavato per scoprire come i nostri membri si stanno avvicinando a quelle sezioni degli eroi. Si scopre che la risposta è stata piuttosto varia. Alcuni membri stanno riempiendo quanto più contenuto possibile. Alcuni stanno riducendo la quantità di contenuti. Altri includono video, immagini, ecc.

Quindi abbiamo progettato un test molto semplice... uno che mettesse a confronto quella che consideravamo una sezione di eroi "tradizionale" con una che aveva quantità significativamente ridotte di contenuti sia intorno al modulo che nel modulo stesso.

(Sezione Hero tradizionale con diverse righe di contenuto contestuale + una descrizione del modulo)

(Versione ridotta dell'eroe con alcuni contenuti contestuali + la descrizione del modulo rimossa)

Alcune cose spiccano subito con la versione “snellita”.

1. Il modulo stesso appare più prominente quando si rimuove la descrizione del modulo. Guida l'occhio in modo più specifico ai campi di input e al pulsante CTA finale piuttosto che al testo sopra di esso.
   
2. Abbinando la riduzione del contenuto sui blocchi contestuali (in questo caso, le informazioni a sinistra), diminuisce l'impronta complessiva della sezione dell'eroe e inizia a "sollevare" il contenuto immediatamente sotto di essa.

Il punto 2 è particolarmente importante quando si considera il traffico mobile. In Carrot, generalmente vediamo che i visitatori mobili rappresentano il 57% di tutto il traffico e il 61% di tutte le conversioni sulla nostra rete. I nostri principi di progettazione sono stati modificati per adottare un approccio mobile first di conseguenza, ed è da lì che ha avuto origine la nostra ipotesi principale per questo test: che riducendo il contenuto nella sezione dell'eroe, renderebbe la forma stessa più prominente e apparirebbe " above the fold" sui dispositivi mobili, aumentando così il coinvolgimento degli utenti e, in definitiva, le conversioni.

E i risultati….

Abbiamo lanciato questo test su una miriade di tipi di siti, categorie, layout e ambienti e i risultati sono stati davvero sorprendenti.

Su ogni singolo sito in cui c'era abbastanza traffico e conversioni nel corso della vita del test per registrare un risultato statisticamente significativo, la versione ridotta dell'eroe ha vinto (e con ampi margini!).

• Sito di prova n. 1 – Sito del venditore di terreni
  • Aumento delle conversioni del 45,87% – 398 conversioni nella versione snellita contro 259 nella versione tradizionale
    
• Sito di prova n. 2 – Sito venditore motivato
  • Aumento delle conversioni del 22,35%: 163 conversioni contro 137
    
• Sito di prova n. 3 – Sito venditore motivato
  • Aumento delle conversioni del 46,86%: 102 conversioni contro 71

Inoltre, le nostre misurazioni del coinvolgimento degli utenti (che includono la profondità di scorrimento, il tempo sulla pagina, la frequenza di rimbalzo, ecc.) sono state migliorate in modo significativo (da qualsiasi punto del 15-25%) sui siti con la versione ridotta dell'eroe.

Alcuni altri risultati/avvertenze nel nostro progetto di test...

• Volevamo assicurarci che queste modifiche nella sezione degli eroi non migliorassero la conversione per le versioni mobili danneggiando le versioni desktop/visitatori, quindi abbiamo suddiviso i test di conseguenza per isolare questi visitatori. Non ci sono stati casi in cui i tassi di conversione sono aumentati su dispositivi mobili e sono diminuiti su desktop.
  
• Allo stesso modo, volevamo assicurarci che queste modifiche nella sezione dell'eroe non influissero negativamente sulla conversione sui moduli che potrebbero apparire più in basso nella pagina. Non ci sono stati casi in cui i moduli di ordine inferiore hanno registrato un calo delle conversioni che ha superato il miglioramento del modulo della sezione dell'eroe e, in molti casi, anche i moduli di ordine inferiore sono migliorati (indicativo del nostro aumento delle metriche di coinvolgimento degli utenti).

In totale, questo test è stato un clamoroso successo: la versione ridotta della sezione dell'eroe ha ottenuto risultati significativamente migliori su tutti i tipi, categorie e versioni di siti.

Quindi cosa significa questo per il tuo sito?

Significa, in generale, che quando si tratta della tua sezione eroi, dovresti adottare un approccio "less is more"! Invece di imballare quella parte incredibilmente importante del tuo sito Web con un muro di testo, grafica, video, ecc., minimizzalo.

Alcune best practice che consigliamo dai nostri risultati di test:

• Concentrati sull'evidenziazione del modulo con cui desideri che i visitatori interagiscano rimuovendo le descrizioni del modulo e il contenuto che lo circonda (come mostrato nelle immagini sopra).

• Carica il tuo sito sul tuo dispositivo mobile e guarda dove appare quel modulo. Si adatta perfettamente a quella vista iniziale "above the fold"? In caso negativo, puoi ridurre la quantità di testo che appare sopra di esso in modo che anche il 50% dell'intero modulo appaia in quella vista? I nostri test indicano che più un modulo può apparire in quella vista iniziale, meglio è.
  
• Evita di inserire elementi grafici, immagini, video o contenuti di lunga durata nella sezione degli eroi . Ci sono così tanti posti migliori per includere tali informazioni e contenuti più in basso nella pagina!

Come abbiamo detto, quella sezione dell'eroe è il principale immobile del tuo sito web. È la tua opportunità per fare colpo, certo, ma è anche la tua prima opportunità per convertire un visitatore in un lead. Ci auguriamo che, portandoti questi risultati dal nostro Innovation Lab, ti aiuti a dare un'occhiata più da vicino a questa sezione del tuo sito e a come potrebbe aiutare (o danneggiare) i tuoi tassi di conversione.

Quanto ti costa 1 affare perso?

Scopri perché oltre 7.000 affidano le loro attività immobiliari a Carrot.

Migliori prestazioni. ROI maggiore. Supporto di prim'ordine.

Fai una demo gratuita di carota