Kurz gesagt
Eine Landingpage mit hoher Konversionsrate erledigt ein paar Dinge gut und schneidet dann alles andere ab. Dies sind die Praktiken, zu denen ich nach jahrelangem Erstellen und Testen von Seiten immer wieder zurückkehre.
- Ein klares Angebot: Jede Seite sollte eine einzige Aktion fördern, damit Besucher nie entscheiden müssen, was sie als Nächstes tun sollen.
- Ein herausragender CTA: Wertorientierter Text, eine kontrastierende Farbe und eine Platzierung oberhalb der "Fold" erledigen den Großteil der Konversionsarbeit.
- Visueller Fokus: Richtungsweisende Hinweise, Weißraum und weniger Ablenkungen lenken das Auge direkt zu Ihrem CTA.
- Mobile-First-Formulare: Tippbare Felder, kurze Formulare und schnelle Ladezeiten verhindern, dass mobile Besucher abspringen.
- SEO-Grundlagen: Schlüsselwörter, Metadaten und beschreibender Alt-Text für Bilder bringen kostenlosen organischen Traffic.
- Testen Sie alles: A/B-Tests von Überschriften, Bildern und Schaltflächen sind der einzige Weg, um zu wissen, was wirklich etwas bewirkt.
Die meisten Landingpages, die ich am Anfang erstellt habe, sahen gut aus. Aber sie konvertierten kaum, und ich hatte keine Ahnung, warum. Ich habe die Farben angepasst, die Schriftarten geändert, sogar das Hero-Bild ausgetauscht, und immer noch nichts.
Erst als ich mich mit den Best Practices für Landingpages beschäftigte, änderte sich etwas. Mir fehlten die Grundlagen: ein klares Angebot, ein starker CTA, schnelle Ladezeiten.
Dieser Leitfaden führt Sie durch 31 praktische Tipps, die ich auf meinen eigenen Projekten und Kunden-Websites verwendet habe, mit Beispielen und schnellen Erfolgen, die Sie sofort anwenden können.
- Best Practices für das Landingpage-Design
- Best Practices für Landingpage-CTAs
- Best Practices für das Schreiben von Landing Pages
- Wie optimiert man eine Landingpage für SEO?
- Wie gestaltet man ein Formular für eine Landingpage mit hoher Konversionsrate?
- Wie macht man eine Landingpage mobilfreundlich?
- Best Practices für E-Commerce-Landing-Pages
- Welche Praktiken steigern die Conversions am meisten?
- FAQs zu Best Practices für Landingpages
Best Practices für das Landingpage-Design
Bevor Sie ein einziges Designelement anfassen, klären Sie zwei Dinge: Für wen ist die Seite bestimmt und welche einzige Aktion möchten Sie, dass sie ausführen. Jeder Tipp unten funktioniert besser, wenn Sie diese zuerst beantwortet haben, denn Designentscheidungen, die zu einer Zielgruppe von Schnäppchenjägern passen, scheitern bei einer Luxus-Zielgruppe.
Das Design hat einen großen Einfluss auf Ihre Landingpage-Konversionsraten. Ein gutes Design sieht je nach Seitentyp auch anders aus.
Eine Homepage konzentriert sich möglicherweise auf einheitliches Branding, während ein Sales-Page-Design darauf ausgelegt ist, Besucher in Kunden zu verwandeln, daher stützt es sich auf überzeugende Elemente wie Fallstudien.
Mit diesem Wissen im Hinterkopf sind hier die Top-Praktiken für die Gestaltung einer Seite mit hoher Konversionsrate.
1. Halten Sie sich an eine einzige Landingpage-Idee
Landingpages sollten sich laserfokussiert auf ein einziges Konversionsziel konzentrieren. Eine Seite mit mehr als einer Idee oder einem Angebot zieht potenzielle Kunden von der gewünschten Aktion weg.
Geben Sie Besuchern zu viele Optionen und sie werden verwirrt, was sie direkt zum Zurück-Button schickt.
Um das zu vermeiden, beschränken Sie Ihre Landingpage auf eine einzige Idee.

Wenn Sie mehr als ein Produkt verkaufen, erstellen Sie für jedes separate Landingpages. Das erleichtert die Optimierung Ihrer Landingpage für ein Ergebnis, ohne die Besucher zu überfordern.
2. Experimentieren Sie mit verschiedenen Farbpaletten
Farbe hat eine starke Wirkung auf Besucher. Sie rührt von unseren realen Erfahrungen und der Farbpsychologie her, die unsere natürliche Reaktion auf bestimmte Farben ist.
Rot beschwört Gefühle von Kraft und Vitalität herauf, weshalb so viele Sportmarken sie verwenden. Grün signalisiert Neuheit, Wachstum und Gesundheit und ist damit die Top-Wahl für Wellness-Marken.
Wenn Sie Farben für Ihre Landingpage erkunden, stellen Sie sich ein paar Fragen:
- Welche Art von Produkten oder Dienstleistungen verkaufen Sie?
- Welche Emotionen sollen die Menschen empfinden?
- Wie alt ist Ihre Zielgruppe?
Sobald Sie die Antworten haben, können Sie Ihre Landingpage mit verschiedenen Farbkombinationen testen, um zu sehen, welche am besten funktioniert.
Um Ihnen den Einstieg zu erleichtern, enthält SeedProd über 20 fertige Farbpaletten, um das Design Ihrer Landingpage zu perfektionieren.

Das Hinzufügen eines Farbschemas zu Ihrer Seite ist so einfach wie das Finden eines, das Ihnen gefällt, und das Anklicken.
3. Ablenkende Grafiken minimieren
Es ist verlockend, Ihre Landingpage mit allen neuesten Schnickschnacks zu füllen. Sicherlich möchte Ihr Publikum sehen, wie gut Sie im Design sind?
Die Wahrheit ist, dass ausgefallene Animationen, blinkende Banner und ähnliche Elemente die Leute von dem ablenken, was Sie von ihnen wollen: konvertieren.
Inspiriert Sie eine Seite wie diese wirklich zum Handeln?

Während die Leute Ihre Animation bewundern, lesen sie nicht die Nachricht, die sie zur Konvertierung bringt. Und wenn zu viel los ist, sieht die ganze Seite wie ein totales Durcheinander aus.
Wenn Sie unbedingt Effekte hinzufügen möchten, beschränken Sie diese auf Schlüsselbereiche wie Ihren Call-to-Action-Button. Das lenkt das Auge dorthin, wo Sie es haben möchten.
4. Entfernen Sie Ihr Navigationsmenü
Das Letzte, was Sie wollen, ist, dass Besucher von Ihrer Landingpage wegklicken. Wenn jemand auf ein Logo oder einen Navigationslink tippt, sieht er Ihre Nachricht nie.
Das reduziert nicht nur Ihre Konversionsrate, sondern kann auch Ihre Absprungrate auf der Landingpage erhöhen.

Um dies zu beheben, entfernen Sie unnötige externe und interne Links, wie z. B. Ihr Navigationsmenü, Social-Media-Buttons und Footer-Links. Das lässt Ihren CTA-Button als einzigen klickbaren Punkt übrig.
5. Wählen Sie Bilder sorgfältig aus
Die Bilder, die Sie wählen, prägen, wie Besucher Ihre Landingpage wahrnehmen. Offensichtliche Stockfotos wirken peinlich und unprofessionell.
Ein generisches Stockfoto schafft eine Trennung zwischen Ihnen und Ihrem Publikum.
Mal ehrlich, sieht Ihr Büro wirklich so aus?

Wahrscheinlich nicht. Wählen Sie bei der Auswahl von Landingpage-Bildern etwas, das widerspiegelt, wie Sie möchten, dass sich Ihre Benutzer fühlen.
Nehmen Sie dieses Beispiel von All in One SEO.

Anstelle eines Standard-Stockfotos verwenden sie einen einfachen Vorher-Nachher-Schieberegler.
Die Vorher-Aufnahme repräsentiert die aktuellen Suchergebnisse Ihres Publikums. Die Nachher-Ansicht zeigt, was Menschen mit dem Produkt erreichen können.
6. Verwenden Sie Richtungsweisende Hinweise
Richtungsweisende Hinweise sind eine weitere clevere Taktik bei der Auswahl von Landingpage-Bildern. Sie lenken die Aufmerksamkeit auf die Bereiche, auf die Sie die Leute konzentrieren möchten.
Auf Kunden-Websites, an denen ich gearbeitet habe, war die Verschiebung eines Heldenbildes, sodass der Blick des Subjekts auf das Formular gerichtet war, eine der kleinsten Änderungen, die einen spürbaren Unterschied machten. Menschen folgen Augen und Pfeilen, ohne es zu merken.
Richtungsweisende Hinweise gibt es in zwei Stilen: explizit und implizit.
Explizite Hinweise lenken die Leute mit Pfeilen, Linien oder Zeigefingern direkt auf den Bereich, auf den Sie ihre Aufmerksamkeit lenken möchten.

Implizite Hinweise sind subtiler und werden oft unbemerkt wahrgenommen. Sie funktionieren, indem sie visuelle Elemente mit kontrastierenden Farben und Weißraum hervorheben, um das Auge anzuziehen.

Erfahren Sie in diesem Leitfaden , wie Sie Weißraum hinzufügen und entfernen.
7. Erwägen Sie die Verwendung einer Landingpage-Vorlage
Jeder wünscht sich ein beeindruckendes Landingpage-Design. Aber wenn Sie gerade erst anfangen oder nur begrenzte Design-Erfahrung haben, ist es nicht einfach, das gewünschte Aussehen zu erzielen.
In diesem Fall beginnen Sie mit einer Landingpage-Vorlage und passen Sie sie an Ihre Marke an. Fertige Designs können genauso beeindruckende Ergebnisse erzielen wie eine von Grund auf neu erstellte Seite.

SeedProd bietet eine wachsende Bibliothek von mobilfreundlichen Landingpage-Vorlagen für jede digitale Marketingstrategie, einschließlich:
- „Demnächst verfügbar“-Seiten
- Vorlagen für den Wartungsmodus
- Benutzerdefinierte 404-Seiten
- WordPress-Dankesseiten
- Produktseiten
- Vorlagen für Squeeze Pages
- Verkaufs-Landingpages
- Vorlagen für Webinar-Seiten
- Video-Landing Pages
Jede Vorlage ist unter Berücksichtigung der Best Practices für Landing Pages konzipiert. Sie lassen sich auch einfach im Drag-and-Drop-WordPress-Landing-Page-Builder von SeedProd anpassen.

Verwandt: So erstellen Sie eine Landingpage ohne Website
Best Practices für Landingpage-CTAs
Ihr Call to Action (CTA) ist das Nächste, was Sie richtig machen müssen. Die Farbe, Position, Größe und der Text Ihres CTA-Buttons beeinflussen alle Ihre Konversionsraten.
Hier sind einige beliebte Best Practices für Landing Page CTAs.
8. Wert zeigen, nicht Aktion
Es ist verlockend, Aktionswörter in Ihrem CTA-Button zu verwenden. Es wird schließlich als Call to Action bezeichnet.
Aktionswörter wie „Klicken“, „Starten“ und „Los“ sind besser als vage Wörter wie „Weiter“ oder „Fortfahren“. Aber sie können immer noch das Versprechen der Botschaft Ihrer Seite unterbieten.
Verwenden Sie stattdessen wertorientierte Texte, damit der Button hervorhebt, was die Leute durch die Aktion erhalten.

Versuchen Sie statt „Mehr erfahren“ „Wachsen Sie Ihr Geschäft“. Wenn ich generische Button-Beschriftungen durch nutzenorientierte Texte auf Seiten ersetzt habe, die ich verwalte, war die wertorientierte Version bei Tests durchweg diejenige, die ich beibehalten habe.
9. Verwenden Sie kontrastierende CTA-Farben
Wenn Leute Ihren CTA nicht sehen können, können sie ihn nicht anklicken. Verwenden Sie kontrastierende Farben für Ihren CTA-Button, damit er hervorsticht, anstatt sich einzufügen.
Wenn Ihre gesamte Seite grün ist, wird ein roter Button wirklich hervorstechen.
Der beste Weg, kontrastierende Farben zu finden, ist ein Farbkreis wie der unten.

Farben, die sich auf dem Rad gegenüberliegen, neigen dazu, gut zu kontrastieren. Selbst dann, A/B-Split-Tests mit verschiedenen Farben, um zu sehen, welche am besten abschneidet.
10. Verschiedene CTA-Größen und -Positionen ausprobieren
Wie klickbar Ihr CTA ist, hängt von seiner Größe und Position ab. Ein größerer Button ist einfacher zu klicken, da er mehr Platz einnimmt.
Das bedeutet nicht, dass Sie einen riesigen CTA benötigen, der nur ablenken würde. Streben Sie danach, ihn größer als die umgebenden Elemente zu machen.
Die Position ist genauso wichtig. Halten Sie Ihren CTA in der Nähe der Standardruheposition des Mauszeigers, die für viele Leute etwa in der Mitte der Seite liegt.

Deshalb sitzt der eigene CTA-Button von SeedProd vorne und in der Mitte, über dem „Fold“. Der Bereich, den Besucher sehen, bevor sie scrollen, ist der wertvollste Platz auf der Seite, und er sollte die vier Dinge enthalten, die eine Entscheidung vorantreiben:
- Eine klare Überschrift: Gibt in einfacher Sprache an, worum es auf der Seite geht.
- Ihr Wertversprechen: Eine Zeile, warum das Angebot ihre Zeit wert ist.
- Ein sichtbarer CTA: Der Hauptaktionsbutton, der ohne Scrollen leicht zu erkennen ist.
- Ein unterstützendes Heldenbild: Eine Grafik, die das Angebot verstärkt, anstatt es zu schmücken.
Wenn ich eine Seite neu erstelle, die nicht konvertiert, ist der obere Bildschirm der erste Ort, an den ich schaue. Wenn ein Besucher nicht erkennen kann, was die Seite bietet und was er tun soll, bevor er scrollt, rettet der Rest des Designs es selten.
11. Unterstützen Sie Ihren CTA mit zusätzlichem Text
Ein guter CTA-Button ist kurz und bündig. Aber was ist, wenn Sie den angebotenen Wert verstärken möchten?
Eine der besten Möglichkeiten ist, eine Zeile mit unterstützendem Text in der Nähe Ihres CTA hinzuzufügen. Hier ist ein Beispiel von OptinMonster.

Unter dem Button verlinken sie zu einem Video, das sich in einem Lightbox-Popup öffnet. Video ist eine der besten Möglichkeiten, komplexe Informationen zu erklären, daher ist es eine einfache Möglichkeit, den Wert des Produkts zu demonstrieren.
Best Practices für das Schreiben von Landing Pages
Benötigen Sie clevere, witzige Texte für eine Landingpage oder möchten Sie es einfach halten?
Wenn Ihnen das verwirrend erscheint, helfen Ihnen diese Schreib-Best-Practices dabei, Landingpage-Texte mit hoher Konversionsrate zu erstellen.
12. Machen Sie das Wertversprechen Ihrer Überschrift deutlich
Viele Landingpages begraben ihre Botschaft unter Fachjargon und markenorientierten Texten. Infolgedessen ist es schwer zu erkennen, worum es auf der Seite überhaupt geht.
Konzentrieren Sie Ihre Überschrift auf das Wertversprechen und nicht auf Ihre Marke oder technische Merkmale. Eine klare Überschrift, die den Nutzen erklärt, bedeutet, dass die Leute nicht raten müssen, was als Nächstes zu tun ist.
Hier sind ein paar Tipps für klarere Überschriften:
- Entfernen Sie den Fachjargon und sprechen Sie in einfacher Sprache.
- Machen Sie das Thema Ihrer Seite klar und erklären Sie, was die Leute bekommen.
- Konzentrieren Sie sich auf die Vorteile und die Ergebnisse, die Ihr Publikum wünscht.
13. Erfüllen Sie die Erwartungen Ihrer Besucher
Wenn Sie eine Landingpage erstellen, leiten Sie die Leute zu einer Seite, die ihren Erwartungen entspricht. Andernfalls verfehlen Sie das Ziel und verlieren Konversionen.
Eine PPC-Anzeige für günstige Laufschuhe, die auf einer Seite über Luxus-Sneaker landet, entspricht nicht den Erwartungen. Es ist wahrscheinlicher, dass sie die Leute wegtreibt, als sie zu konvertieren.
Stellen Sie sicher, dass Ihre Anzeigen und Landingpages übereinstimmen. Sie können dies tun, indem Sie:
- Verwenden Sie die gleichen Überschriften
- Behalten Sie konsistente Farbschemata bei
- Verwenden Sie ähnliche Texte
- Haben Sie die gleichen Bilder
Nehmen Sie diese Facebook-Anzeige als Beispiel.

Beim Durchklicken stimmen die Überschrift, die Botschaft und das Branding der Landingpage mit der Anzeige überein.

14. Gehen Sie auf ihre Ängste und Einwände ein
Menschen zögern aus allen möglichen Gründen, auf eine CTA zu klicken oder zu kaufen. Sie sind möglicherweise verwirrt über eine Funktion oder möchten wissen, ob Sie eine Garantie anbieten.
Diese Ängste und Zweifel hindern Besucher daran, zu konvertieren, oder treiben sie zu einem Konkurrenten.
Um sie zu halten, gehen Sie auf diese Bedenken direkt auf der Seite ein. Um Bedenken hinsichtlich Rücksendungen zu zerstreuen, könnten Sie zum Beispiel eine Geld-zurück-Garantie anbieten.

Eine weitere effektive Option ist das Hinzufügen eines FAQ-Bereichs zu Ihrer Landingpage. Mit SeedProd ist das einfach.
Verwenden Sie einen der integrierten Landingpage-Bereiche, und ein einziger Klick fügt einen anpassbaren FAQ-Bereich überall auf Ihrer Seite hinzu.

Füllen Sie ihn dann mit Antworten auf Ihre häufigsten Fragen, um die Einwände der Besucher zu zerstreuen.
15. Erregen Sie Aufmerksamkeit mit Power-Wörtern
Power-Wörter sind Wörter und Phrasen, die sofort Aufmerksamkeit erregen und Emotionen wecken. Sie verwandeln langweilige Texte in etwas, das eine Verbindung schafft.

Einige beliebte Power-Wörter sind:
- Schnäppchen
- Exklusiv
- Eingeschränkt
- Erstaunlich
Verwenden Sie sie sparsam in Ihren Texten. Zu viele komplexe Wörter können den gegenteiligen Effekt haben und Besucher abschrecken.
OptinMonster hat eine Liste mit über 700 Power-Wörtern zusammengestellt, um Ihnen den Einstieg zu erleichtern.
16. Machen Sie Ihre Texte lesbar
Sie könnten die überzeugendsten Texte der Welt schreiben, aber wenn sie nicht lesbar sind, wird niemand sie aufnehmen.
Die Art und Weise, wie Menschen Informationen konsumieren, hat sich geändert. Wir überfliegen Texte und nehmen nur die Details auf, die wichtig sind.
Passen Sie Ihre Landingpage-Texte also an ein geschäftiges, abgelenktes Publikum an. Sie können dies tun mit:
- Zwischenüberschriften, um verschiedene Themen und Unterthemen hervorzuheben
- Aufzählungspunkten, um Schritte und Vorteile aufzuschlüsseln
- Kurze Absätze von zwei bis drei Sätzen
- Bilder, um Text aufzulockern und wichtige Punkte zu veranschaulichen

Denken Sie daran, dass alle Ihre Texte natürlich zu einem einzigen Ziel führen sollten: Ihrer CTA.
Wie optimiert man eine Landingpage für SEO?
Sie optimieren eine Landingpage für SEO, indem Sie die richtigen Keywords anvisieren, Ihre Inhalte für Suchmaschinen strukturieren und Ihre Bilder und Metadaten optimieren. Organischer Traffic ist die wertvollste Art, die Sie anziehen können, da dies Menschen sind, die aktiv nach einer Lösung suchen, zu der Ihr Produkt passt.
Für Suchmaschinen zu optimieren bedeutet, dass Menschen, die nach Ihrem Produkt suchen, es leicht in Suchmaschinen wie Google finden können. Hier sind die Praktiken, mit denen Sie beginnen sollten.
17. Schlüsselwörter strategisch einsetzen
Wahrscheinlich haben Sie bereits Ideen, welche Phrasen Menschen verwenden, um nach Ihrem Produkt zu suchen. Dies sind Ihre primären, sekundären und semantischen Keywords.
Hier ist ein kurzes Beispiel dafür, was wir meinen:
- Primäres Schlüsselwort: Webinar-Landingpage
- Sekundäre Schlüsselwörter: Landingpages, beste Webinar-Landingpages, Webinar-Landingpage-Beispiele
- Semantische Keywords: Webinar-Anmeldung, Webinar-Registrierung, Webinar-CTA
Strukturieren Sie Ihre Inhalte so, dass Suchmaschinen-Bots sie leicht lesen können. Das hilft ihnen, Ihre Seite zu verstehen und korrekt zu indexieren.
Integrieren Sie eine Mischung aus primären, sekundären und semantischen Keywords in Ihren Seitentitel, Unterüberschriften und den Fließtext.
Übertreiben Sie es jedoch nicht. „Keyword Stuffing“ kann Ihre Rankings beeinträchtigen, halten Sie die Platzierung daher natürlich und gut lesbar.
Die meisten SEO-Experten legen die ideale Keyword-Dichte auf etwa 1 bis 2 % fest, was etwa einem Keyword pro 100 Wörter entspricht.
18. Sagen Sie Suchmaschinen, was Ihre Bilder sind
Die Optimierung von Bildern für die Suche ist etwas, das viele Website-Besitzer übersehen.
Suchmaschinen-Bots durchsuchen Bilder genauso wie Ihren Text. Zwei verschiedene Dinge helfen ihnen, ein Bild zu verstehen, und sie sind leicht zu verwechseln:
- Beschreibender Dateiname: Der tatsächliche Dateiname, den Sie hochladen, wie z. B.
buddha-beans-organic-hemp-infused-coffee.jpg, gibt Suchmaschinen Kontext, noch bevor die Seite geladen wird. - Alt-Text: Eine kurze Beschreibung, die dem Bild im HTML Ihrer Seite zugeordnet ist und das Bild sowohl für Suchmaschinen als auch für Screenreader beschreibt.
Nehmen wir zum Beispiel dieses Bild von Kaffee.

Sie könnten die Datei etwas wie „coffee-beans“ nennen, aber wie würde sie sich von jedem anderen Kaffee-Bild online abheben?
Nennen Sie die Datei „buddha-beans-organic-hemp-infused-coffee“ und schreiben Sie einen passenden Alt-Text, und sowohl Benutzer als auch Suchmaschinen verstehen sie weitaus besser.
19. Vergessen Sie Ihre Metadaten nicht
Einige andere Bereiche Ihrer Landingpage benötigen SEO-Aufmerksamkeit: Ihre Meta-Tags oder Metadaten. Besucher sehen diese Informationen nicht immer, aber sie helfen Suchmaschinen zu entscheiden, wie Ihre Seite indexiert werden soll.
Hier ist, was Sie in die Metadaten Ihrer Landingpage aufnehmen sollten:
- SEO-Titel-Tag: Halten Sie ihn kurz und platzieren Sie Ihr primäres Keyword eher links, mit unwichtigeren Wörtern am Ende.
- Bild-Alt-Tags: Beschreiben Sie, was jedes Bild zeigt, und fügen Sie mindestens eine Keyword-Variante hinzu.
- Meta-Beschreibung: Eine kurze, klare Aussage darüber, worum es auf Ihrer Seite geht. Verwenden Sie Ihr Keyword oder eine Variante mindestens einmal.
Wenn SEO verwirrend erscheint, kann dieser vollständige SEO-Leitfaden helfen.
Wie gestaltet man ein Formular für eine Landingpage mit hoher Konversionsrate?
Sie gestalten ein Formular mit hoher Konversionsrate, indem Sie so wenig wie möglich abfragen und die Ausfüllung einfach gestalten. Ihr Kontaktformular ist nach dem CTA Ihr zweitwichtigstes Element, da es dort ist, wo Sie Besucher zu Leads und Kunden machen.
Wie Ihr Formular aussieht, spielt eine große Rolle für die Konversionsraten. Hier sind die besten Praktiken, denen Sie folgen sollten.
20. Fragen Sie zuerst nach weniger sensiblen Informationen
Stellen Sie sich vor, Sie landen auf einer Seite für einen kostenlosen Download, nur um nach Ihrer Kreditkartennummer gefragt zu werden. Sie würden auf den Zurück-Button klicken und die Seite verlassen.
Menschen bewerten ihre persönlichen Daten unterschiedlich. Ein Vorname fühlt sich weitaus weniger riskant an, als eine Kreditkartennummer oder eine Wohnadresse preiszugeben.
Wenn Sie Ihr Formular gestalten, fragen Sie zuerst nach den am wenigsten aufwendigen Details. Sobald jemand seinen Namen angibt, ist es für ihn einfacher, auch eine E-Mail-Adresse preiszugeben.

Sie können den Fortschritt sogar mit einer dynamischen Fortschrittsanzeige darstellen, die das Formular schneller und einfacher ausfüllbar erscheinen lässt.
21. Aber fragen Sie nicht nach zu vielen Details
Wo wir gerade bei Formularen sind: Fragen Sie nicht nach zu vielen Details. Benötigen Sie wirklich ihre Postleitzahl, Geschäfts-E-Mail-Adresse und Firmennamen? Wahrscheinlich nicht.
Sobald Sie die E-Mail-Adresse einer Person haben, gibt es viele andere Möglichkeiten, zusätzliche Informationen zu sammeln, wie z. B. E-Mail-Marketing-Kampagnen.

Halten Sie Ihr Formular also minimal und fragen Sie nur nach den Details, die Sie benötigen, um einen Lead zu qualifizieren.
Wenn Sie unbedingt mehr Details im Voraus benötigen, erstellen Sie ein mehrseitiges Formular mit WPForms. Ein mehrseitiges Formular teilt lange Formulare in einfache Schritte auf, reduziert die Formularermüdung und steigert die Konversionen.
22. Verwenden Sie mobilfreundliche Formularelemente
Immer mehr Menschen surfen und kaufen von Mobilgeräten aus. Ihre Bildschirme sind kleiner und ihre Tastaturen umständlicher.
Mobile Nutzer aufzufordern, dasselbe Formular wie Desktop-Nutzer auszufüllen, führt zu niedrigen Konversionen.
Nehmen wir Geburtsdatumsfelder. Auf dem Desktop würden Sie normalerweise das Datum anklicken.

Auf Mobilgeräten ist das schwieriger. Die geringe Größe macht es schwierig, einzelne Daten anzutippen.
Verwenden Sie stattdessen eine scrollbare Datumsauswahl, damit die Leute wischen und tippen können, um auszuwählen.

Dies gilt für jedes Formularelement. Schaltflächen und Dropdown-Menüs sollten alle zum Tippen oder Wischen ausgelegt sein, nicht zum Klicken.
Wie macht man eine Landingpage mobilfreundlich?
Sie machen eine Landingpage mobilfreundlich, indem Sie die Ladezeiten beschleunigen, tippbare Schaltflächen verwenden und Ihren CTA auf einem kleinen Bildschirm leicht erreichbar halten. Die Optimierung für Mobilgeräte ist der beste Weg, um einen wachsenden Teil Ihres Publikums zu bedienen.
Hier sind bewährte Methoden, um die Leistung von Landingpages auf kleineren Bildschirmen zu verbessern.
23. Reduzieren Sie die Größe Ihrer Landing Page
Schnelle Ladezeiten sollten oberste Priorität haben, und für mobile Nutzer ist die Seitengröße noch wichtiger.
Laut Googles Daten zur mobilen Seitengeschwindigkeit stiegen die Konversionsraten um 8,4 % für den Einzelhandel und 10,1 % für Reisen, als Marken ihre mobilen Ladezeiten um nur ein Zehntel einer Sekunde verkürzten.

Hier sind einige Tipps, um Ihre Landingpage zu beschleunigen:
- Überprüfen Sie Ihre aktuellen Geschwindigkeiten mit einem Website-Geschwindigkeitstest-Tool
- Komprimieren Sie alle Ihre Bilder auf kleinere Größen
- Reduzieren Sie die Gesamtanfragen, indem Sie JavaScript- und CSS-Dateien kombinieren und benutzerdefinierte Schriftarten entfernen
- Verschieben Sie schneller ladende Elemente über die Falzlinie
Weitere Informationen finden Sie in unserem Leitfaden zur Beschleunigung Ihrer WordPress-Website.
24. Verwenden Sie Click-to-Call-Buttons
Mobile Nutzer haben nicht immer Zeit, nach den Informationen zu suchen, die sie benötigen. Wenn sie das hätten, wären sie wahrscheinlich auf einem Desktop mit besserer Funktionalität.
Wenn eines Ihrer Hauptziele darin besteht, dass Menschen Kontakt aufnehmen, warum nicht einen Click-to-Call-Button verwenden?

Diese Schaltflächen laden Ihre Telefonnummer in das Telefon einer Person, sodass ein einziger Tippen den Anruf tätigt.
25. Probieren Sie Scrolling-CTAs auf Mobilgeräten aus
Der Platz ist auf Mobilgeräten begrenzt, platzieren Sie Ihren CTA also dort, wo er gut sichtbar ist. Wenn Benutzer endlos scrollen müssen, um ihn zu finden, könnten sie ihn ganz verpassen.
Lösen Sie dies mit einem festen oder scrollenden CTA, der sich mit dem Bildschirm bewegt, während die Leute scrollen. Trello's mobile Landingpage macht das gut.

Halten Sie dieses Element einfach klein und dezent, damit es den Bildschirm nicht überfüllt oder die Benutzer ärgert.
Best Practices für E-Commerce-Landing-Pages
Unser letzter Abschnitt behandelt Best Practices für E-Commerce-Websites. Für die meisten Online-Shops ist das Ziel mehr Verkäufe, optimieren Sie Ihre Seite also darauf.
Hier sind unsere Best Practices für E-Commerce-Landingpages zur Umsatzsteigerung.
26. Machen Sie die Konvertierung einfach
Viele Shops machen alles richtig, wenn sie Landingpages erstellen. Wo sie versagen, ist die einfache Abwicklung des Checkouts.
Ein komplizierter Checkout führt zu abgebrochenen Warenkörben, streben Sie also nach Geschwindigkeit und Einfachheit. Dieses Beispiel von RafflePress erfüllt die richtigen Kriterien.

Alles ist auf einer einzigen Seite sichtbar, oberhalb der Falzlinie, einschließlich:
- Bestellübersicht
- Zahlungs- und Preisdetails
- Vertrauens-Badges
- Referenzen
- Klarer CTA
Sie können eine benutzerdefinierte Checkout-Seite wie diese mit SeedProd erstellen. Es enthält WooCommerce-Blöcke wie In den Warenkorb, Checkout, Warenkorb und Produktgitter.

Das erleichtert den Aufbau besserer Landingpages und die Anpassung Ihres WooCommerce-Checkouts für höhere Konversionen.
27. Zeigen Sie Ihre Versandkosten an
Wenn Sie Ihre Produktseiten optimieren, aber Ihre Versandkosten verstecken, werfen Sie Geld weg.
Selbst ein kaufbereiter Kunde rechnet seinen gesamten Warenkorb während des Einkaufs zusammen. Überraschen Sie ihn mit einer Versandgebühr von 10 US-Dollar auf der Checkout-Seite und er wird die Flucht ergreifen.
Zeigen Sie Ihre Versandkosten also klar auf Ihrer Landingpage an, damit die Käufer wissen, was sie erwartet.
28. Handlungsaufforderung mit Dringlichkeit fördern
Sind Sie jemals auf einer Website mit einem Countdown für ein Sonderangebot gelandet? Das ist Urgenz-Marketing vom Feinsten.
Eine Countdown-Uhr spornt die Leute an zu handeln, aus Angst, etwas zu verpassen, also greifen sie Ihr Angebot jetzt, anstatt zu riskieren, es zu verlieren.
Mit SeedProd ist es einfach, Countdown-Timer und zeitlich begrenzte Angebote zu Ihrer Seite hinzuzufügen.

Ziehen Sie einfach den Countdown-Timer-Block per Drag & Drop auf Ihre Seite, um ihn anzupassen.
29. Wert durch sozialen Beweis zeigen
Eine weitere Möglichkeit, den Umsatz zu steigern, ist die Anzeige von Testimonials und Bewertungen von echten Kunden.
Die Leute vertrauen ehrlichen Meinungen von anderen mehr als dem Wort einer Marke, daher kann sozialer Beweis der Anstoß sein, den sie brauchen, um zu handeln.
Mit SeedProd können Sie den Sternebewertungsblock verwenden, um sozialen Beweis auf Ihrer Seite anzuzeigen.

Es ist auch eine gute Idee, ein Foto des Rezensenten beizufügen, damit die Besucher eine bessere Beziehung dazu aufbauen können.
30. Glaubwürdigkeit durch Vertrauensabzeichen demonstrieren
Eine weitere Möglichkeit, Ihre Marke und Ihre Landingpage vertrauenswürdiger zu machen, ist die Verwendung von Vertrauensabzeichen. Dies sind Logos und Symbole von glaubwürdigen Marken, die die Leute kennen.

Vertrauensabzeichen können Folgendes umfassen:
- SSL-Zertifikatslogos
- Icons für Zahlungsoptionen
- Geld-zurück-Garantien
- Auszeichnungen und Zertifizierungen
- Datenschutz-Icons
Erfahren Sie hier mehr darüber, wie Sie Vertrauensabzeichen verwenden, um mehr Konversionen zu erzielen.
31. A/B-Testen Sie alles
Unsere letzte Best Practice ist eine, die jeder Website-Besitzer befolgen sollte, egal welche Art von Landingpage Sie erstellen: A/B-Split-Tests für alles.
Sie können nicht wissen, was am besten funktioniert, ohne verschiedene Elemente zu vergleichen. Ist ein grüner CTA-Button effektiver als ein roter? Ist ein Heldenbild überzeugender als ein anderes?
Die Ergebnisse haben mich mehr als einmal überrascht. Auf Seiten, bei denen ich mir sicher war, hat die Version, von der ich erwartet hatte, dass sie gewinnt, den Test verloren, weshalb ich aufgehört habe, meinem Bauchgefühl zu vertrauen und mit dem Testen begonnen habe.

Schauen Sie sich diese A/B-Test-Beispiele an, um Ideen für Tests zu erhalten.
Welche Praktiken steigern die Conversions am meisten?
Alle 31 Tipps helfen, aber sie wiegen nicht alle gleich viel. Wenn ich nur drei Dinge auf einer leistungsschwachen Seite korrigieren könnte, würde ich in dieser Reihenfolge vorgehen.
- Ein klares Angebot (Tipp 1): Eine Seite, die versucht, zwei Dinge zu tun, konvertiert schlechter als eine Seite, die eine Sache gut macht. Dies ist die Änderung, die auf den von mir neu gestalteten Seiten am meisten bewirkt hat.
- Der CTA oberhalb der Falzlinie (Tipps 8 und 10): Wenn ein Besucher das Angebot und die Aktion nicht sehen kann, ohne zu scrollen, hat der Rest der Seite selten eine Chance zu wirken.
- A/B-Testing (Tipp 31): Sobald die ersten beiden richtig sind, ist Testen das, was gute Vermutungen in zuverlässige Gewinne verwandelt. Es steht in der Priorität an letzter Stelle, ist aber niemals optional.
Alles andere, von Farbpaletten bis hin zu Vertrauensabzeichen, verfeinert eine Seite, die bereits auf diesen drei Säulen aufgebaut ist. Sorgen Sie zuerst für das richtige Fundament.
FAQs zu Best Practices für Landingpages
Wie lang sollte eine Landingpage sein?
Es gibt keine feste Länge. Die richtige Länge ist so viel, wie nötig ist, um Ihr Angebot klar zu machen und die Hauptfragen des Besuchers zu beantworten, und nichts mehr.
Eine einfache E-Mail-Anmeldung kann mit einem einzigen Bildschirm konvertieren, während ein hochpreisiges Produkt oft mehr Beweise, Details und Einwandbehandlung benötigt. Passen Sie die Länge an, wie groß die Entscheidung ist, die Sie vom Besucher verlangen.
Was ist eine gute Conversion Rate für Landingpages?
Eine typische Landingpage-Konversionsrate liegt bei etwa 2 bis 5 %, und alles über 10 % ist stark. Die richtige Benchmark hängt stark von Ihrer Branche, Ihrer Traffic-Quelle und Ihrem Angebot ab.
Anstatt eine universelle Zahl anzustreben, verfolgen Sie Ihre eigene Rate und arbeiten Sie daran, diese zu übertreffen. Unser Leitfaden zu Landingpage-Konversionsraten erläutert die Benchmarks im Detail.
Wie unterscheidet sich eine Landingpage von einer normalen Webseite?
Eine Landingpage ist um ein einziges Ziel aufgebaut und entfernt alles, was davon ablenkt, wie Navigationsmenüs und Fußzeilenlinks. Eine normale Webseite, wie Ihre Homepage, ist zum Browsen gedacht und bietet Besuchern viele Wege, denen sie folgen können.
Dieser Fokus ist der Sinn der Sache. Bezahlten oder Kampagnenverkehr auf eine fokussierte Landingpage zu leiten, konvertiert fast immer besser, als ihn auf eine allgemeine Seite zu leiten.
Ich hoffe, diese Landingpage-Tipps helfen Ihnen, bessere Seiten zu erstellen, die mehr Besucher konvertieren und Ihr Geschäft wachsen lassen. Wählen Sie eine Praxis aus der obigen Prioritätenliste und wenden Sie sie noch heute auf Ihre schwächste Seite an.
Wenn Sie Ihre Landingpage mit Live-Chat unterstützen möchten, werden Sie diese besten Live-Chat-Plugins für WordPress lieben. Hier finden Sie auch die Anatomie einer Landingpage.
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.