So erstellen Sie High-Converting Landingpages [mit Beispielen]

Ihre Landingpage ist das Gesicht Ihrer Marke. Hier werden Ihre Besucher digital mit den von Ihnen angebotenen Produkten oder Dienstleistungen und den von Ihnen gelösten Problemen vertraut gemacht.

Obwohl sie unter den digitalen Marketern weltweit verbreitet ist, verstehen nur wenige Top-Anwärter in einer Nische die Feinheiten der Erstellung einer Landing Page, die im Vergleich zum Branchendurchschnitt besser konvertiert.

Kostenlos herunterladen: Leitfaden zur Landingpage-Optimierung

Was ist eine Landingpage?

Eine Landingpage ist eine eigenständige Seite, die dazu dient, qualifizierte Leads zu generieren. Um dieses Ziel zu erreichen, können Sie auf Ihrer Landingpage Micro Conversions einrichten, z. B. das Ausfüllen eines Formulars, die Anmeldung für eine kostenlose Testversion, die Registrierung von Interesse an einem Produkt oder einer Dienstleistung usw.

Marketer schicken in der Regel warmen Traffic auf eine Landingpage – also Traffic, der bereits ein gewisses Interesse an Ihrem Angebot gezeigt hat. Ihre Zielgruppe kann unter anderem aus Marketingkampagnen wie Pay-per-Click-Werbung (PPC), Social-Media-Kampagnen oder einer E-Mail-Marketingkampagne stammen.

Die Conversion Rates von Landingpages variieren je nach Branche und Zielsetzung. Es wäre also nicht fair, eine ideale Conversion Rate festzulegen, die für alle Branchen gilt.

Um sich ein Ziel zu setzen, können Sie sich an der obigen Grafik orientieren, die die Benchmarks für die Conversion Rate in verschiedenen Branchen veranschaulicht.

Was ist der erste Schritt zur Erstellung von Landingpages mit hoher Conversion Rate?

Fallen Sie nicht auf eine Anleitung herein, die eine hochkonvertierende Landingpage garantiert – es gibt sie nicht. Wie im obigen Abschnitt erwähnt, sind die Standards für die Conversion Rate branchenspezifisch und können Ihnen in der Anfangsphase Ihres Landingpage-Designs als Richtschnur für die Festlegung eines Ziels dienen. Als Ausgangspunkt sollten Sie jedoch unbedingt ein fundiertes Verständnis Ihrer Marke und ihrer Wertversprechen haben, abgesehen von grundlegenden Kenntnissen über das Design von Landingpages und User Experience (UX).

Iterationen schaden nie, aber Ratespiele können Ihrem Unternehmen kollateralen Schaden zufügen. 

Die Erstellung von Landingpages mit hoher Conversion Rate erfordert kontinuierliches Testen und Optimieren. Dies zu verstehen, ist der erste wichtige Schritt auf Ihrer Optimierungsreise. Sie können aufhören zu raten, was Besucher auf Ihrer Landingpage konvertieren lässt, und Tools wie Heatmaps, Eye-Tracking-Software und andere einsetzen, um das Besucherverhalten auf Ihrer Seite zu messen. Die wertvollen Erkenntnisse aus diesen Tools können Ihnen dabei helfen, das Design, die CTA usw. zu verbessern und so eine Landingpage mit hoher Conversion Rate zu erstellen.

Woraus besteht eine high-converting Landingpage?

Knackiger Inhalt ohne Scrollen (above-the-fold)

Das Design Ihrer Landingpage wirkt sich auf die Conversion Rate aus. Das Scollen spielt eine entscheidende Rolle bei der Erstellung einer großartigen Landingpage. Alles, was auf dem Bildschirm zu sehen ist, wenn Sie die Landingpage zum ersten Mal laden, ist „above-the-fold“.

Die Nielsen Norman Group hat eine Studie über zu Online-Scrollgewohnheiten durchgeführt. An der Studie nahmen 120 Personen teil, die mit Tausenden von Websites in verschiedenen Nischen interagierten. Mithilfe von Eye-Tracking-Software wurde untersucht, wie die Menschen mit verschiedenen Websites interagierten.

Auf der Grundlage ihrer Ergebnisse kam die Nielsen Norman Group zu folgendem Schluss: „Nutzer scrollen zwar, aber nur, wenn das, was sich above-the-fold  befindet, vielversprechend genug ist. Was auf der Seite zu sehen ist, ohne dass eine Aktion erforderlich ist, regt uns zum Scrollen an“.

Es überrascht nicht, dass die meisten Landingpages mit hoher Conversion Rate so gestaltet sind, dass sie eine maximale Wirkung über above-the-fold erzielen. Eine gute Landingpage enthält alle wichtigen Informationen, die ein Besucher benötigen könnte, aber ohne zu scrollen – fast wie eine Mini-Verkaufsseite. Nehmen wir das Beispiel von VWOs eigener Landingpage.

Wie Sie sehen können, enthält der Inhalt above-the-fold wesentliche Elemente der Landingpage, die den Besucher überzeugen, etwas zu unternehmen. Er umfasst:

• Überschrift
• Spannende Unterüberschrift
• Call-to-Action (CTA)
• Social Proof

Eine perfekte Landingpage muss von Anfang an die Aufmerksamkeit der Nutzer wecken. Wenn ein Besucher weitere Informationen erfahren möchte, kann er auf der Seite nach unten scrollen, wo die Schlüsselelemente der Verkaufsbotschaft weiter ausgeführt werden.

Eine Überschrift mit Wirkung

David Ogilvy, der Gründer des globalen Marketingunternehmens Ogilvy, sagte einmal über Überschriften: „Fünfmal so viele Menschen lesen die Überschrift wie den Text.“ Dieses Zitat stammt aus der Zeit vor dem Internet, aber es gilt auch heute noch.

Nehmen wir das Beispiel einer von Imsider.ru gestalteten Landingpage. Hier wurde zur Erhöhung der Conversion Rate der Landingpage ein A/B-Test durchgeführt. Auf der linken Seite ist die Kontrolle, auf der rechten Seite die Variation zu sehen.

Die Übersetzung der Überschrift steht unter dem Screenshot (für alle, deren Russisch etwas eingerostet ist).

In diesem A/B-Test verbesserte die Variante die Lead-Generierung. Sie generierte 9,52 % mehr Leads als die Kontrollvariante. Das ist ein deutlicher Anstieg der Conversion Rate der Landingpage.

Grundsätzlich muss die Überschrift dem Besucher den Nutzen vermitteln. Dies kann durch das Anbieten eines zeitkritischen Vorteils und das Versprechen einer einfachen Lösung geschehen, wie im obigen Beispiel gezeigt. Unabhängig von Ihrem Ansatz sollten Sie versuchen, Ihre Überschrift durch Tests zur Optimierung der Conversion Rate zu optimieren.

Eine fesselnde Überschrift

Ihre Unterüberschrift (Subheadline) sollte die Überschrift (Headline) weiter ausarbeiten und ihr durch ergänzende Informationen mehr Kontext hinzufügen, um Besucher zu überzeugen, die gewünschte Aktion durchzuführen. Im Folgenden finden Sie vier Dinge, die Sie bei der Erstellung der Subheadline von Landingpages ausprobieren können:

1. Machen Sie sie länger: Je nach Design der Landingpage kann die Subheadline bis zu zwei- oder dreimal so lang sein wie Ihre Headline.
2. Schließen Sie Ihr Alleinstellungsmerkmal (USP) ein: Fügen Sie Ihr USP gegebenenfalls in die Subheadline ein.
3. Ermutigen Sie zum Handeln: Mit nur wenigen Worten können Sie Ihre Zwischenüberschrift in einen ansprechenden Aufruf zum Handeln (CTA) verwandeln.
4. Informieren Sie nicht zu viel: Ihre Zwischenüberschrift sollte kurz, knackig und konzentriert sein.

Nehmen Sie das Beispiel von VenueSphere, einem Drittanbieter für Empfehlungsschreiben, das eine Fallstudie über die Bedeutung Ihrer Subheadline liefert.

Um die Conversion Rate zu verbessern, wurde ein A/B-Test für die Subheadline durchgeführt. Die Variante, die im zweiten Screenshot zu sehen ist, führte zu einem Anstieg der Leads um 69 % gegenüber der Kontrollvariante.

Hierarchie der Ordnung: Wie man einen Verkaufstext strukturiert

Als Marketer ist es Ihre Aufgabe, den Besucher Ihrer Landingpage davon zu überzeugen, dass die von ihm erwartete Aktion für ihn von Interesse ist. Dazu müssen Sie einige grundlegende Einwände und Probleme, die eine Person haben könnte, überwinden. Zum Beispiel:

• Bietet die Landingpage das, wonach ich suche?
• Gibt es auf der gesamten Landingpage genügend Informationen, um meine Fragen zu beantworten?
• Wird das lange dauern?

Die Elemente, die Sie auf einer Landingpage verwenden, helfen den Leuten, diese natürlichen Einwände gegen eine Aktion zu überwinden. Die Art und Weise, wie diese Elemente auf der Seite angeordnet sind, bestimmt Ihre Conversion Rate.

Es gibt einige Standardformeln für Landingpage-Texte, mit denen Sie sich vertraut machen sollten, wenn Sie eine Landingpage mit hoher Conversion Rate erstellen möchten. Dazu gehören:

• Aufmerksamkeit, Interesse, Verlangen, Aktion (Attention, Interest, Desire, Action – AIDA)
• Vorher Nachher Brücke
• Problem, Aufregen, Lösen
• Abbilden, Versprechen, Beweisen, Auffordern (Picture, Promise, Prove, Push – PPPP)

Die oben genannten Beispiele sind einige der Grundsätze des Copywritings, die Sie auf Ihre Website anwenden können. Sie sind besonders nützlich, wenn Sie eine Landingpage in Langform erstellen möchten.

Kostenlos herunterladen: Leitfaden zur Landingpage-Optimierung

Farbtheorie: So verwenden Sie Farben auf einer Website

Farben und die Gestaltung der visuellen Elemente auf Ihren Landingpages spielen eine wichtige Rolle für den ersten Eindruck. Zu verstehen, wie Menschen auf Farben reagieren und wie man Farben auf einer Seite verwendet, bezieht sich auf eine Reihe von Designprinzipien, die als Farbtheorie bekannt sind.

Es gibt Elemente der Farbtheorie, die sich auf die Gestaltung von Landingpages beziehen:

1. Psychologie der Farben
2. Die Rolle von Kontrastfarben bei der Hervorhebung von Elementen auf einer Seite

Das Farbschema Ihrer Landingpage sollte Ihre Marke widerspiegeln. Es ist wichtig, bei der Gestaltung einer Landingpage zumindest ein Grundverständnis für Farbassoziationen zu haben. Sie können sich an einem Farbkreis orientieren, um Komplementärfarben zu verstehen

Die von Ihnen verwendeten Farben können dazu beitragen, die Aufmerksamkeit der Besucher auf Elemente zu lenken, indem sie diese Elemente vom Hintergrund abheben. Aus diesem Grund gibt es eine Vielzahl von Erfolgsgeschichten, die zeigen, wie eine Änderung der Farbe einer Landingpage-Schaltfläche die Conversion Raten erhöhen oder senken kann.

Schließlich sollten Sie wissen, wie Sie Farbkontraste nutzen können, um Elemente auf einer Seite hervorzuheben. Zahlreiche Fallstudien zeigen, wie die Änderung der Farbe einer Schaltfläche die Conversion Rates beeinflussen kann.

Relevante Bilder: Wählen Sie die richtigen Bilder

Bilder spielen bei der Gestaltung Ihrer Landingpage eine entscheidende Rolle. Sie lockern den Text auf und lassen das Design einer Seite attraktiv aussehen. Sie sollten jedoch darauf achten, wann, wie und welche Bilder Sie verwenden. Bilder können dazu beitragen, die Aufmerksamkeit auf bestimmte Elemente der Seite zu lenken.

Fotos von Menschen sind im Allgemeinen auf Landingpages besonders wirkungsvoll. Allerdings sollte das Bild dem Kontext angemessen sein. Nehmen Sie das Beispiel von POSist, einer führenden SaaS-Plattform für Restaurants. Sie führten einen A/B-Test auf ihrer Homepage durch.

Das Steuerelement hatte ein Hero Image mit einer Person. Die Variation war eine benutzerdefinierte Grafik.

Diese Variante generierte 16 % mehr Leads, was enorm war. Die Fallstudie zeigt, wie wichtig Tests sind, um effektive Landingpages zu erstellen.

Klare CTA-Buttons

Die Verbesserung Ihrer CTAs ist ein Einstiegstest zur Optimierung der Conversion Rate. Dennoch sollten Einsteigertests auch von Experten nicht übersehen werden.

Nehmen Sie dieses Beispiel von White Card Courses. Das Unternehmen wollte die Conversion Rate auf seiner Homepage erhöhen. Sie führten einen A/B-Test durch, nachdem sie ihn überprüft hatten.

Sie können sehen, dass mehrere Änderungen an der Seite vorgenommen wurden. Der Seite wurde ein CTA-Button mit dem Text „Jetzt starten“ hinzugefügt. Die Hintergrundfarbe hinter der Überschrift wurde geändert, um den Kontrast mit dem Hero Image zu erhöhen.

Die Variante führte zu einem Anstieg der Conversions um 28,76 % gegenüber der Kontrollvariante. Dies ist eines der besten Beispiele für die multidisziplinäre Natur einer Conversion Rate Optimization auf Landingpages.

Abzeichen und Logos, die Vertrauen schaffen

Ein wichtiger Schmerzpunkt, den Sie im Umgang mit einem Lead überwinden müssen, ist der Faktor Vertrauen. Oft ist Ihre Landingpage der erste Ort, an dem eine Person mit Ihnen als Marke in Berührung kommt. In diesem Zusammenhang kann Social Proof in Form von Testimonials und Trust Badges helfen, dieses Vertrauen zu schaffen.

Kommen wir noch einmal auf die Fallstudie POSist zurück.

Anstatt sich auf die erste Variante für die Homepage zu beschränken, führte POSist einen zweiten Test durch. Sie fügten Logos ihrer Kunden auf der Homepage hinzu. Diese zweite Variante führte zu einer noch höheren Conversion Rate.

Die POSist-Fallstudie unterstreicht die Bedeutung einer kontinuierlichen Prüfung und Optimierung.

Social Proof

Social Proof in Form von Testimonials, Rezensionen oder sozialem Engagement spielt eine wichtige Rolle bei der Erstellung von Landingpages mit hoher Conversion Rate. Ein großartiges Beispiel dafür, wie sehr sich eine kleine Menge an Social Proof auf die Conversion Rates auswirken kann, ist diese alte Wikijobs-Erfolgsgeschichte.

VWO half ihnen, einen A/B-Test durchzuführen, bei dem ein einfaches Testimonial über dem Formular eingefügt wurde.

Diese kleine Änderung führte zu einem Anstieg der Verkäufe um 34 %. Das ist ein beachtliches Ergebnis, wenn man bedenkt, dass es sich bei dem Testimonial um drei Zeilen nicht zugeordneten Text handelte.

Es gibt eine Vielzahl von Möglichkeiten, wie Sie Social Proof auf einer Landingpage einsetzen können. Sie können und sollten mit der Platzierung von Social Proof und Testimonials auf der Seite experimentieren, um zu sehen, ob dies Auswirkungen auf die Conversion Rates Ihrer Landingpage hat. Selbst kleine Dinge wie das Hinzufügen der Anzahl von Facebook-Likes oder -Shares können zu einer Steigerung der Conversion Rate führen.

Gestaltung von Landingpage-Formularen

Das Formular auf Ihrer Landingpage ist der Ort, an dem die Conversion stattfindet, vorausgesetzt, Sie verwenden eines. Jedes Problem mit dem Design Ihres Formulars und der Art und Weise, wie die Besucher mit dem Formular interagieren, wird zu einer niedrigeren Conversion Rate auf Ihrer Landingpage führen. Es liegt auf der Hand, dass jede Verbesserung, die Sie am Design Ihres Landingpage-Formulars vornehmen, die Wahrscheinlichkeit erhöht, dass Besucher das Formular ausfüllen.

Sie sollten das Design Ihres Formulars überprüfen und optimieren. Als allgemeine Faustregel gilt: Je weniger Formularfelder Sie verwenden, desto höher ist die allgemeine Conversion Rate. Noch wichtiger ist jedoch, dass eine gründliche Überprüfung in Form einer  Formularanalyse Formularfelder anzeigen kann, bei denen die Nutzer verwirrt sind – ein häufiger Schmerzpunkt.

Es gibt eine Vielzahl von Fallstudien und Formularbeispielen, die Sie im Hinblick auf bewährte Verfahren heranziehen können. Prüfen Sie diese Fallstudien und führen Sie Tests durch, um die Zahl der potenziellen Kunden, die das Formular ausfüllen, zu erhöhen.

Experimentieren mit Live-Chats

Abhängig von der Art der Conversion, die Sie verfolgen, besteht eine gute Chance, dass eine Person, wenn sie schließlich Ihr Formular erreicht, ungelöste Fragen zu dem Angebot hat. Ein FAQ-Abschnitt auf einer Seite kann eine Teillösung für dieses Problem bieten. Allerdings lesen viele potenzielle Kunden diesen Abschnitt möglicherweise nicht, oder sie haben Fragen, die in den FAQ nicht beantwortet werden.

Live-Chat-Software kann hier Abhilfe schaffen, indem sie den Nutzern die Möglichkeit gibt, ihre Fragen beantwortet zu bekommen. Interessanterweise schafft das Vorhandensein einer Live-Chat-Option ein Gefühl der zusätzlichen Sicherheit. Produktentwickler haben das schon vor Jahrzehnten erkannt. Die Welt ist voll von Placebo-Schaltflächen, die uns beruhigen sollen, aber keine Funktion haben. Das heißt nicht, dass Sie Fragen ignorieren können. Sie sollten jedoch testen, wie sich ein Live-Chat auf Ihre Conversion Rate auswirkt und wie viel Unterstützung eine Live-Chat-Funktion auf der Seite erfordert.

Fazit

Erfolgreiche Landingpages in jeder Branche haben oft eine doppelt oder dreifache Conversion Rate als der Branchendurchschnitt. Wenn Sie PPC-Werbung einsetzen, um diese Leads zu generieren, und Ihre Landingpage eine durchschnittliche Conversion Rate aufweist, zahlen Sie möglicherweise fast dreimal so viel Geld pro Lead wie ein Mitbewerber. Und das ist natürlich ein großer strategischer Nachteil für Sie.

Doch es gibt einen Silberstreif am Horizont. Die Unternehmen, die in Ihrer Nische hochkonvertierende Landingpages betreiben, haben diese Landingpages nicht zufällig erstellt. Sie haben sicherlich rigorose Tests durchgeführt, um die Conversion Rates ihrer Landingpages schrittweise zu verbessern.

Häufig gestellte Fragen