Neueste SeedProd-Nachrichten

WordPress-Anleitungen, Tipps und Ressourcen, die Ihnen helfen, Ihr Geschäft auszubauen

31 Best Practices für Landing Pages für unglaubliche Konversionsraten

31 Landingpage-Best-Practices, die ich zur Steigerung der Conversions nutze 

Verfasst von: Autor-Avatar Stacey Corrin
Autor-Avatar Stacey Corrin
Stacey Corrin ist eine zertifizierte Content-Marketing- und SEO-Spezialistin mit über 15 Jahren Erfahrung im Schreiben über WordPress, SEO und digitales Marketing. Sie verwaltet die Inhalte für SeedProd und RafflePress und behandelt Tools und Strategien, die sie aktiv selbst nutzt und testet.
    
Geprüft von: Rezensenten-Avatar Turner John
Rezensenten-Avatar Turner John
John Turner ist Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Erfahrung in Wirtschaft und Entwicklung, und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

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.

  1. Ein klares Angebot: Jede Seite sollte eine einzige Aktion fördern, damit Besucher nie entscheiden müssen, was sie als Nächstes tun sollen.
  2. Ein herausragender CTA: Wertorientierter Text, eine kontrastierende Farbe und eine Platzierung oberhalb der "Fold" erledigen den Großteil der Konversionsarbeit.
  3. Visueller Fokus: Richtungsweisende Hinweise, Weißraum und weniger Ablenkungen lenken das Auge direkt zu Ihrem CTA.
  4. Mobile-First-Formulare: Tippbare Felder, kurze Formulare und schnelle Ladezeiten verhindern, dass mobile Besucher abspringen.
  5. SEO-Grundlagen: Schlüsselwörter, Metadaten und beschreibender Alt-Text für Bilder bringen kostenlosen organischen Traffic.
  6. 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

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.

Beispiel einer Landingpage mit einem klaren Ziel und ohne Ablenkungen

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.

Farbpalettenoptionen für das Landingpage-Design in SeedProd

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?

Beispiel einer überladenen und schlecht gestalteten Landingpage

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.

Landingpage ohne Navigationsmenü für besseren Konversionsfokus

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?

Generisches Stockfoto von Büroangestellten, das oft auf Seiten mit geringer Konversionsrate zu sehen ist

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.

Vorher-Nachher-SEO-Ergebnisse, gezeigt im AIOSEO-Landingpage-Slider

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.

Expliziter visueller Hinweis mit Pfeilen, die auf den Call-to-Action-Button zeigen

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.

Beispiel für die Verwendung von Weißraum als impliziten Richtungsweiser

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-Vorlagen zum Erstellen verschiedener Arten von Landingpages

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.

SeedProd Drag-and-Drop-Landingpage-Builder-Oberfläche

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.

Farbrad, das kontrastreiche Schaltflächenfarbkombinationen für CTA-Design zeigt

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.

Farbrad zur Auswahl kontrastierender CTA-Button-Farben, die hervorstechen

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.

Empfohlene Platzierung der CTA-Schaltfläche in der Mitte der Landingpage für höhere Klickraten

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.

Beispiel einer Landingpage, die unterstützenden CTA-Text mit einem Videolink unter der Schaltfläche zeigt

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.

Produktfoto von Buddha Beans Kaffee mit SEO-freundlicher Dateibenennung für die Bildoptimierung

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

Landingpage mit Überschrift und Bildern, die auf die Facebook-Anzeige abgestimmt sind, um die Nachrichtenübereinstimmung zu gewährleisten

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.

Geld-zurück-Garantie-Abzeichen auf einer Landingpage, um Kaufzögerungen zu reduzieren

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.

SeedProd-Landingpage mit integriertem FAQ-Bereich, um Einwände von Besuchern zu behandeln

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.

Beispiel-Landingpage-Vorlage, die eine überzeugende Überschrift mit Power-Wörtern hervorhebt

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
Landingpage mit sauberer Formatierung und lesbarem Text für verbesserte Lesbarkeit

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.

Produktfoto von Buddha Beans Kaffee mit SEO-freundlicher Dateibenennung für Bildoptimierung

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.

Landingpage-Formular mit visueller Fortschrittsanzeige zur Verbesserung der Abschlussraten

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.

Minimalistisches Landingpage-Kontaktformular, das nur nach wesentlichen Benutzerinformationen fragt

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.

Beispiel für das Layout des Geburtsdatumsfelds in der Desktop-Version eines Landingpage-Formulars

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.

Mobilfreundlicher scrollender Datumsauswähler für eine reibungslosere Eingabe in Landingpage-Formularen

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.

Visuelle Darstellung der Best Practices zur Beschleunigung der Ladezeiten mobiler Landingpages

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?

Mobile Landingpage mit einem Click-to-Call-Button für sofortigen Telefonkontakt

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.

Trello Mobile Landingpage mit einem festen, scrollenden CTA-Button

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.

RafflePress Checkout-Landingpage mit Bestellübersicht und Vertrauensabzeichen oberhalb der Falzlinie

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.

Benutzerdefinierte WooCommerce-Checkout-Seite, erstellt mit SeedProd

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.

Landingpage-Countdown-Timer-Block, der Dringlichkeit für ein zeitlich begrenztes Angebot schafft

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.

Einstellungen für den Sternebewertungsblock in SeedProd zum Hinzufügen von Social Proof zu einer Landingpage

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.

Landingpage-Vertrauensabzeichen, einschließlich SSL- und Zahlungsoptionssymbolen

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.

A/B-Split-Test zum Vergleich von Hintergrundfarben von Landingpage-Formularen für Konversionen

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.

  1. 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.
  2. 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.
  3. 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 YouTubeX und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.

Autor-Avatar
Stacey Corrin Content-Marketing-Spezialistin
Stacey Corrin ist eine zertifizierte Content-Marketing- und SEO-Spezialistin mit über 15 Jahren Erfahrung im Schreiben über WordPress, SEO und digitales Marketing. Sie verwaltet die Inhalte für SeedProd und RafflePress und behandelt Tools und Strategien, die sie aktiv selbst nutzt und testet.

Offenlegung: Unsere Inhalte werden von den Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Wir empfehlen nur Produkte, von denen wir glauben, dass sie unseren Lesern einen Mehrwert bieten.

[weglot_switcher]
Betreiben Sie diese WordPress-Seite, indem Sie mit ChatGPT oder Claude chatten. Kostenloses Plugin. Kostenlos ausprobieren