Gute Landingpages erstellen ist doch einfach, oder ?

4 Januar 2020
  • Home
  • Marketing
  • Gute Landingpages erstellen ist doch einfach, oder ?

Hier erfährst du in gerade mal 10 einfachen Schritten, was eine gute Landingpage auszeichnet und wie man eine gute Landingpage erstellen und optimieren kann. Eine gute Landing-Page zu erstellen mit dem richtigen Aufbau und damit Kundengewinnung ist einfach.

Dieser Eintrag zeigt dir durch Beispiele, wie du eine gute Landingpage / LP baust und so viele Leads wie möglich einsammelst…, dafür sind Landingpages ja da.

Table of Contents

    Was ist eine Landingpage

    Eine Landingpage, Landing Page oder Zielseite, selten auch Marketingpage, ist eine speziell eingerichtete Webseite, die nach einem Mausklick auf ein Werbemittel (z.B. in einer Suchmaschine oder Newsletter) erscheint. Die Landingpage ist auf den Werbeträger und dessen Zielgruppe optimiert.

    Was sucht der Nutzer?

    Nun, erst mal ist sie genau auf das zugeschnitten, was den Nutzer bewogen hat auf diese zuzugreifen. Der Inhalt der Landingpage muss also mit dem was die Anzeige bei Google oder Facebook gesehen hat übereinstimmen.

    Zudem kann damit schon der Inhalt der Landingpage genauer auf den Besucher zugeschnitten werden. Beispiel: Wie Handynutzer Geld sparen oder Wie Android User Geld sparen oder Wie iPhone Nutzer Geld sparen.. usw

    STOP – Hier halten wir mal kurz inne und stellen uns vor, wieviele Nutzer auf die LP kommen. Diese benötigen wir dann später.

    Was wollen wir?

    Eigentlich ist jeder von denen schon ein Interessent. Wir kennen ihn aber noch nicht. Deshalb gilt nun als oberstes Ziel seine Emailadresse oder Handynummer einzusammeln. Wenn wir das nicht schaffen, können wir den Nutzer (ausser über Retargeting) nicht mehr erreichen. Er ist verloren.

    Es gilt also, den Besucher nicht abzulenken, ihn mit dem Text und Bild auf der LP einzufangen und ihn dazu bringen, seine Email zu hinterlassen.

    Tipp Nummer 1 ist also:

    Schalte alles aus, was den Nutzer ablenkt und was du nicht benötigst. Die Links auf Impressum, Datenschutz usw bleiben, der Rest ist aus. Besonders die Navigation usw.

    Beispiel Ladingpage schematisch dargestellt
    Beispiel einer einfache Landingpage (schematisch dargestellt)

    Tipp Nummer 2: Eine spannende Überschrift

    Das sind Überschriften wie:
    “Wie man mit”… nur 10 Minuten Zeit etwas tolles aus xy machen kann.
    2 Argumenten in einer Überschrift: “Geld sparen und Reich werden“, so gehts.
    Listen wie: “10 Wege um” sein Ziel zu erreichen
    “Warum manche Menschen sich von” diesen Überschriften beeindrucken lassen.
    “Das Geheimnis eines” perfekten Fotos.
    “Diese Methode hilft” dir, perfekte Fotos zu erstellen.
    “Wenig bekannte Wege“, um perfekte Fotos zu erstellen.
    “Hier ist ein einfacher Weg, um” perfekte Fotos zu erstellen.
    “Jetzt können Sie von zuhause” perfekte Fotos zu erstellen.
    Perfekte Bilder erstellen als” hätte Leonardo da Vinci sie gezeichnet. (Vergleich mit Superstars)

    Tools um das Suchvolumen eines Keywords zu prüfen findest du hier.

    Tipp Nummer 3: Nutze einfach Listen statt Text

    Sie sind übersichtlich und einprägsam und sollen dem Besucher verdeutlichen, wieso er sich unbedingt registrieren sollte oder das Ebook per Email bestellen usw…

    • Sage was du anbietest: Im Ebook erfährst du, wie du…
    • Zeige, wieso die Besucher das Ebook haben müssen, und es dumm wäre, es nicht zu nutzen: Das Ebook hilft dir, mehr Kunden aus denen Besuchern zu generieren.
    • Sage, was sie dafür tun müssen: Fülle das Formular aus und los gehts.

    Tipp Nummer 4: Freundlichkeit

    Kein Geschrei, kein Fett, keine Buzzwörter, viel Weissraum.
    Die LP soll freundlich und nicht abstoßend sein.

    Tipp Nummer 5: Verwende passende Fotos

    Das Foto kann entweder zeigen was der Kunde bekommt wenn er sich registriert oder positive Emotionen auslösen.

    Tipp Nummer 6: Above the Fold.

    Der Fold / Falz meint, dass der CTA = Call to Action (gleich mehr) und Inhalt so auf der Seite zu sehen sein sollte, dass man nicht scrollen muss. Je nach Art mit welchem Gerät man aber heute auf eine LP zugreift ist das aber nicht mehr so relevant. Es gilt aber das CTA Element zumindest schon mal über dem “Fold” zu zeigen.

    Tipp Nummer 7: CTA / Call to Action + Don’t make me think.

    Der Kunde sollte deutlich auf den ersten Blick erkennen, was er machen muss = Call to Action. Am Besten wäre es also, das Formular über dem Fold und zum Beispiel später weiter unten erneut zu zeigen so dass der Kunde nicht scrollen muss. Der Kunde soll nicht anfangen, nachdenken zu müssen was er nun tun soll. Der CTA sollte eine klare Handlungsaufforderung ausdrücken und deutlich sichtbar sein.

    Tipp Nummer 8: Halte das Formular kurz.

    Wie schon in der Einleitung erwähnt reicht uns die Email Adresse und ggf Vor/Nachname. Den Rest kann man später erfragen oder über die richtige Kampagne / Werbewörter schon vor betreten der LP erfahren.
    Achtung DSGVO: Zu einem Formular gehören nun auch:
    Die Zustimmung:

    • dass Sie personenbezogenen Daten speichern dürfen
    • dass Sie die Person auch kontaktieren dürfen. 
    • der Link zu den Datenschutzbestimmungen.
    • (und was gerade rechtlich noch relevant ist)

    Tipp Nummer 9: Testen testen testen

    Erstelle mehrere Versionen einer LP und teste immer wieder was gut läuft und was nicht.

    Tipp Nummer 10: Conversion Rate

    Von der Anzahl der Personen, die unsere Seite nun zu Beginn aufgerufen haben fragen wir uns nun, wie viele davon ihre Email hinterlassen haben. 25% wäre nett. So oder so ist die Conversionrate zu verbessern und so die Conversion zu erhöhen. Relevant ist auch die Zeit, die die Besucher auf unserer LP verbracht haben. Denn wer länger als 2-3 Sekunden da war, der hat sich zumindest Gedanken gemacht. Wer zu lange drauf ist, hat die Seite wohl nicht verstanden. Gleiches gilt für die, die sofort wieder weg klicken.

    https://www.youtube.com/watch?v=zs_AePGTMJg&

    Hole dir unseren Newsletter und die Top Tricks zu Landingpages

    Hier anmelden:

    Email:

    Mehr Gedanken zur Landingpage

    1. Klare Headline: Eine aussagekräftige und ansprechende Headline, die das Angebot der Landingpage prägnant zusammenfasst.
    2. Verständliche Navigation: Eine leicht verständliche Navigation, die es dem Benutzer ermöglicht, schnell die gewünschten Informationen zu finden.
    3. Ansprechendes Design: Ein ansprechendes Design, das die Aufmerksamkeit des Benutzers auf die wichtigsten Elemente der Seite lenkt und die Wahrscheinlichkeit erhöht, dass der Benutzer die Seite bis zum Ende durchläuft.
    4. Vertrauen erweckende Elemente: Vertrauen erweckende Elemente wie Kundenbewertungen, Testimonials oder Gütesiegel, die die Glaubwürdigkeit und Seriosität der Seite unterstreichen.
    5. Klare Call-to-Action: Eine klare Call-to-Action, die dem Benutzer genau sagt, was er als nächstes tun soll, um das Angebot in Anspruch zu nehmen.
    6. Optimierung für mobile Geräte: Eine optimierte Darstellung der Landingpage auf mobilen Geräten, um sicherzustellen, dass die Seite auf jedem Gerät gut lesbar und benutzerfreundlich ist.
    7. Schnelle Ladezeit: Eine schnelle Ladezeit, um sicherzustellen, dass die Seite schnell geladen wird und der Benutzer nicht frustriert wird, wenn er lange auf die Seite warten muss.

    Klare Headline

    Schreib’ doch mal eine klare Überschrift, damit jeder auf den ersten Blick weiß, was auf der Seite los ist. So wie ‘Verdiene jetzt Geld mit unserem Online-Kurs’ oder ‘Entdecke jetzt unser neues Fitnessprogramm’. Diese Überschriften sagen auf den Punkt, was auf der Seite angeboten wird und wecken gleich das Interesse.”

    Ein paar Beispiele für klare Headlines:

    • “Finde jetzt deinen Traumjob”
    • “Verbessern Sie jetzt Ihre Fotografie-Fähigkeiten”
    • “Erhalten Sie jetzt Ihre kostenlose Testversion”
    • “Jetzt anmelden und 10% Rabatt sichern”
    • “Entdecken Sie jetzt unser neues Veganes Menü

    Verständliche Navigation

    Verständliche Navigation ist wie eine Karte für deine Seite. Stell dir vor, du bist in einem neuen Ort und willst irgendwo hin. Ohne Karte wärst du verloren, genauso verhält es sich auf deiner Seite. Wenn die Leute schnell und einfach finden können, was sie suchen, dann bleiben sie auch länger. Ein paar Beispiele für verständliche Navigation sind:

    • Ein Menü oben auf der Seite, das die wichtigsten Bereiche der Seite auflistet
    • Unterkategorien, die auf der Startseite aufgelistet werden
    • Eine Suchfunktion, die es dem Benutzer ermöglicht, nach bestimmten Inhalten zu suchen
    • Klar gekennzeichnete Buttons, die zu wichtigen Seiten führen, wie zum Beispiel “Kontakt” oder “Bestellen”.”

    Ein paar Beispiele für verständliche Navigation sind:

    • Ein Menü mit Kategorie-Links (z.B. Produkte, Über uns, Kontakt)
    • Breadcrumb Navigation (z.B. Home > Produkte > Kategorie X > Produkt Y)
    • Eine Suchleiste für schnelles Auffinden von Informationen
    • Klare Buttons oder Links, die zu wichtigen Aktionen wie dem Kauf oder Kontaktaufnahme führen.

    Ansprechendes design

    Ansprechendes Design ist wie der erste Eindruck, den du auf einer Party hinterlässt. Wenn es gut ist, werden die Leute sich an dich erinnern und länger bleiben wollen. Genau so ist es auf deiner Seite. Wenn es gut aussieht und einladend ist, werden die Leute länger bleiben und sich vielleicht sogar dazu entscheiden, etwas zu kaufen oder Kontakt aufzunehmen.

    Ein paar Beispiele für ansprechendes Design sind:

    • Eine klare Farbpalette, die zum Branding passt
    • Eine gut strukturierte Seite, die einfach zu lesen ist
    • Schöne Bilder und Grafiken, die die Inhalte unterstützen
    • Eine responsive Design, das sich an die Größe des Bildschirms anpasst
    • Eine saubere und ordentliche Typografie, die leicht zu lesen ist.”

    Ein paar Beispiele für ansprechendes Design sind:

    • Eine klare und ansprechende Farbgebung, die zum Branding passt
    • Eine übersichtliche Layoutstruktur, die die Inhalte gut präsentiert
    • Qualitativ hochwertige Bilder und Illustrationen, die die Inhalte unterstützen
    • Eine responsive Anpassung des Design an die Bildschirmgröße
    • Eine saubere und leicht lesbare Typografie.

    Vertrauen erweckende Elemente

    Vertrauen erweckende Elemente sind wie das Rückgrat deiner Landingpage. Wenn die Leute dir nicht vertrauen, werden sie nicht bleiben oder etwas kaufen. Deshalb ist es wichtig, dass deine Seite Vertrauen aufbaut. Ein paar Beispiele für Vertrauen erweckende Elemente sind:

    • Kundenbewertungen und -referenzen
    • Sicherheitslogos (z.B. SSL-Zertifikat)
    • Kontaktmöglichkeiten (z.B. Telefonnummer, E-Mail-Adresse)
    • Garantien oder Rückgabebedingungen
    • Transparente Informationen zu Versand und Zahlung”

    Ein paar Beispiele für Vertrauen erweckende Elemente sind:

    • Kundenbewertungen und Testimonials
    • Sicherheitszertifikate oder -logos (z.B. SSL-Verschlüsselung)
    • Kontaktmöglichkeiten, wie E-Mail-Adresse oder Telefonnummer
    • Garantien oder Rückgabebedingungen
    • Transparente Informationen zu Zahlungs- und Versandoptionen.

    Klarer call to action

    Ein klarer Call-to-Action (CTA) ist wie ein Ziel auf einer Straßenkarte. Es zeigt dir genau, wo du hinsolltest. Auf deiner Landingpage solltest du immer einen klaren CTA haben, der dem Besucher sagt, was er als nächstes tun soll. Ein paar Beispiele für klare CTAs sind:

    • “Jetzt kaufen”
    • “Kontakt aufnehmen”
    • “Registrieren”
    • “Jetzt anmelden”
    • “Mehr erfahren”

    Ein paar Beispiele für klare CTAs sind:

    • “Jetzt bestellen”
    • “Kontakt aufnehmen”
    • “Registrieren Sie sich jetzt”
    • “Melden Sie sich jetzt an”
    • “Erfahren Sie mehr”

    Es wichtig das die CTA auffällig und gut sichtbar positioniert ist, damit es für die Besucher leicht zu finden ist. Es sollte auch klar und präzise formuliert sein, damit der Besucher genau weiß, was er erwartet, wenn er darauf klickt.

    Optimierung für mobile Geräte

    Optimierung für mobile Geräte ist so wichtig wie ein Führerschein für ein Auto. Immer mehr Leute nutzen ihre Smartphones, um im Internet zu surfen, deshalb sollte deine Landingpage für mobile Geräte optimiert sein. Ein paar Beispiele für mobile Optimierung sind:

    • Anpassung der Schriftgröße und -farbe für kleinere Bildschirme
    • Verwendung von Touch-freundlichen Buttons
    • Vermeidung von Flash-Inhalten
    • Verwendung von responsive Design

    Ein paar Beispiele für mobile Optimierung sind:

    • Schriftgröße und -farbe anpassen, damit sie auf kleinen Bildschirmen gut lesbar ist
    • Buttons und Links, die leicht mit den Fingern zu drücken sind
    • Vermeidung von Flash-Inhalten, da diese auf vielen mobilen Geräten nicht unterstützt werden
    • Verwendung von responsive Design, damit die Seite auf jedem Bildschirm gut aussieht”

    Es ist wichtig, dass die Landingpage auf verschiedenen mobilen Geräten gut funktioniert und gut aussieht, damit die Benutzerfreundlichkeit und die Konversion maximiert werden.

    Schnelle Ladezeit

    Eine schnelle Ladezeit ist wie ein schneller Zug, der dich zum Ziel bringt. Niemand hat Lust auf lange Wartezeiten, deshalb sollte deine Landingpage schnell laden. Ein paar Beispiele für schnelle Ladezeiten sind:

    • Verwendung von schnellen und sicheren Hosting-Services
    • Optimierung von Bildern und Videos für schnelleres Laden
    • Verwendung von CDN (Content Delivery Network)
    • Verwendung von AMP (Accelerated Mobile Pages)

    Ein paar Beispiele für schnelle Ladezeiten sind:

    • Verwendung von schnellen und sicheren Hosting-Services
    • Optimierung von Bildern und Videos für schnelleres Laden
    • Verwendung von CDN (Content Delivery Network), um die Daten schneller auf die Seite zu bringen
    • Verwendung von AMP (Accelerated Mobile Pages), um die Seite auf mobilen Geräten schneller zu laden

    Eine schnelle Ladezeit ist wichtig, damit die Besucher nicht frustriert werden und die Seite verlassen, bevor sie geladen hat. Es hilft auch, das Suchmaschinenranking zu verbessern.