La section héros… cette tranche de biens immobiliers très importante tout en haut de votre site Web.

Il s'agit de la première impression qu'un visiteur a de votre site et de votre entreprise, mais il joue également un rôle différent, plus important : il s'agit de votre première opportunité de convertir ces visiteurs en prospects. Alors que de plus en plus de trafic Web a lieu sur des appareils mobiles, cette partie de l'immobilier du site Web dans la section des héros diminue, et vous devez l'aborder en gardant à l'esprit ces besoins (souvent) concurrents.

Combien de contenu est trop? Est-il plus important de mettre en évidence le formulaire qui génère réellement des prospects ? Comment cela change-t-il selon qu'un visiteur est sur ordinateur ou sur mobile ?

Chez Carrot, notre laboratoire d'innovation réfléchit constamment à des questions comme celles-ci - ET lance des tests pour y répondre.

Dans cet article, nous décrirons une série de tests que nous avons exécutés sur les sections de héros qui ont augmenté les taux de conversion de 25 à 55 %, et nous vous indiquerons la bonne direction en ce qui concerne la façon dont vous devriez aborder le prime real domaine (la section héros) sur votre propre site.

Exemple : Résultats du test de la section Héros

Combien vous coûte 1 affaire perdue ?

Découvrez pourquoi plus de 7 000 personnes confient leurs activités immobilières à Carrot.

Meilleure performance. Retour sur investissement plus élevé. Assistance de classe mondiale.

Faites une démo gratuite de Carrot

Qu'avons-nous testé ?

Nos tests CTA Hero sont nés d'une constatation très simple… la grande majorité des conversions sur notre réseau de sites membres se produisent exactement là où nous nous attendons à ce qu'elles se produisent : sous les formes trouvées dans la section héros.

Nous avons donc creusé pour savoir comment nos membres abordent ces sections de héros. Il s'avère que la réponse à cette question était assez variée. Certains membres bourrent autant de contenu que possible. Certains réduisent la quantité de contenu. D'autres incluent des vidéos, des images, etc.

Nous avons donc conçu un test très simple… un test qui opposait ce que nous considérions comme une section de héros "traditionnelle" à une autre qui avait des quantités de contenu considérablement réduites à la fois autour du formulaire et dans le formulaire lui-même.

(Section Héros Traditionnelle avec plusieurs lignes de contenu contextuel + une description de formulaire)

(Version allégée du héros avec du contenu contextuel + la description du formulaire supprimée)

Certaines choses ressortent immédiatement avec la version "allégée".

1. Le formulaire lui-même apparaît plus visible lorsque vous supprimez la description du formulaire. Il guide l'œil plus spécifiquement vers les champs de saisie et le bouton CTA final plutôt que le texte au-dessus.
   
2. En faisant correspondre la réduction de contenu sur les blocs contextuels (dans ce cas, les informations à gauche), cela diminue l'empreinte globale de la section héros et commence à "élever" le contenu immédiatement en dessous.

Le point 2 est particulièrement important lorsque l'on considère le trafic mobile. Chez Carrot, nous constatons généralement que les visiteurs mobiles représentent 57 % de tout le trafic et 61 % de toutes les conversions sur notre réseau. Nos propres principes de conception ont été transformés pour adopter une approche mobile d'abord en conséquence, et c'est de là que vient notre hypothèse principale pour ce test : qu'en réduisant le contenu de la section héros, cela rendrait le formulaire lui-même plus important et apparaîtrait " au-dessus du pli » sur mobile, augmentant ainsi l'engagement des utilisateurs et, en fin de compte, les conversions.

Et les résultats….

Nous avons lancé ce test sur une myriade de types de sites, de catégories, de mises en page et d'environnements - et les résultats ont été assez étonnants.

Sur chaque site individuel où il y avait suffisamment de trafic et de conversions sur la durée de vie du test pour enregistrer un résultat statistiquement significatif, la version allégée du héros a gagné (et par de larges marges !).

• Site de test #1 – Site du vendeur de terrains
  • Hausse des conversions de 45,87 % : 398 conversions dans la version allégée contre 259 dans la version traditionnelle
    
• Site de test #2 – Site de vendeur motivé
  • Augmentation des conversions de 22,35 % : 163 conversions contre 137
    
• Site de test #3 – Site de vendeur motivé
  • Hausse des conversions de 46,86 % – 102 conversions contre 71

De plus, nos mesures de l'engagement des utilisateurs (qui incluent la profondeur de défilement, le temps passé sur la page, le taux de rebond, etc.) ont été considérablement améliorées (de 15 à 25 %) sur les sites avec la version allégée du héros.

Quelques autres découvertes/mises en garde dans notre conception des tests…

• Nous voulions nous assurer que ces changements dans la section héros n'amélioraient pas la conversion pour les versions mobiles tout en nuisant aux versions de bureau/visiteurs, nous avons donc divisé les tests en conséquence pour isoler ces visiteurs. Il n'y a eu aucun cas dans lequel les taux de conversion ont augmenté sur mobile et diminué sur ordinateur.
  
• De même, nous voulions nous assurer que ces changements dans la section héros n'aient pas d'impact négatif sur la conversion des formulaires qui peuvent apparaître plus bas sur la page. Il n'y a eu aucun cas dans lequel les formulaires de rang inférieur ont connu une baisse des conversions qui a compensé l'amélioration du formulaire de la section héros, et dans de nombreux cas, ces formulaires inférieurs se sont également améliorés (indiquant notre augmentation des mesures d'engagement des utilisateurs).

Au total, ce test a été un succès retentissant - la version allégée de la section héros a obtenu des résultats nettement meilleurs sur tous les types, catégories et versions de sites.

Alors, qu'est-ce que cela signifie pour votre site ?

Cela signifie, d'une manière générale, que lorsqu'il s'agit de votre section héros, vous devez adopter une approche "moins c'est plus" ! Au lieu d'emballer cette partie incroyablement importante de votre site Web avec un mur de texte, de graphiques, de vidéos, etc., minimisez-la.

Quelques bonnes pratiques que nous recommandons à partir des résultats de nos tests :

• Concentrez-vous sur la mise en évidence du formulaire avec lequel vous souhaitez que les visiteurs interagissent en supprimant les descriptions du formulaire et le contenu qui l'entoure (comme indiqué dans les images ci-dessus).

• Chargez votre site sur votre appareil mobile et voyez où ce formulaire apparaît. S'intègre-t-il entièrement dans cette vue initiale « au-dessus du pli » ? Si ce n'est pas le cas, pouvez-vous réduire la quantité de texte qui apparaît au-dessus afin que même 50 % de l'intégralité du formulaire apparaisse dans cette vue ? Nos tests indiquent que plus un formulaire peut apparaître dans cette vue initiale, mieux c'est.
  
• Évitez de placer des graphiques, des images, des vidéos ou du contenu long dans la section héros . Il y a tellement de meilleurs endroits pour inclure ces informations et ce contenu plus bas sur la page !

Comme nous l'avons dit, cette section héros est le principal élément immobilier de votre site Web. C'est votre opportunité de faire bonne impression, bien sûr, mais c'est aussi votre première opportunité de convertir un visiteur en prospect. Nous espérons qu'en vous apportant ces résultats de notre laboratoire d'innovation, cela vous aidera à examiner de plus près cette section de votre site et comment elle pourrait aider (ou nuire) à vos taux de conversion.

Combien vous coûte 1 affaire perdue ?

Découvrez pourquoi plus de 7 000 personnes confient leurs activités immobilières à Carrot.

Meilleure performance. Retour sur investissement plus élevé. Assistance de classe mondiale.

Faites une démo gratuite de Carrot