CHECKLISTE: Aufbau & Optimierung einer Landing Page
4.8 (95%) aus 4 Bewertungen

 

Wie erstellt man eine erfolgreiche Landing Page?

Der erste Eindruck muss stimmen. Nicht nur im zwischenmenschlichen Bereich, sondern auch im Online Marketing. Bis zu 80 % der Besucher verlassen eine Homepage nach wenigen Sekunden, wenn sie nicht sofort finden, was sie suchen. Die Landing Page kann über die Absprungrate einer Seite und damit auch über den Erfolg – die Conversions – entscheiden.

 

Was ist eigentlich eine Landing Page?

Eine Landing Page ist eine Webpage, auf der ein Nutzer landet, wenn er einem Link folgt. Dieser kann etwa ein Suchergebnis auf Google oder Teil einer Werbeanzeige sein. Danach entscheidet es sich in kurzer Zeit. Wurde die Landing Page perfekt optimiert? Wird das Angebot klar kommuniziert, sodass so viele Nutzer wie möglich dem Call to Action, der Handlungsaufforderung, folgen? Mit einer gut durchdachten Landing Page können mehr Conversions erreicht werden. Sei es der Kauf eines bestimmten Produktes, die Kontaktaufnahme oder die Anmeldung zu einem Newsletter.

Landing Page Best Practice mailchimp
Die Landing Page von mailchimp.com kommuniziert ihr Angebot direkt in der Headline. Darunter wird das Alleinstellungsmerkmal beschrieben. Der Call to Action-Button enthält eine deutliche Handlungsaufforderung „Try it Out“. 

 

Was unterscheidet eine Landing Page von einer Webseite?

Im Gegensatz zu einer Startseite kann eine Landing Page exakt auf eine bestimmte Zielgruppe und ihre Bedürfnisse abgestimmt werden. Das erhöht die Wahrscheinlichkeit für den Erfolg einer Online Marketing Kampagne. Als Dienstleistungsunternehmen wünscht man sich beispielsweise die Anfrage von Neukunden. Diese kann etwa über ein Formular passieren, in dem die Besucher ihre Kontaktdaten für die Zusendung eines Angebots hinterlassen. Ohne Ablenkung oder zusätzliche Navigationselemente muss den Interessenten direkt das geliefert werden, wonach sie suchen. Ein deutlicher Call to Action oder Trust Elemente tragen zum Erfolg bei.

Screenshot Homepage Spotify
Landing Page Best Practice Spotify
Im Gegensatz zur Homepage enthält die Landing Page des Streaming-Dienstes spotify ein deutliches Angebot in der Subline.

 

Was sind die Ziele meiner Landing Page?

Bevor mit dem Aufbau einer Landing Page begonnen werden kann, sollte man sich über das zu erreichende Ziel im Klaren sein. Die Definition einer bestimmten Zielgruppe ist von Bedeutung, um die Seite optimal zu gestalten. Sind die Bedürfnisse und Interessen der Besucher bekannt, so fällt es leichter, den Inhalt der Seite auf sie abzustimmen. Finden die User genau das, wonach sie suchen und fühlen sich vom Content angesprochen, ist die Wahrscheinlichkeit für eine erfolgreiche Conversion sehr hoch.

Mögliche Ziele einer Landing Page sind:

  • Anmeldung zu einem Newsletter
  • Start eines Downloads
  • Ausfüllen eines Kontaktformulars
  • Klick auf einen bestimmten Link
  • Ansehen eines Videos
  • uvm.

 

Landing Page Aufbau: Welche Elemente braucht eine erfolgreiche Landing Page?

Es gibt bestimmte Elemente, die auf jeder erfolgreichen Landing Page zu finden sind. Beim Aufbau und bei der Gestaltung kann man sich an der folgenden Struktur orientieren:

 

 

Landing Page Aufbau

 

Landing Page Element: Alleinstellungsmerkmal

Die Grundlage einer jeden Marketing-Strategie ist das Hervorheben des Alleinstellungsmerkmals. Welchen einzigartigen Mehrwert bietet die Dienstleistung, die hier angeboten wird? Warum ist diese Firma der beste Anbieter für das gesuchte Produkt? Die Unique Value Proposition (UVP) oder der Unique Selling Point (USP) muss in den ersten Sekunden des Website-Besuchs deutlich werden.

 

Die Gestaltung der Headline einer Landing Page

Die Headline ist das erste Textelement, das der Besucher wahrnimmt. Eine aussagekräftige Überschrift beantwortet diese ersten beiden Fragen prägnant: „Bin ich hier richtig?“ oder „Finde ich hier, was ich suche?“. Mit einem der Zielgruppe entsprechendem Versprechen wird deren Bedürfnis geweckt. Mithilfe einer Subline kann die Headline fortgesetzt oder weiter ausgeführt werden. Sie liefert weitere überzeugende Argumente, etwa durch das Hervorheben des USP.

 

Das Logo auf der Landing Page

Auch das Logo einer Firma hat einen gewissen Wiedererkennungswert. Es dient der Kundenbindung muss deshalb natürlich auch in der Landing Page enthalten sein. Ein bekanntes Logo ruft unbewusst bestimmte Erinnerungen und Assoziationen hervor, die zur Bewertung der Webseite beitragen. Selbst wenn ein Unternehmen noch unbekannt ist, muss ein Logo auf der Seite zu finden sein. Es sollte so platziert sein, dass es schnell wahrgenommen wird, aber trotzdem nicht von der Headline ablenkt.

Landing Page Best Practice shopify
Die Headline des Dienstes shopify macht den Nutzen des Angebots deutlich. In der Subline wird durch den Verweis auf die hohen Nutzerzahlen Vertrauen aufgebaut.

 

Landing Page Element: Reason Why

Eng mit dem Beschreiben der Alleinstellungsmerkmale verknüpft ist das Hervorheben und Vorstellen der Vorteile des Angebots der Landing Page. Durch die Darstellung und prägnante Zusammenfassung der Vorteile erhält der Besucher erneut einen Grund, den Reason Why, für genau das Produkt, das auf der Seite vorgestellt wird.
Es muss besonders auf die Bedürfnisse der Zielgruppe eingegangen werden. Der Nutzer soll erfahren, warum es sich lohnt, dem Call to Action zu folgen. In diesem Element bietet es sich an, die Vorteile der Dienstleistung und die vielfältigen Anwendungsmöglichkeiten eines Produktes darzustellen. Auf Grundlage einer Problemstellung, die den Besucher betrifft, wird dargestellt, dass auf dieser Webseite genau die richtige Lösung angeboten wird. Das kann beispielsweise durch die Visualisierung mittels Icons oder kurzer Videos geschehen, die eine Funktionsweise näher beschreiben. Danach können auch zusätzliche Informationen gegeben werden.

Landing Page Best Practive mjam
mjam.net überzeugt die Nutzer mit vier Vorteilen, die mit Icons und einem kurzen Text illustriert werden.

 

Landing Page Element: Hero Shot

Der Hero Shot ist die tatsächliche Abbildung des „Helden“ der Landing Page. Das Thema, Produkt oder die Dienstleistung soll natürlich nicht nur schriftlich beschrieben, sondern auch visuell dargestellt werden. Ein besonders hochwertiges, hochauflösendes Video oder Foto zieht die meiste Aufmerksamkeit auf sich. Damit wird der „Hero“ in den Mittelpunkt gestellt und die Besucher können sich ein gutes Bild des Angebots machen.

Bei der Auswahl des Hero Shots ist die Orientierung am AIDA-Prinzip der Werbewirkungsforschung möglich. Er muss durch auffällige Gestaltung Aufmerksamkeit (Attention) wecken und durch die genaue Abstimmung auf die Bedürfnisse der Zielgruppe Interesse (Interest) wecken. Schließlich ist aber nicht nur das Interesse, sondern auch der reale Wunsch (Desire) des Besuchers von Bedeutung. Im besten Fall erfüllt der Hero Shot seine Aufgabe und löst eine positive Handlung (Action) des Kunden aus. Er entscheidet sich für das vorgestellte Produkt oder die Dienstleistung der Landing Page.

Landing Page Best Practice apple
Die hochauflösenden Hero Shots von Apple sind typisch für das Unternehmen. Im „Above the fold“-Bereich lösen sie Aufmerksamkeit und Interesse aus.

Der Hero Shot kann etwa zwischen Textelementen die Nutzung eines Produkts näher erläutern oder auch im „Above the fold“-Bereich platziert werden. Das ist jener Teil einer Website, der für Besucher, ohne zu scrollen als erstes sichtbar ist. Dieser muss minimalistisch und übersichtlich gestaltet sein. Zusätzlich enthält er beispielsweise die Headline sowie den Call to Action.

 

Landing Page Element: Call to Action (CTA)

Vor der Erstellung der Landing Page wurde definiert, welche Ziele (Conversions) erreicht werden sollen. Der Call to Action fordert die Nutzer direkt zu der als Conversion definierten Handlung auf. In diesem Sinne ist er der wichtigste Teil der Landing Page und muss ebenso wohlüberlegt gesetzt werden.

Landing Page Best Practice netflix
Der Call to Action auf netflix.com enthält eine Einleitung, die durch die Versicherung, dass das Abo jederzeit kündbar ist, zusätzlich Vertrauen aufbaut. Es wird außerdem deutlich, wohin der CTA-Button führt.

Rund um den CTA fügen sich zusätzliche Elemente, die den Besucher zum Ziel führen. Einleitend bietet sich ein kurzer Text an, der dazu dient, Vertrauen zu schaffen, wie das Versprechen eines kostenlosen Downloads. Danach folgt die eigentliche Handlungsaufforderung in Form eines Buttons, beispielsweise „Jetzt anfragen!“ oder „Checkliste downloaden!“. Dieser muss sich vom restlichen Inhalt abheben, etwa mittels einer auffälligen Farbe. Wichtig hierbei ist, dass klar kommuniziert wird, was sich der User durch einen Klick auf den Button erwarten kann. Darunter findet sich zusätzlicher Platz, an dem ein zusätzliches Argument oder häufiger der Hinweis auf den Datenschutz platziert werden kann.

Hat der Call to Action die Form eines Formulars, muss dieses übersichtlich gestaltet sein. Es sollten nur die Daten erhoben werden, die wirklich nötig sind. ansonsten wird die Skepsis des Besuchers geweckt. Zusätzlich ist hier auch der Hinweis über die vertrauliche Behandlung der Daten unterzubringen.

Da eine Landing Page auf genau ein Ziel optimiert sein sollte, gibt es auch immer nur einen Call to Action!

 

Landing Page Element: Social Proof

Vor allem für den Fall, dass das Unternehmen hinter einer Landing Page dem Besucher nicht vertraut ist, bietet sich der Einsatz verschiedener Trust Elemente an. Um Nutzer von Seriosität oder Professionalität zu überzeugen, werden bewährte Vertrauenselemente eingesetzt. Das sind etwa Prüfsiegel, Zertifikate oder auch eingebettete Social Media Elemente, wie die Facebook Fanbox.

Landing Page Best Practice udemy
Die Online-Plattform udemy.com lässt Nutzer von ihren Erfahrungen berichten und schafft mit der Abbildung der Logos ihrer Unterstützer zusätzliches Vertrauen.

Vertrauen kann außerdem durch die persönliche Vorstellung des Unternehmens sowie der auf Fotos sichtbaren Ansprechpartner geschaffen werden. Die Bilder müssen jedoch authentisch sein. Keinesfalls sollten dafür Stockfotos verwendet werden. Die Mitarbeiter erscheinen etwa auch durch kurze Vorstellungs- oder Produktvideos greifbarer. Kompetente, fachlich korrekte Informationen in den Texten vermitteln Vertrauenswürdigkeit und unterstreichen zusätzlich die Seriosität eines Unternehmens. Für den Social Proof sorgen Testimonials, Erfahrungs- und Testberichte echter Kunden, die mit Angabe von Namen abgebildet werden.

 

Landing Page Optimierung

Inhalt, Stil und Layout einer Landing Page

Weniger ist mehr. Das ist der wichtigste Grundsatz, der für die Erstellung von Landing Pages gilt. Ein Besucher sollte auf den ersten Blick mit dem Call-to-Action konfrontiert werden. Kurze, prägnant formulierte Sätze ermöglichen eine schnelle (positive) Entscheidung. Darum sollte die gesamte Landing Page übersichtlich strukturiert sein. Das wird durch treffende Überschriften, hervorgehobene Schlagworte, Bullet Points oder auflockernde Grafiken erreicht.

Gekürzt beziehungsweise weggelassen werden kann auch eine Navigationsmöglichkeit. Das Hauptmenü der Website oder weiterführende Links, etwa zu Social Media Profilen, sind lediglich ablenkende Elemente, die das Erreichen der Conversion verhindern könnten. Der Fokus muss folglich auf dem Call to Action liegen.

An dieser Stelle soll folgendes noch einmal hervorgehoben werden: Eine Landing Page zeichnet sich durch die Fokussierung auf ein bestimmtes Thema aus. Sie muss maßgeschneidert genau die Inhalte bieten, die die Anzeige oder der Title Tag in den SERPs verspricht.

 

Technische Features der Landing Page

Zeit ist Geld. Nichts bereitet mehr Ärger, als eine Website, die nicht in wenigen Sekunden geladen ist. Je länger die Ladezeit einer Landing Page, desto höher die Absprungrate und desto niedriger die Conversionrate! Etwas Ähnliches gilt für die Kompatibilität mit mobilen Endgeräten. Smartphones und Tablets sind die Geräte, mit denen heute am häufigsten im Internet gesurft wird. Nicht nur das Design und Layout sollte für Smartphones optimiert werden, auch die Abstimmung des Inhalts auf die Bildschirmgröße ist essentiell.
Ein nicht zu unterschätzender Pluspunkt ist das Einrichten einer Confirmation Page nachdem der Besucher dem Call to Action gefolgt ist. Sie bestätigt die korrekte Übermittlung der Daten und erhält deswegen die letzte Aufmerksamkeit. Das bietet die Möglichkeit für weitere Angebote. Die User Expierience kann etwa durch ein überraschendes Goodie positiv verstärkt werden. Vielleicht möchte sich der Kunde jetzt via Social Media mit dem Unternehmen verbinden oder sich im Mitgliederbereich der Website vernetzen. Vorschläge für ähnliche Produkte animieren eventuell zum Weitershoppen.

 

Landing Page und SEO

Ist eine Landing Page erst einmal erstellt, bedeutet das nicht, dass von da an kein Optimierungsbedarf mehr besteht. Mithilfe von Analysetools sollten Werte wie die Conversion Rate, die Absprungrate oder Verweildauer aufgezeichnet werden. Besonders die Conversion Rate ist für Landing Pages von großer Bedeutung. Auf Grundlage dieser Daten lassen sich gezielte Optimierungen vornehmen. Interessant ist auch die Erstellung von sogenannten Heatmaps, die das Nutzerverhalten auf Websites sichtbar machen. So kann etwa die perfekte Platzierung des Call to Action Buttons festgestellt und die Usability verbessert werden.

Eine Heatmap hilft – ähnlich wie das Bild einer Wärmebildkamera – dabei, Daten übersichtlich darzustellen. Im Webdesign wird sie beispielsweise zur Visualisierung von Mausbewegungen (Mouseflow Tracking) oder dem Scrollverhalten (Scroll Tracking) der User angewendet. Die Analyse der Bilder unterstützt bei der Optimierung der Usability oder des Layouts.

 

Checkliste zur Landing Page Optimierung

  • Zielgruppe klar definiert (Sprache, Alter, Wohnort, Geschlecht, benutztes Endgerät usw.)
  • Ziel der Landing Page festgelegt (Anfrage, Download, Newsletter Anmeldung, Verkauf usw.)
  • Landing Page für Mobilgeräte optimiert
  • Google Analytics Tag integriert

Headline

  • Prägnante Überschrift (max. 5-12 Worte)
  • Headline weckt ein Bedürfnis und verspricht für die Zielgruppe eine Lösung (AIDA Prinzip)
  • Füllwörter wurden möglichst vermieden
  • Subline enthält max. 110 Zeichen
  • Direkte Ansprache des Lesers (Du/Sie)
  • Positive Formulierungen wurden verwendet
    Verneinungen, Passivformen, Fremdwörter und Formulierungen wie „Wir glauben/denken…“ sollten vermieden werden
  • Keine unrealistischen Versprechungen
  • Spezifische Daten/Fakten werden genannt
    DO: 5 Tipps wie Du in 30 Tagen 10 Kilo abnehmen kannst
    DON´T:  Jetzt abnehmen
  • Buzz Wörter wurden verwendet
    z.B. Gratis/ kostenlos, Jetzt/sofort, exklusiv, Vorteil, neu, risikofrei, etc.
  • Vorteil/USP des Produkts/der Dienstleistung im Fokus
  • W-Fragen:
    WAS: Was bringt Content Marketing?
    WARUM: Warum ist Content Marketing 2019 so wichtig?
    WIE: Wie du mit Content Marketing mehr Kunden erreichen kannst?
    WANN: Wann zahlt sich Content Marketing aus?

Hero Shot

  • Authentisches Bild, kein Stockfoto
    A/B Test zeigen eine Verbesserung der Conversion Rate zwischen 30-40% bei Verwendung realer Hero Shots im Vergleich zu Stockfotos
  • Optimale Position des Hero Shots: Zentriert oder am linken Rand der Landing Page
  • Kein Slider als Hero Shot verwendet
  • Professionelles Foto wird verwendet
  • Produkt/Dienstleistung auf dem Foto klar erkennbar
  • Headline/Call to Action hebt sich vom Bild klar ab und ist gut lesbar
  • Nur ein Produkt im Hero Shot abgebildet
  • Abgebildete Personen entsprechen der Zielgruppe

Trust Elemente

  • Qualitätssiegel ist eingebaut
    Nur bekannte Prüfsiegel schaffen Vertrauen (z.B. Trusted Shops, TÜV Süd, EHI). Laut Studien achten ca. 70% der Onlinekäufer auf vorhandene Gütesiegel und beziehen diese in die Kaufentscheidung mit ein.
  • Referenzen/Case Studies vorhanden
  • Kundenbewertungen vorhanden
  • Social Media Fanbox integriert
  • Telefonnummer, Mailadresse und Adressdaten sichtbar
  • Impressum vorhanden

Content

  • Gut strukturierter Inhalt (Hauptüberschrift, Zwischenüberschriften, Aufzählungen, Absätze)
  • Content auf die Zielgruppe abgestimmt (Schreibstil, Ansprache usw.)
  • Bullet Points verwendet
  • Grafiken, Bilder und Videos verwendet
  • Keine Rechtschreib- und Grammatikfehler

Call to Action (CTA)

  • Ungenaue Formulierungen wurden vermieden (z.B. Hier klicken)
  • Call to Action vermittelt dem User die nachfolgende Aktion (z.B. Jetzt für Newsletter anmelden, E-Book herunterladen usw.)
  • Call to Action ist kurz und prägnant
  • CTA-Button hebt sich deutlich vom Rest der Website ab
  • CTA-Button wurde prominent platziert (Above the fold sowie am Ende des Content Bereichs)
  • CTA-Button auch für Mobilgeräte groß genug

 

Tipps für eine erfolgreiche Landing Page

  • Keine Navigation bzw. interne Verlinkungen
    Man sollte dem User nicht zu viele ablenkende Elemente präsentieren bzw. ihn ohne Ausstiegsmöglichkeit auf der Landing Page zum gewünschten Ziel führen
  • Kontaktformular enthält nur notwendige Felder
    Durch zu lange Formulare sinkt die Conversion Rate.
    Es gilt: Je größer der Vorteil des Angebots für den Kunden, desto mehr Informationen darfst du abfragen.
    - Erklären, wofür die Daten erhoben werden
    - Pflichtfelder markieren
    - Beispiele für erwartete Eingaben anbringen
    - Formulare mit wenigen Feldern nicht hinter Buttons verstecken
  • Datenschutz
    Die gesetzlichen Bestimmungen in Hinblick auf die Speicherung personenbezogener Daten sind zu beachten. Vor dem Absenden des Formulars muss der Besucher auf die Datenschutzbestimmungen aufmerksam gemacht und über das Zusenden von Werbeangeboten informiert werden.
  • SSL Zertifikat
    Gerade Landing Pages, welche über ein Kontaktformular verfügen, sollten unbedingt über eine verschlüsselte Verbindung verfügen.
  • Angebot reizvoller machen durch
    Leseproben, Case Studies usw.
    Einführungspreise
    zeitlich begrenzte Sonderangebote / Produkttests
    kostenlose Trials / Verknappung (z.B. „nur noch 5 Stück verfügbar“)
  • A/B Testing
    Verschiedene Inhalte bzw. Angebote testen. Hierzu eignen sich Tools wie Google Optimize oder A/B Tasty.
  • Nutzerverhalten auswerten
    Hierfür eignen sich Google Analytics oder Hotjar. Letzteres erlaubt die Analyse der Landing Page mittels Mouseflow- oder Heatmap-Tracking.
  • Landing Pages der Konkurrenz analysieren
    Was kann ich vom Mitbewerb übernehmen? Was läuft bei der Konkurrenz gut?
  • Wichtig für SEA-Kampagnen
    - Keywords und Anzeigentexte passen zusammen
    - Eigene Landing Page für jedes Keywordset
    - Conversion Tracking eingerichtet und mit Google Ads verknüpft
    - Guter Pagespeed der Landing Page (Analyse mittels Pagespeed Insights)
    - Mobilfreundlichkeit der Landing Page