Die 8 wichtigsten Elemente eines Landing Page Frameworks

Veröffentlicht: 2017-02-03

Post-Click-Landingpages werden im digitalen Marketing immer häufiger verwendet, aus dem einfachen Grund, dass sie einen guten ersten Eindruck bei potenziellen Kunden hinterlassen und die besten Chancen haben, potenzielle Kunden in Leads umzuwandeln und diese Leads schließlich in lebenslange Kunden umzuwandeln.

Diese Phase des ersten Eindrucks gilt jedoch nur, wenn Post-Click-Zielseiten vollständig optimiert sind, und das Erstellen einer optimierten Seite kann eine Herausforderung darstellen, wenn Sie neu in diesem Prozess sind.

Welche Elemente sollte Ihre Post-Click-Landingpage enthalten? Was sind einige der besten Designpraktiken, die Besucher dazu bringen werden, zu konvertieren? Welches ist das beste Zielseiten-Framework?

Den „besten Rahmen“ gibt es nicht, denn jedes Angebot und Geschäft ist einzigartig. Es gibt jedoch einige notwendige Komponenten, die Ihnen helfen, ein robustes Framework aufzubauen und die Besucher auf der Seite zu halten, damit sie konvertieren können.

Erst wenn Sie alles zusammenfügen, können Sie eine optimierte Seite entwerfen, die immer wieder konvertiert. Dieser Artikel führt Sie durch einige der Schlüsselelemente, die ein großartiges Post-Click-Landing-Page-Framework zusammenstellen, mit unterstützenden Beispielen, die mit der Instapage-Plattform einfach ausgeführt werden können.

Komponenten eines großartigen Post-Click-Landing-Page-Frameworks

1. Überzeugende Überschrift

Sie können es sich nicht leisten, hier zu sparen, denn die Überschrift ist das erste, was Besucher sehen, wenn sie auf Ihrer Seite landen. Das Verfassen einer überzeugenden Überschrift hilft, Besucher davon abzuhalten, sofort abzuspringen, und ermutigt sie, lange genug zu bleiben, um Ihr Angebot in Betracht zu ziehen.

Egal, wofür Sie werben, Ihre Überschrift sollte immer diese drei Hauptmerkmale aufweisen:

Klarheit
Kommen Sie gleich auf den Punkt. Erklären Sie Ihr Produkt oder Ihre Dienstleistung klar, damit es keine Fragen oder Unklarheiten darüber gibt, was angeboten wird.

Relevanz
Erfüllen Sie das Versprechen Ihrer Anzeige. Die Anzeige, die Besucher auf Ihre Seite leitet, muss eine Nachrichtenübereinstimmung aufweisen, damit Besucher nicht enttäuscht werden, wenn sie auf Ihrer Seite ankommen.

Empathie
Fühlen Sie sich für die Aussicht. Sprechen Sie das Problem Ihres Besuchers auf empathische Weise an und stellen Sie sicher, dass Sie eine Lösung für dieses Problem anbieten.

Es gibt vier Hauptwege, wie Sie eine starke, überzeugende Überschrift erstellen können:

  • „How To“ – Beginnen Sie Ihre Überschrift mit „How To“ und schließen Sie sie ab, indem Sie Ihren Besuchern eine Lösung für das Problem mit Ihrem Produkt oder Ihrer Dienstleistung anbieten.
  • Stellen Sie eine Frage – Präsentieren Sie die Frage, dann die Antwort in der Unterüberschrift und/oder im Haupttext.
  • Verwenden Sie Humor – Auch wenn es nicht immer angemessen ist, kann es Menschen oft überzeugen, lustig zu sein.
  • Geben Sie Ihr einzigartiges Wertversprechen (UVP) an – Geben Sie Besuchern einen überzeugenden Grund, Ihr Produkt oder Ihre Dienstleistung gegenüber anderen zu wählen, und geben Sie an, wie Sie sich von Ihrer Konkurrenz abheben.

Einige Post-Click-Landingpages haben auch Unterüberschriften, was dazu beiträgt, die in der primären Überschrift aufgestellte Behauptung zu untermauern und zu verstärken.

Hier ist ein großartiges Beispiel von Hatchbuck, das eine Post-Click-Landingpage-Überschrift und -Unterüberschrift hervorragend nutzt. Sobald Sie auf ihre Google-Suchanzeige geklickt haben, gelangen Sie zur Landingpage nach dem Klick:

Dieses Bild zeigt Vermarktern, wie Hatchbuck ihre Google-Anzeigenkopie und Nachrichtenübereinstimmung verwendet, um ein gutes Post-Click-Landing-Page-Framework aufzubauen.

Dieses Bild zeigt Vermarktern, wie Hatchbuck eine faszinierende Überschrift und Unterüberschrift verwendet, wenn sie ihr Post-Click-Landing-Page-Framework erstellt.

Beachten Sie, wie die Marke alle drei Merkmale einer überzeugenden Überschrift – Klarheit, Relevanz und Empathie – nutzt, um die Aufmerksamkeit der Besucher zu gewinnen und sie auf der Seite zu halten:

Die Anzeigen- und Seitenüberschrift passen perfekt zusammen, beide sagen aus, dass Hatchbuck eine einfache Alternative zu HubSpot ist.

Die Überschrift kommt vielleicht nicht so direkt auf den Punkt, wie sie könnte, aber sie neckt den Besucher genug, um die Unterüberschrift zu lesen, die alle Fragen klärt, die Besucher zu den Dienstleistungen von Hatchbuck haben könnten.

Empathie wird sowohl in der Überschrift als auch in der Unterüberschrift ausgedrückt. Hatchbuck spricht direkt kleine Unternehmen an, die Erfahrung mit HubSpot haben, aber keinen Aufpreis für Funktionen zahlen möchten, die sie nicht einmal nutzen.

2. Effektive Kopie

Eine gute, überzeugende Kopie ist entscheidend, da dies eine der wichtigsten Methoden ist, um Ihren Standpunkt zu vermitteln und potenzielle Kunden von einer Konvertierung zu überzeugen – die Vorteile Ihres Produkts, Ihres UVP usw. Unter diesen sollten die folgenden berücksichtigt werden.

Menge
Die Menge der Kopie kann die Seite verändern oder zerstören. Zu viel und Ihre Besucher fühlen sich möglicherweise überfordert und verlassen die Seite, ohne etwas davon zu lesen. Zu wenig und sie fühlen sich möglicherweise unsicher, ob sie Ihr Angebot weiterverfolgen sollen. Die Menge der Kopien auf Ihrer Post-Click-Landingpage hängt also wirklich von Ihrem Angebot ab.

Wenn Sie ein E-Book, ein Whitepaper oder einen Leitfaden anbieten, benötigen Sie wahrscheinlich nicht viel Text. Nur die Grundlagen (was sich in der Ressource befindet, die Vorteile des Herunterladens usw.) sollten ausreichen, um Besucher davon zu überzeugen, auf die CTA-Schaltfläche zu klicken.

Umgekehrt, wenn Ihr Angebot etwas Umfangreicheres ist (z. B. alles, was eine Zahlung erfordert, wie eine Verkaufsseite für einen Texterkurs), dann ist es eine gute Praxis, alle notwendigen Details in Ihrer Post-Click-Landingpage-Kopie bereitzustellen. Niemand möchte für etwas bezahlen, bei dem er sich nicht ganz sicher ist, daher ist es normalerweise besser, auf Nummer sicher zu gehen.

Schreibstil
Der bemerkenswerteste Punkt hier ist, Ihre Kopie kundenorientiert zu gestalten, damit sie Ihre Besucher direkt anspricht. Die Verwendung von Wörtern wie „Sie“ und „Ihr“ anstelle von Wörtern wie „wir“, „uns“ und „unser“ ist eine großartige Möglichkeit, potenziellen Kunden zu zeigen, dass Sie sich darauf konzentrieren, eine Lösung für ihr Problem zu finden.

Ihre Kopie sollte auch vermitteln, warum Ihr Produkt oder Ihre Dienstleistung besser ist als die der Konkurrenz. Vermeiden Sie dabei Schlagworte wie „neu und verbessert“, „innovativ“ und „innovativ“, da diese dem Leser nicht so viel sagen. Erklären Sie stattdessen die Vorteile Ihres Produkts oder Ihrer Dienstleistung – wie es ihnen konkret helfen wird – und nicht nur die Funktionen.

Formatierung
Da die meisten Online-Leser Webseiten nur scannen, kann die Verwendung verschiedener Formatierungstechniken wie Aufzählungszeichen, Ziffern, Listen, Fettschrift, Kursivschrift usw. sicherstellen, dass die wichtigsten Informationen hervorstechen.

InfusionsoftSalesforce ist eine von vielen Marken, die diese Formatierungstechniken verwenden, um ihren Zuschauern überzeugende, überzeugende Texte zu bieten. Beachten Sie den Fettdruck, die kundenorientierte Formulierung und die kleinen Informationsblöcke, die durch Aufzählungszeichen getrennt sind:

Dieses Bild zeigt Vermarktern, wie Infusionsoft in seinem Post-Click-Landingpage-Framework Aufzählungszeichen und spezielle Formatierungen verwendet, um Besucher zur Konvertierung zu bewegen.

3. Einbinden von Medien

Da wir wissen, dass die Mehrheit der Online-Benutzer nicht gerne Webseitentexte liest, gibt es keinen besseren Weg, um Ihre Informationen zu vermitteln, als einige ansprechende Medien? Drei Haupttypen von Medien können integriert werden:

Bilder
Post-Click-Landingpage-Bilder sollten nicht nur hübsch aussehen. Sie sollten außerdem aufmerksamkeitsstark und relevant sein und den Konversionsprozess unterstützen. Bilder auf Post-Click-Zielseiten können verwendet werden, um eine Reihe von Aufgaben zu erfüllen, darunter:

  • Präsentieren Sie Produkte oder Produktmerkmale
  • Mitarbeiter vorstellen oder Kunden hervorheben
  • Fügen Sie menschliche Anziehungskraft hinzu und rufen Sie Emotionen hervor
  • Erzählen Sie eine Geschichte über Ihre Marke
  • Um die Aufmerksamkeit auf ein wichtiges Element zu lenken, wie z. B. einen CTA-Button

Videos
Videos auf Post-Click-Landingpages sind sogar noch effektiver als Bilder. Das liegt daran, dass die Forschung Folgendes zeigt:

  • 96 % der Verbraucher finden Videos hilfreich, wenn sie Online-Kaufentscheidungen treffen
  • 58 % dieser Verbraucher halten Marken, die Videos produzieren, für vertrauenswürdiger als solche ohne
  • Der durchschnittliche Besuch einer Webseite mit Videos dauert fast 6 Minuten, während der durchschnittliche Besuch einer Website nur mit Text und Bildern nur 43 Sekunden dauert.

SharpSpring hat seiner Post-Click-Zielseite unten ein kurzes Video hinzugefügt, in dem die Besucher über die Bedeutung der Verwendung von Marketingautomatisierung in ihren Marketingstrategien informiert werden und warum SharpSpring die beste Lösung ist, um dies zu erreichen:

Dieses Bild zeigt Vermarktern, wie SharpSpring ein kurzes Erklärvideo in ihrem Post-Click-Landing-Page-Framework verwendet, um Besucher zur Konvertierung zu bewegen.

Gifs
Gifs sind ein guter Ersatz für Videos auf Post-Click-Landingpages. Diese animierten Bilder eignen sich auch hervorragend zur Erläuterung von Angeboten und sind interaktiver als Bilder. Beispielsweise können SaaS-Unternehmen eine kurze Demonstration ihres Dashboards zeigen und zeigen, wie ein typischer Kunde den Service nutzt.

96 % der Verbraucher finden Videos hilfreich, wenn sie Online-Kaufentscheidungen treffen

Klicken Sie hier, um zu twittern

4. Vertrauensindikatoren

Potenzielle Kunden sollten Ihrer Marke vertrauen können, bevor sie die Entscheidung treffen, Ihr Angebot zu konvertieren. Aus diesem Grund ist die Integration von Vertrauensindikatoren zur Steigerung der Glaubwürdigkeit in Ihr Post-Click-Landing-Page-Framework unerlässlich.

Hier sind fünf gängige Methoden zum Hinzufügen von Vertrauensindikatoren zu Post-Click-Landingpages:

Statistische Beweise
Ihre Besucher dazu zu bringen, zu konvertieren, hängt oft davon ab, dass Sie statistische Beweise dafür liefern, wie Ihr Service die Lösung für ihr Problem ist. Der Beweis wird am besten in der Überschrift, Unterüberschrift oder im Text angezeigt. Wenn Sie diese Methode verwenden, vergessen Sie nicht, die Quelle anzugeben, die den Beweis generiert hat.

Vertrauensabzeichen
Autoritätsabzeichen können Auszeichnungen von anderen Websites, Kundenlogos und mehr enthalten. Indem Sie Autoritätsabzeichen hinzufügen, sagen Sie den Besuchern: „Schauen Sie sich all diese bekannten Unternehmen an, denen wir erfolgreich geholfen haben … Wir können Ihnen auch helfen.“

Kundenreferenzen
Eine Empfehlung eines zufriedenen Kunden ist einer der stärksten Vertrauensindikatoren, die es gibt. Stellen Sie sicher, dass Sie bei der Bereitstellung einer Bewertung oder eines direkten Zitats von jemandem so viele Informationen wie möglich angeben (vollständiger Name, Unternehmen, Titel, Porträt), da dies das Zeugnis für den Besucher, der es sieht, viel glaubwürdiger macht.

Siegel von Drittanbietern
Siegel von Drittanbietern lassen Ihre Besucher wissen, dass Geschäfte mit Ihnen sicher sind und ihre Informationen nicht weitergegeben oder kompromittiert werden. Es gibt viele Gütesiegel, aber eine Studie ergab, dass die drei Logos mit dem höchsten Wiedererkennungswert Paypal, Verisign und McAfee sind. Diese tragen auch dazu bei, Vertrauen aufzubauen und Besucher davon zu überzeugen, zu konvertieren. Blue Fountain Media erfuhr dies aus erster Hand, als sie feststellten, dass die Conversions allein durch das Hinzufügen eines Drittanbieter-Siegels um 42 % gestiegen sind.

Datenschutz-Bestimmungen
Ein Link zur Datenschutzrichtlinie ist einer der wenigen Exit-Links, die Vermarkter (zusammen mit den Nutzungsbedingungen) auf ihrer Landingpage nach dem Klick einfügen können. Das liegt daran, dass sie dazu beitragen, Vertrauen aufzubauen, indem sie die Besucher darüber informieren, wie ihre Informationen geteilt werden (falls überhaupt). Dieser Link wird normalerweise entweder unter dem Lead-Erfassungsformular oder in der Fußzeile hinzugefügt.

FiveStars leistet hervorragende Arbeit bei der Bereitstellung von Vertrauensindikatoren auf der Post-Click-Zielseite unten, da sie „bewiesene Ergebnisse“ (statistische Beweise mit zitierten Quellen) sowie Kundenreferenzen mit mehreren Teilen persönlicher Informationen über die Person liefern:

Dieses Bild zeigt Vermarktern, wie FiveStars Statistiken und Kundenreferenzen als Vertrauensindikatoren in seinem Post-Click-Landingpage-Framework verwendet.

5. Lead-Erfassungsformular

Lead-Erfassungsformulare sind Ihr Ticket zum Sammeln von Besucherinformationen, aber Formulare funktionieren nur dann gut, wenn sie richtig gestaltet sind. Um dies zu erreichen, müssen Formulare:

  • Fordern Sie nur wesentliche Informationen von Interessenten an, um sie nicht einzuschüchtern (die Anzahl der Formularfelder hängt von der Marketing-Funnel-Phase ab, in der sich Ihr Angebot befindet – je höher die Trichter-Phase, desto weniger Informationen werden normalerweise angefordert, umgekehrt).
  • Seien Sie richtig organisiert, damit Besucher sie einfach ausfüllen können
  • Strategisch auf der Seite platziert sein („above the fold“ ist keine Voraussetzung mehr, da alle scrollen)

Das nachstehende Lead-Erfassungsformular von Zoho ist sehr kurz und fordert nicht viele persönliche Informationen an, was die Wahrscheinlichkeit erhöht, dass potenzielle Kunden ein Konto erstellen:

Dieses Bild zeigt Vermarktern, wie Zoho ein Kurzformular verwendet, um ihr Post-Click-Landing-Page-Framework zu erstellen.

Eine weitere Methode zum Entwerfen von Lead-Erfassungsformularen ist das zweistufige Opt-in. Mit dieser Technik können Sie die Seite vereinfachen, indem Sie das Formular entfernen und nur eine CTA-Schaltfläche einfügen. Wenn Besucher auf diese Schaltfläche klicken, wird ein Popup-Fenster mit dem Formular geöffnet. Das Aufbrechen der Schritte auf diese Weise hilft, einen Teil der Einschüchterung zu beseitigen, die sich bildet.

6. Starke Handlungsaufforderung

Dieses Post-Click-Landingpage-Element sollte sich von allen anderen abheben. Es sollte keine Verwirrung darüber geben, wo potenzielle Kunden klicken müssen, um Ihr Angebot einzulösen.

Berücksichtigen Sie beim Entwerfen Ihres CTA-Buttons die folgenden Faktoren:

Position
Indem Sie Ihren CTA-Button zu früh auf der Seite platzieren, laufen Sie Gefahr, Conversions zu verlieren. Wenn Sie den CTA platzieren, nachdem Sie Ihr Angebot vorgestellt und erklärt haben, ist es wahrscheinlicher, dass Besucher bereits davon überzeugt sind, zu konvertieren. Leerraum kann auch bei der Positionierung helfen, indem er den Button isoliert und die Aufmerksamkeit darauf lenkt.

Außerdem müssen das F-Muster und das Z-Muster berücksichtigt werden. Diese beiden Webdesign-Techniken können Ihnen dabei helfen, zu beeinflussen, wohin sich die Augen der Besucher bewegen (während sie sie zu Ihrem CTA-Button führen).

Natürlich sind die CTA-Positionierung und die Muster alles Dinge, die Sie A/B-testen können.

Größe
Verkleiden Sie Ihren CTA nicht, indem Sie ihn zu klein machen. Machen Sie deutlich, was Ihre Besucher tun sollen … konvertieren!

Farbe
Um Ihren CTA-Button wirklich zum „Knallen“ zu bringen, muss er sich gut vom Rest der Seite abheben. Das bedeutet auch nicht unbedingt helle Farben. Die Farbtheorie zu konsultieren kann Ihnen helfen, einen Farbton, eine Tönung, einen Farbton und einen Ton zu finden, der sich vom Rest Ihrer Seite abhebt und maximale Aufmerksamkeit erregt.

Kopieren
Die CTA-Kopie kann ein entscheidender Faktor für den Gewinn oder Verlust einer Conversion sein. Halten Sie sich von langweiligen, vagen und überstrapazierten Texten wie „Senden“, „Abonnieren“, „Registrieren“ oder „Herunterladen“ fern. Seien Sie stattdessen spezifisch und verwenden Sie personalisierte, überzeugende Wörter, um die Conversions zu steigern.

Die Kopie der CTA-Schaltfläche auf dieser Post-Click-Landingpage von GoToWebinar ist aktionsorientiert („Start“), kundenorientiert („mein“) und verwendet eines der überzeugendsten Wörter („kostenlos“):

Dieses Bild zeigt Marketern, wie GoToWebinar nutzenorientierte und personalisierte CTA-Kopien in ihrem Post-Click-Landingpage-Framework verwendet.

7. Keine Exit-Links

Post-Click-Landingpages sind als hyperfokussierte Seiten auf ein einzelnes Angebot konzipiert, daher sollten keine externen Links vorhanden sein (mit Ausnahme der zuvor erwähnten Datenschutzrichtlinie und Nutzungsbedingungen). Indem Sie Links zu anderen Seiten einfügen, laden Sie Besucher ein, Ihre Seite zu verlassen, ohne vorher zu konvertieren.

Das bedeutet auch keine Navigation oben auf der Seite und nur eine minimale Fußzeile unten.

Keine Navigation
Post-Click-Landingpages erfordern keine Navigation, da alles, was der Besucher zum Konvertieren benötigt, bereits auf der Seite enthalten sein sollte (alle Hauptpunkte in diesem Artikel). Es sollte nicht nötig sein, von Seite zu Seite zu springen; Es ist entweder auf das Angebot umzusteigen oder zu verlassen. Wenn Sie unbedingt eine kleine Navigation einbauen müssen, ist ein Hamburger-Menü am besten, da dieses Design die Aufmerksamkeit nicht so sehr ablenkt wie eine vollständige Navigation.

Minimalistische Fußzeile
Die Fußzeile Ihrer Zielseite nach dem Klick sollte nicht wie die Fußzeile Ihrer Website sein – keine Produktseiten, keine Links zu sozialen Medien, keine Sitemap. Halten Sie es mit einer Datenschutzrichtlinie, Nutzungsbedingungen und Urheberrechtsinformationen extrem einfach.

Die Post-Click-Landingpage von IBM demonstriert all diese Punkte:

Dieses Bild zeigt Marketern, wie IBM ihre Navigation eliminiert und eine minimale Fußzeile in ihr Post-Click-Landing-Page-Framework einfügt.

8. Ausreichend weißer Raum

Leerraum (auch negativer Raum genannt) ist der leere Bereich auf Ihrer Post-Click-Zielseite, der hilft, die Aufmerksamkeit auf bestimmte Elemente auf Ihrer Seite zu lenken. Es muss nicht per se weiß sein, solange es seinen Zweck erfüllt. Leerraum ist eine wertvolle Designtechnik, da er dabei hilft, eine visuelle Hierarchie zu erstellen und das Durcheinander von Seiten zu reduzieren, während gleichzeitig die Lesbarkeit und das Verständnis verbessert werden.

Zum Beispiel macht Catchpoint großen Gebrauch von Leerraum, um maximale Aufmerksamkeit auf die Überschrift, die Unterüberschrift und das Lead-Erfassungsformular zu lenken:

Dieses Bild zeigt Vermarktern, wie Catchpoint Leerzeichen in seinem Post-Click-Landingpage-Framework verwendet, um die Aufmerksamkeit auf die CTA-Schaltfläche zu lenken und Besucher zur Konvertierung zu bewegen.

Wie gestalten Sie Ihr Post-Click-Landing-Page-Framework?

Es gibt kein einzelnes bestes Post-Click-Landing-Page-Framework. Das „beste Framework“ ist einfach dasjenige, das zur höchsten Konversionsrate führt, da verschiedene Kombinationen der Post-Click-Landingpage-Elemente zu unterschiedlichen Ergebnissen für verschiedene Unternehmen führen. Aus diesem Grund ist es wichtig, Ihre Post-Click-Zielseiten immer A/B-Tests zu unterziehen, um festzustellen, welche Variante erfolgreicher ist.

Melden Sie sich noch heute für eine Instapage Enterprise-Demo an, um Ihr eigenes „bestes“ Post-Click-Landingpage-Framework zu erstellen.