Die Heldensektion… dieser überaus wichtige Teil der Immobilien ganz oben auf Ihrer Website.

Es ist der erste Eindruck eines Besuchers von Ihrer Website und Ihrem Unternehmen, aber er spielt auch eine andere – wichtigere – Rolle: Es ist Ihre erste Gelegenheit, diese Besucher in Leads umzuwandeln. Da immer mehr Web-Traffic auf mobilen Geräten stattfindet, schrumpft dieser Teil der Website-Immobilie im Hero-Bereich, und Sie müssen ihn unter Berücksichtigung dieser (oft) konkurrierenden Bedürfnisse angehen.

Wie viel Inhalt ist zu viel? Ist es wichtiger, das Formular hervorzuheben, das tatsächlich Leads generiert? Wie ändert sich dies, je nachdem, ob ein Besucher auf dem Desktop oder auf dem Handy ist?

Bei Carrot denkt unser Innovationslabor ständig über Fragen wie diese nach – UND startet Tests, um sie zu beantworten.

In diesem Beitrag skizzieren wir eine Reihe von Tests, die wir in Hero-Bereichen durchgeführt haben und die die Conversion-Raten um 25 bis 55 % gesteigert haben, und wir weisen Sie in die richtige Richtung, wenn es darum geht, wie Sie sich dem Prime Real nähern sollten Estate (der Heldenbereich) auf Ihrer eigenen Website.

Beispiel: Testergebnisse im Heldenabschnitt

Wie viel kostet Sie 1 verlorener Deal?

Erfahren Sie, warum über 7.000 ihre Immobiliengeschäfte Carrot anvertrauen.

Bessere Leistung. Höherer ROI. Weltklasse-Support.

Nehmen Sie eine kostenlose Demo von Carrot

Was haben wir getestet?

Unsere CTA Hero-Tests sind aus einer sehr einfachen Erkenntnis hervorgegangen … die überwiegende Mehrheit der Conversions in unserem Netzwerk von Mitgliedsseiten findet genau dort statt, wo wir sie erwarten würden: in den Formularen, die im Hero-Bereich zu finden sind.

Also haben wir nachgeforscht, um herauszufinden, wie sich unsere Mitglieder diesen Heldenabschnitten nähern. Es stellt sich heraus, dass die Antwort darauf sehr unterschiedlich war. Einige Mitglieder stopfen so viel Inhalt wie möglich. Einige reduzieren die Menge an Inhalten. Andere enthalten Videos, Bilder usw.

Also entwarfen wir einen sehr einfachen Test … einen, der das, was wir als „traditionellen“ Heldenabschnitt betrachteten, einem Abschnitt gegenüberstellte, der sowohl um das Formular herum als auch im Formular selbst erheblich weniger Inhalt hatte.

(Traditioneller Heldenabschnitt mit mehreren Zeilen kontextbezogenem Inhalt + einer Formularbeschreibung)

(Abgespeckte Version des Helden mit einigen kontextbezogenen Inhalten + die Formularbeschreibung entfernt)

Bei der „abgespeckten“ Version fallen sofort ein paar Dinge auf.

1. Das Formular selbst erscheint prominenter, wenn Sie die Formularbeschreibung entfernen. Es lenkt den Blick gezielter auf die Eingabefelder und den abschließenden CTA-Button als auf den Text darüber.
   
2. Durch die Anpassung der Inhaltsreduzierung an die kontextbezogenen Blöcke (in diesem Fall die Informationen auf der linken Seite) wird der Gesamtabdruck des Heldenabschnitts verringert und der Inhalt unmittelbar darunter „angehoben“.

Punkt #2 ist besonders wichtig, wenn man den mobilen Datenverkehr betrachtet. Bei Carrot sehen wir im Allgemeinen, dass mobile Besucher 57 % des gesamten Traffics und 61 % aller Conversions in unserem Netzwerk ausmachen. Unsere eigenen Designprinzipien wurden dahingehend geändert, dass sie einen Mobile-First-Ansatz verfolgen, und daher entstand unsere Haupthypothese für diesen Test: dass durch die Reduzierung des Inhalts im Heldenbereich das Formular selbst prominenter und sichtbarer würde. above the fold“ auf Mobilgeräten, wodurch die Benutzerinteraktion und letztendlich die Conversions gesteigert werden.

Und die Ergebnisse….

Wir haben diesen Test für eine Vielzahl von Website-Typen, Kategorien, Layouts und Umgebungen durchgeführt – und die Ergebnisse waren ziemlich erstaunlich.

Auf jeder einzelnen Website, auf der es während der Dauer des Tests genug Traffic und Conversions gab, um ein statistisch signifikantes Ergebnis zu verzeichnen, gewann die abgespeckte Version des Helden (und das mit großem Vorsprung!).

• Testseite Nr. 1 – Grundstücksverkäuferseite
  • Conversion-Uplift von 45,87 % – 398 Conversions in der abgespeckten Version gegenüber 259 in der traditionellen Version
    
• Testseite Nr. 2 – Motivierte Verkäuferseite
  • Conversion-Steigerung von 22,35 % – 163 Conversions gegenüber 137
    
• Testseite Nr. 3 – Motivierte Verkäuferseite
  • Conversion-Steigerung von 46,86 % – 102 Conversions gegenüber 71

Darüber hinaus wurden unsere Messungen des Benutzerengagements (einschließlich Scrolltiefe, Zeit auf der Seite, Absprungrate usw.) auf Websites mit der abgespeckten Version des Helden erheblich verbessert (um 15-25 %) .

Ein paar andere Erkenntnisse/Einschränkungen in unserem Testdesign …

• Wir wollten sicherstellen, dass diese Änderungen im Hero-Bereich die Konvertierung für mobile Versionen nicht verbessern und gleichzeitig Desktop-Versionen/Besucher schädigen, also haben wir die Tests entsprechend aufgeteilt, um diese Besucher zu isolieren. Es gab null Fälle, in denen die Conversion-Raten auf Mobilgeräten gestiegen und auf Desktops gesunken sind.
  
• Ebenso wollten wir sicherstellen, dass sich diese Änderungen im Hero-Bereich nicht negativ auf die Konvertierung von Formularen auswirken, die möglicherweise weiter unten auf der Seite angezeigt werden. Es gab null Fälle, in denen niedriger geordnete Formulare einen Rückgang der Conversions erlebten, der die Verbesserung des Hero-Abschnittsformulars überwog, und in vielen Fällen verbesserten sich auch diese niedrigeren Formulare (ein Hinweis auf unsere Steigerung der Benutzerengagement-Metriken).

Insgesamt war dieser Test ein voller Erfolg – ​​die abgespeckte Version des Heldenbereichs schnitt auf allen Seitentypen, Kategorien und Versionen deutlich besser ab.

Was bedeutet das für Ihre Website?

Es bedeutet im Allgemeinen, dass Sie in Bezug auf Ihre Heldensektion einen „Weniger ist mehr“-Ansatz verfolgen sollten! Anstatt diesen unglaublich wichtigen Teil Ihrer Website mit einer Wand aus Text, Grafiken, Videos usw. zu verpacken, minimieren Sie ihn.

Einige Best Practices, die wir aus unseren Testergebnissen empfehlen:

• Konzentrieren Sie sich darauf, das Formular hervorzuheben, mit dem sich die Besucher letztendlich beschäftigen sollen, indem Sie Formularbeschreibungen und den umgebenden Inhalt entfernen (wie in den obigen Bildern gezeigt).

• Laden Sie Ihre Website auf Ihr mobiles Gerät und sehen Sie, wo dieses Formular angezeigt wird. Passt es vollständig in diese anfängliche „above the fold“-Ansicht? Wenn nicht, können Sie die darüber angezeigte Textmenge so reduzieren, dass sogar 50 % des gesamten Formulars in dieser Ansicht angezeigt werden? Unsere Tests haben gezeigt, dass es umso besser ist, je mehr ein Formular in dieser anfänglichen Ansicht erscheinen kann.
  
• Vermeiden Sie es, Grafiken, Bilder, Videos oder lange Inhalte im Hero-Bereich zu platzieren . Es gibt so viele bessere Orte, um diese Informationen und Inhalte weiter unten auf der Seite einzufügen!

Wie wir bereits gesagt haben, ist dieser Heldenbereich die wichtigste Immobilie Ihrer Website. Es ist sicher Ihre Gelegenheit, einen Eindruck zu hinterlassen, aber es ist auch Ihre erste Gelegenheit, einen Besucher in einen Lead umzuwandeln. Wir hoffen, dass Ihnen diese Ergebnisse aus unserem Innovation Lab dabei helfen, sich diesen Abschnitt auf Ihrer Website genauer anzusehen und herauszufinden, wie er Ihren Conversion-Raten zugutekommen (oder schaden) könnte.

Wie viel kostet Sie 1 verlorener Deal?

Erfahren Sie, warum über 7.000 ihre Immobiliengeschäfte Carrot anvertrauen.

Bessere Leistung. Höherer ROI. Weltklasse-Support.

Nehmen Sie eine kostenlose Demo von Carrot