30 Best Practices für Zielseiten, denen Sie folgen müssen, um Ihre Conver zu verdoppeln

Welche Best Practices für Zielseiten sollten Sie befolgen, wenn Sie Ihre Conversions steigern möchten?

Die Antwort ändert sich je nachdem, wen Sie fragen. Autoren werden Ihnen sagen, dass es nur auf eine gute Landingpage-Kopie ankommt. Designer werden Sie bitten, sich auf das Designerlebnis zu konzentrieren. Und Vermarkter werden Sie bitten sicherzustellen, dass Sie alle richtigen Daten sammeln und die Zielseite für SEO optimieren

Die Wahrheit?

Sie sind in Ordnung.

Eine Landing Page ist eine intensive Destillation mehrerer Marketingfelder. Hier kommen großartige Texte, solides Design, cleveres Marketing und starke Datenpraktiken zusammen, um Besucher zu einem einzigen Ziel zu führen.

Aber weil eine gute Landingpage so viele bewegliche Teile hat, kann das Erstellen einer solchen unglaublich entmutigend erscheinen. Worauf sollten Sie sich konzentrieren? Was sollten Sie ignorieren? Was sind einige Best Practices für Zielseiten, denen man unbedingt folgen muss?

All diese Fragen beantworte ich in diesem ausführlichen Ratgeber. Sie lernen die Grundlagen, die Sie benötigen, um eine Zielseite mit hoher Konversion zu erstellen, die Rahmenbedingungen, die Sie anwenden müssen, um Ihr „Landingpage-Denken“ zu ändern, und schließlich behandeln wir die Best Practices für Landingpages, die Sie für die Landung befolgen müssen Seitenoptimierung.

Dieser Best Practices-Leitfaden für Zielseiten ist in sechs Abschnitte unterteilt. Klicken Sie auf die Symbole unten, um zum richtigen Abschnitt zu springen.

Psychologie

Psychologische Trigger und Tipps zur Landingpage-Optimierung.

Design

Best Practices zum Entwerfen besser konvertierender Zielseiten.

Werbetexten

Tipps zum Erstellen besserer Texte für Ihre Seiten.

Mobile Gestaltung

Best Practices zum Erstellen von Landingpages nur für Mobilgeräte.

CTA-Design

Best Practices zum Erstellen besserer Handlungsaufforderungen.

Formulardesign

Best Practices zum Erstellen schneller und besserer Formulare.

Landingpage Psychologie

Alle Zielseiten sind im Wesentlichen eine Übung in Psychologie. Denken Sie an eine Seite, die ein Zeugnis von einem prominenten Prominenten zeigt. Oder eines, das stolz die 5-Sterne-Bewertung des Produkts bei Amazon teilt.

Dies mögen gängige Best Practices für Zielseiten sein, aber sie sind im Wesentlichen in der Psychologie der Überzeugung verwurzelt. Das Verständnis der Psychologie ist also entscheidend für die Erstellung von Zielseiten, die konvertieren. Betrachten Sie es als die strategische Sauce, die alle Ihre Landingpage-Taktiken miteinander verbindet.

Sehen wir uns unten einige grundlegende psychologische Prinzipien an und wie sie auf Landing Pages verwendet werden.

1. Fördern Sie Kundenaktionen mit Knappheit

Eines der Kernprinzipien der Überzeugung ist Knappheit. Von Oldtimern bis hin zu Edelmetallen neigen wir dazu, Dinge zu schätzen, die nur begrenzt verfügbar sind. Es spielt keine Rolle, ob diese Knappheit echt oder künstlich ist (Diamanten sind ein gutes Beispiel). Auf Landing Pages dient Knappheit zwei Zwecken:

• Es zeigt, dass ein Produkt sehr gefragt ist (warum wäre es sonst nur begrenzt verfügbar?)
• Es motiviert die Nutzer zum Handeln

Es gibt viele Möglichkeiten, diese Knappheit zu zeigen. Eine Taktik besteht darin, die Anzahl der derzeit verfügbaren Artikel anzuzeigen – was in E-Commerce-Shops üblich ist, wie hier ein Beispiel von Andertons Music Co.

Andertons Music Co teilt Kunden mit, wie viele Artikel sie auf Lager haben.

Das ist  mengenbasierte Knappheit .

Eine andere Taktik ist die  zeitbasierte Knappheit . Hier stellen Sie ein Produkt oder ein Angebot nur für kurze Zeit zur Verfügung. Die Menschen werden zum Handeln getrieben, damit sie den Deal nicht verpassen.

Countdown-Timer sind eine beliebte Taktik, um diese Art von Knappheit anzuzeigen, die in Amazons Abschnitt „Daily Deals“ ausgiebig verwendet wird:

Amazon hat einen laufenden Countdown-Timer für seine täglichen Angebote (Bildnachweis: Amazon.com)

Denken Sie daran: Knappheit kann real oder künstlich sein. Wenn Sie Menschen dazu motivieren möchten, auf ein Angebot zu reagieren, das praktisch unendlich verfügbar sein kann (z. B. ein Online-Kurs), verwenden Sie die Knappheit nicht um ihrer selbst willen. Kurzfristig erhalten Sie mehr Conversions, aber langfristig kann sich dies negativ auf Ihre Marke auswirken.

Bei manchen Angeboten kann es sinnvoll sein, die Verfügbarkeit zu begrenzen, um jeden Studierenden ausreichend unterstützen zu können. Oder um eine zeitbasierte Aktion vor Kursaktualisierungen anzubieten.

2. Wert mit Social Proof belegen

Die erste Frage, die sich jeder stellt, der Ihre Zielseite besucht, lautet: „Was schlagen Sie mir vor?“

Die zweite Frage, die sie stellen, lautet: „Warum sollte ich Ihnen vertrauen?“

Sie können alle Best Practices für Landing Pages verwenden, aber wenn Sie dieses Vertrauen nicht schaffen, werden Ihre Kunden nicht bei Ihnen kaufen.

Eine Möglichkeit, dieses Vertrauen aufzubauen, ist der Social Proof.

Dies ist ein Überzeugungsprinzip, das wir in allen Lebensbereichen gesehen haben. Dinge, die beliebt zu sein scheinen, werden auch eher nachgefragt. Ein Restaurant mit einer langen Schlange davor scheint besser zu sein als eines, das leer ist – auch wenn die Wahrheit vielleicht das Gegenteil ist.

Im Wesentlichen verlassen wir uns bei Entscheidungen auf das Urteil anderer. Beliebte Dinge müssen gut sein, denn warum sollten sie sonst beliebt sein?

Wenn Sie über soziale Beweise nachdenken, sollten Sie zwei Dinge berücksichtigen:

• Stärke in Zahlen:  Wenn viele Leute Sie (oder Ihr Produkt) mögen, wird Ihr Produkt als besser wahrgenommen. Ein Produkt mit nur zwei 5-Sterne-Bewertungen ist möglicherweise nicht gut. Aber einer mit 1.000 5-Sterne-Bewertungen kann doch gar nicht so schlecht sein, oder?
• Übertragene Popularität:  Sozialer Beweis, wie Autorität (auf die wir weiter unten eingehen) kann übertragen werden. Ein beliebter Prominenter, der eine Marke unterstützt, lässt die Marke beliebter erscheinen. Aus diesem Grund existiert die Influencer-Marketing-Branche überhaupt.

Der einfachste Weg, soziale Beweise hinzuzufügen, sind Bewertungen und Erfahrungsberichte. Dies greift auch auf das „Menschen wie ich“-Gambit zurück (dazu später mehr).

Beispielsweise fügt LifeLock Kundenrezensionen an prominenter Stelle auf seiner Zielseite hinzu. Die positive Bewertung und eine große Anzahl von Rezensionen (was sicher hervorzuheben ist – „9.000+ Rezensionen“) machen das Produkt zu einer sozial bewährten Wahl.

LifeLock erstellt soziale Beweise, indem es Bewertungen für sein Produkt auf seiner Homepage teilt (Bildnachweis: LifeLock.com)

Eine andere Möglichkeit, diesen sozialen Beweis hinzuzufügen, besteht darin, einen Echtzeitzähler der Personen anzuzeigen, die Ihre Produkte kaufen oder verwenden, wie z. B. diese Seite auf Fomo.com.

Fomo.com zeigt einen laufenden Zähler von Personen, die Maßnahmen ergreifen – kaufen, abonnieren usw. – auf der Website

3. Lassen Sie sich autoritärer erscheinen

Stell dir das vor:

Sie sind zu einer regelmäßigen Untersuchung im Krankenhaus, als zwei Männer Sie höflich bitten, ein paar Tabletten zu nehmen.

Der erste Mann hat einen Drei-Wochen-Bart und trägt Shorts, ein übergroßes T-Shirt und Flip-Flops.

Der zweite Mann trägt einen Arztkittel und hat ein Stethoskop um den Hals.

Wem folgst du eher? Der zweite Mann natürlich – vor allem wegen der wahrgenommenen Autorität der Arztuniform.

Dies mag ein offensichtliches Beispiel sein, aber wir suchen nach subtilen Zeichen der Autorität, wenn wir entscheiden, wem wir vertrauen – sogar auf Zielseiten. Ein Produkt, das von NYTimes empfohlen wurde, erscheint besser, weil die Leute der Autorität von NYTimes vertrauen.

Auf Landing Pages gibt es zwei Arten von Autorität:

• Implizite Autorität:  Dies geschieht, wenn eine Seite die Design- und Kopierstandards einhält, die von maßgeblichen Websites im selben Bereich festgelegt wurden.
• Explizite Autorität:  Dies ist, wenn Sie ein klares und explizites Signal der Autorität verwenden – wie z. B. eine Empfehlung aus einer vertrauenswürdigen Quelle.

Zumindest sollten alle Ihre Zielseiten implizite Autorität haben. Dies ist einfach eine Frage des richtigen Designs und Textes. Ein grammatikalischer Fehler in Ihrer Überschrift kann dazu führen, dass Sie amateurhaft und unseriös wirken.

Explizite Autoritätssignale sind schwer zu beschaffen, können Sie aber sofort autoritärer erscheinen lassen. Diese Signale können in verschiedenen Formen auftreten, wie zum Beispiel:

Berühmtheit:  Berühmtheiten werden als Autoritätspersonen angesehen, auch wenn sie nichts mit dem Produkt zu tun haben. Dies ist ein Beispiel für Autorität durch Social Proof.

Zum Beispiel verwendet Masterclass.com Zielseiten, auf denen seine berühmten Lehrer zu sehen sind.

Masterclass baute sein gesamtes Geschäftsmodell auf prominenter Autorität auf (Bildnachweis: Masterclass.com)

Expertise:  Eine Empfehlung eines anerkannten Experten auf einem Gebiet – etwa eines Arztes – wiegt tendenziell mehr als die eines Niemands.

Auf dieser Seite wird beispielsweise das Zeugnis eines Arztes verwendet, um Autorität durch Fachwissen aufzubauen.

Die Verwendung von Bildern von vertrauenswürdigen Experten – wie Ärzten – ist eine gute Möglichkeit, ein Gefühl der Autorität zu schaffen (Bildnachweis: EinsteinMedical.com)

Institutionen:  Institutionen und Organisationen, die weithin respektiert werden, neigen dazu, einen Teil ihrer Autorität zu übertragen, wenn sie Sie oder Ihr Produkt empfehlen.

Denken Sie daran, dass „Institutionen“ keine Universitäten oder öffentlichen Organisationen sein müssen. Auch angesehene Unternehmen und Publikationen werden als Institutionen angesehen.

Diese Zielseite verwendet beispielsweise Rankings einer angesehenen Publikation – PCMag – um ein Gefühl der Autorität zu schaffen.

SugarCRM teilt seine Bewertungen einer vertrauenswürdigen Institution – PCMag – mit, um ein Gefühl der Autorität zu schaffen (Bildnachweis: Instapage)

4. Verwenden Sie das „So wie wir“-Gambit

Es gibt eine gängige Taktik im Verkauf, die „Spiegelung“ genannt wird. Hier spiegeln Sie die Handlungen und das Verhalten Ihrer Kunden wider, in der Hoffnung, dass sie Sie mehr mögen.

Untersuchungen zeigen, dass diese Verkaufstaktik tatsächlich auf solider Wissenschaft verwurzelt ist. Wir bevorzugen Menschen, von denen wir glauben, dass sie uns ähnlich sind. Tatsächlich ist dieser Wunsch, sich zu „Gleichgesinnten“ hinzuziehen, fest in uns verankert.

Mit anderen Worten, wir kaufen gerne bei Menschen und Unternehmen, die „genau wie wir“ sind.

Dies ist eine mächtige und zu wenig genutzte Taktik bei Zielseiten. Indem Sie Ihre Zielkunden „spiegeln“, können Sie Ihre Zielseite ansprechender gestalten.

Eine Möglichkeit, dies zu tun, besteht darin, Ihre Zielgruppe in Ihren Zielseitenbildern zu spiegeln. Wenn Sie an alleinstehende 18- bis 30-Jährige verkaufen, verwenden Sie auf Ihren Zielseiten keine Bilder von Paaren mittleren Alters.

Spiegeln Sie auch den Schreibstil Ihres Publikums wider. Verwenden Sie keinen Slang und keine Memes, wenn Sie an 50-Jährige verkaufen.

Eine weitere Taktik besteht darin, Erfahrungsberichte und Bewertungen von gewöhnlichen Menschen einzubeziehen. Es gibt Ihren Kunden das Gefühl, dass Ihr Produkt von Menschen „genau wie sie“ verwendet und gemocht wird, wie in diesem Beispiel:

Durch das Teilen von Bewertungen und Erfahrungsberichten von anderen Unternehmern wirkt diese Seite authentischer (Bildquelle: Unbounce.com)

5. Beschriften Sie Ihr Publikum

In einer Studie wurde zwei Gruppen von Möchtegernwählern gesagt, sie seien „politisch aktiv“ und „politisch inaktiv“. Dies geschah nach dem Zufallsprinzip und hatte keine Grundlage in ihren tatsächlichen politischen Neigungen.

Zum Zeitpunkt der Wahl hatte die Gruppe, der gesagt wurde, dass sie „politisch aktiv“ sei, eine um 15 % höhere Wahlbeteiligung.

Diese Studie beleuchtet ein Phänomen, das große Unternehmen seit Jahren kennen: Wenn Sie eine Gruppe von Verbrauchern explizit kennzeichnen, können Sie ihr Verhalten beeinflussen.

Aus diesem Grund haben Unternehmen Prämienprogramme, die Programmteilnehmer eindeutig als „Platinum“- oder „Gold“-Mitglieder identifizieren. Allein die Tatsache, einen Kunden als überlegenen Kunden zu identifizieren, kann die Loyalität fördern.

In gewisser Weise ist dies eine Erweiterung des „So wie wir“-Gambits, nur dass es sich auf das idealisierte Selbstbild des Kunden konzentriert, dh darauf, wie der Kunde sich selbst sehen möchte. Indem Sie den Kunden nach diesem idealisierten Selbstbild etikettieren, appellieren Sie an sein Eigeninteresse und treiben so mehr Handeln voran.

Diese ConvertKit-Landingpage weist beispielsweise eindeutig darauf hin, dass sie für professionelle Blogger gedacht ist.

ConvertKit bezeichnet sich selbst als Tool für „professionelle Blogger“

Dies dient zwei Zwecken:

• Es spricht Blogger an, die sich selbst als „professionell“ verstehen. Selbst wenn sie es nicht sind, würden sich Blogger, die ihr Handwerk ernst nehmen, als solche bezeichnen wollen.
• Es schließt Blogger aus, die nicht professionell sind (oder sich selbst nicht so sehen). Dies bedeutet, dass jeder, der sich anmeldet, einen viel besseren Produkt-Market-Fit hat.

Hinweis: ConvertKit verwendet diese Zielseite nicht mehr, aber sie spielte in der frühen Wachstumsphase eine entscheidende Rolle.

Labels sind nicht auf Berufe beschränkt; Sie können Ihre Kunden sogar anhand ihrer Eigenschaften (oder besser gesagt der Eigenschaften, von denen sie glauben, dass sie sie haben) kennzeichnen.

Hier ist ein tolles Beispiel: Diese Zielseite sagt, dass das Produkt für hart arbeitende Menschen ist.

Bildquelle: MarketingResults.com.au

Welche Art von Kunden denkt, dass sie nicht fleißig sind?

Seien Sie jedoch vorsichtig mit dieser Vorgehensweise. Wenn Sie ein zu enges Etikett verwenden, riskieren Sie, Menschen vor den Kopf zu stoßen, die sich nicht damit identifizieren. Aus diesem Grund sollten Sie diese Taktik nur für Produkte verwenden, die einen engen Markt bedienen.

Best Practices für das Design von Zielseiten

Das Design hat einen starken Einfluss auf die Conversions von Zielseiten.

Allerdings sieht „gutes Design“ auf einer Landingpage ganz anders aus als „gutes Design“ auf der Homepage einer Website. Während letzteres dem Markenaufbau Priorität einräumt, konzentriert sich ersteres auf Konversionsraten.

Da die Betonung auf Konvertierungen bedeutet, dass einige beliebte Designpraktiken über Bord geworfen werden müssen. Sie können einen Videohintergrund auf Ihrer Homepage verwenden, aber wenn Sie einen zu Ihrer mobilen Zielseite hinzufügen, werden Sie die Benutzer nur verärgern.

Sehen wir uns vor diesem Hintergrund einige der besten Best Practices für das Design an.

1 Appell an Konvention, nicht an Innovation

Eine unerwartete Best Practice für Zielseiten besteht darin, bestimmte Best Practices nicht zu befolgen.

Das klingt widersprüchlich, wurzelt aber darin, wie Menschen mit Webseiten interagieren. Aus Gewohnheit sind bestimmte Konventionen zu einem erwarteten Teil dieser Interaktionen geworden.

Selbst wenn einige dieser Konventionen technisch falsch sind, kann es Ihr Publikum verwirren, wenn Sie sie nicht befolgen.

Nehmen Sie als Beispiel die mobile Hamburger-Speisekarte. Als es zum ersten Mal von mobilen Websites übernommen wurde, schrieben UX-Experten lange Artikel darüber, warum es schlecht für die Benutzererfahrung ist.

Designer hörten natürlich nicht zu. Und heute wird es Ihnen schwer fallen, eine mobile Website zu finden, die kein Hamburger-Menü verwendet. Sogar TechCrunch, das seine Kritik hervorhob, hat eines auf seiner mobilen Website.

TechCrunch verwendet das bekannte Hamburger-Menü auf seiner mobilen Website (Bildnachweis: TechCrunch.com)

Wenn Sie plötzlich von Hamburger-Menüs zu etwas wechseln, das technisch UX-freundlicher ist, aktivieren Sie möglicherweise ein UX-„Best Practice“-Kästchen, verwirren jedoch die Benutzer.

Denken Sie daran, wenn Sie Designentscheidungen treffen. Aus Usability- oder Design-Best-Practice-Sicht mag etwas richtig sein, aber es kann den Conversions schaden, wenn Sie gegen Konventionen verstoßen, dh gegen die Erwartungen der Benutzer.

Wenn es um Landing Pages geht, ist es manchmal besser, das Rad nicht neu zu erfinden.

2. Beschränken Sie sich auf eine Idee pro Seite

Dutzende konkurrierender Ideen, mehrere visuelle Stile, mehrere konkurrierende CTAs …

Sie sind wahrscheinlich auf einer solchen Seite gelandet und haben Ihre Maus direkt auf die Schaltfläche „Zurück“ gezogen. Hier ist ein Beispiel:

Diese Zielseite hat mehrere CTAs, die die Benutzer verwirren (Bildnachweis: SearchEngineLand.com)

Ein Design, das mehr als ein Angebot oder eine Idee hat, widerspricht direkt der eigentlichen Idee einer Zielseite. Landing Pages sollen hochfokussierte, lasergesteuerte Conversion-Vehikel sein. Überladen Sie sie mit zu vielen Auswahlmöglichkeiten und Sie werden die Benutzer nur verwirren.

Dies gilt für jedes Element des Landingpage-Designs:

• Ihre Kopie sollte auf der gesamten Seite denselben Stil haben. Wechseln Sie in der Mitte der Seite nicht von aufrichtig und sachlich zu gesprächig und zwanglos.
• Ihre Designsprache sollte für die gesamte Seite gleich sein. Wenn Sie Farben ändern, stellen Sie sicher, dass sie komplementär sind und nicht kollidieren.
• Ihre Schriftart sollte gleich bleiben. Stellen Sie außerdem sicher, dass Ihre Schriftgrößen einem erwarteten Maßstab folgen (dh H1 ist größer als H2, was größer als H3 ist usw.).

Am wichtigsten ist, dass Sie auf jeder Zielseite nur eine Idee behalten. Wenn Ihr Unternehmen zwei Arten von Produkten verkauft, erstellen Sie separate Seiten für Produkt A und Produkt B; Stellen Sie sie nicht auf derselben Seite auf.

3. Gestalten Sie Dinge so, wie die Benutzer es erwarten

Wenn ich Sie bitten würde, zu beschreiben, wie ein Link aussieht, welche Farbe würde Ihnen in den Sinn kommen?

Ein leuchtendes Neongrün oder ein sattes Blau?

Blauer Text sieht eher wie ein Link aus, da dies die Standardfarbe für Links auf vielen beliebten Websites ist, einschließlich Google und Wikipedia.

Während Websites Links in einer Reihe von Farben verwenden (diese Website verwendet Hellblau), assoziieren wir Links reflexartig mit dem Dunkelblau, das ich oben geteilt habe.

Das liegt daran, dass wir im Laufe der Jahre des Googlens und Wikipediaings erwartet haben, dass Links blau sind. Wenn wir also Text sehen, der blau und unterstrichen ist, nehmen wir natürlich an, dass es sich um einen Link handelt.

Nutzen Sie diese Tatsache zu Ihrem Vorteil. Jedes Element, das Sie auf einer Seite verwenden – eine Schaltfläche, ein Link, ein Warnfeld – sollte so aussehen, wie Benutzer es erwarten.

Wenn Sie einen Countdown-Timer anzeigen, der bald abläuft, verwenden Sie die Farbe Rot und nicht Grün. Ihre Benutzer kaufen bei Amazon ein; Sie wissen, wie ein End-Timer bei einem Deal aussieht.

Wenn Sie eine Schaltfläche erstellen, lassen Sie sie anklickbar erscheinen. Verwenden Sie subtile Schatten und Farben, die die Schaltfläche zum Platzen bringen und zum Klicken einladen.

Sehen Sie sich als Beispiel die Schaltfläche „Kaufen“ auf der Apple-Website an. Ein einfacher Schatteneffekt hebt es vom umgebenden Text ab.

Apples „Kaufen“-Button hat einen subtilen Schatteneffekt, um ihn hervorzuheben (Bildnachweis: Apple.com)

Eine Möglichkeit, herauszufinden, wie Benutzer ein Element erwarten, besteht darin, einem beliebten Design-Framework wie Bootstrap zu folgen. Da unzählige Seiten das Standarddesign im Framework verwenden, kann es schnell „erwartet“ werden.

Beispielsweise wird das Farbschema von Bootstrap für verschiedene Textfelder jetzt oft als Standard für verschiedene Warnungen angesehen.

Die Popularität von Bootstrap als Design-Framework bedeutet, dass seine Standardfarben sofort erkennbar sind (Bildnachweis: GetBootstrap.com)

4. Experimentieren Sie mit Farben

An was erinnert dich diese Farbe?

Ein leuchtend roter Farbton weckt Gefühle von Kraft, Hunger und Vitalität, weshalb er bei Sportmannschaften und Lebensmittelmarken beliebt ist.

Während individuelle Erinnerungen variieren, kann ich sagen, dass diese Farbe Sie nicht an kalte, neblige Morgen und langweilige Geschäftstreffen erinnern wird.

Farbe hat einen großen Einfluss darauf, wie Benutzer Ihre Zielseiten interpretieren. Das liegt vor allem an zwei Dingen:

• Benutzererwartungen basierend auf realen und digitalen Erfahrungen
• Unsere ursprüngliche Antwort auf verschiedene Farben, dh Farbpsychologie

Die Farbe „Grün“ zum Beispiel wird dank Ampeln fast überall mit „Los“ in Verbindung gebracht. Es wird auch mit der Natur in Verbindung gebracht – aus offensichtlichen Gründen.

Wenn Sie natürliche Gesundheitsprodukte verkaufen oder möchten, dass Benutzer zu einem CTA „gehen“, ist es ratsam, die grüne Farbe zu verwenden, wie das folgende Beispiel zeigt:

Wir verbinden die Farbe „Grün“ mit Natur und Gesundheit, was sie zu einer geeigneten Option für Naturmarken macht.

Auf dieser Seite finden Sie eine Liste der psychologischen Effekte, die mit verschiedenen Farben verbunden sind.

Ein großartiges Beispiel für die subtilen Farbunterschiede und wie sie sich auf Marken und das Nutzerverhalten auswirken, ist Box.com vs. DropBox.com.

Beide Unternehmen bieten die gleichen Dienste an – Cloud-Datenspeicherung. Einer konzentriert sich jedoch ausschließlich auf den Verkauf an Unternehmen (Box.com), während der andere auch an Einzelpersonen und kleine Unternehmen verkauft (DropBox.com).

Während also Box.com einen unternehmensfreundlichen Blauton verwendet, spielt Dropbox.com mit Variationen von Blau und anderen Farben herum (Kastanienbraun, Hellblau).

Box.com und DropBox verwenden Blau je nach Zielgruppe unterschiedlich.

Fragen Sie sich bei der Auswahl der Farben für die Zielseite:

• Welche Art von Produkten verkaufen Sie? Unternehmen oder Kleinunternehmen? Individuell oder geschäftsorientiert? Zu welcher Kategorie gehört es? Wählen Sie Ihre Farben entsprechend aus.
• Welche Emotionen sollen Ihre Benutzer auf der Seite empfinden? Energie, Geborgenheit, Freude, Vitalität oder Gelassenheit?
• Wie alt ist Ihre Zielgruppe? Die Farben, die Sie für Senioren wählen, unterscheiden sich stark von denen, die Sie für 18-Jährige wählen.

5. Vermeiden Sie visuell ablenkende Effekte

Sie haben vielleicht einen kürzlichen Trend von Unternehmen gesehen, die Videos in ihren Header-Hintergründen verwenden. Airbnb ist ein berühmter Übeltäter.

Diese Vorgehensweise eignet sich möglicherweise hervorragend, um eine Geschichte zu erzählen und eine Marke aufzubauen, aber es ist eine Vorgehensweise, die Sie vermeiden sollten, wenn Sie die Conversions steigern möchten.

Denken Sie daran, worüber wir vorhin gesprochen haben: Gute Landing Pages haben einen zielstrebigen Fokus auf den CTA. Alles andere sind unterstützende Beweise, um die Leute dazu zu bringen, darauf zu klicken.

Wenn Sie einer Seite ablenkende visuelle Effekte hinzufügen – ein Hintergrundvideo, eine komplexe Animation usw. – Sie zwingen die Benutzer, vom CTA wegzuschauen.

Das ist schlecht für Ihre Conversions. Wenn Ihre Benutzer zu sehr damit beschäftigt sind, Ihr schickes Video zu bewundern (insbesondere wenn es im Hintergrund läuft), verpassen sie möglicherweise den CTA vollständig.

Wenn Sie unbedingt ausgefallene Effekte verwenden müssen, verwenden Sie sie im Dienste Ihres CTA. Sie können eine animierte Schaltfläche verwenden oder ein Video (kein Hintergrundvideo) hinzufügen, das eine Geschichte erzählt und die Menschen zum CTA führt.

Die Zielseite des Dollar Shave Club bietet beispielsweise Videos, um Kunden über das Angebot aufzuklären.

Ein nicht ablenkendes, anklickbares Video vermittelt Ihre Botschaft, ohne die Besucher zu verwirren (Bildnachweis: DollarShaveClub.com)

6. Entfernen Sie Navigations- und Social-Buttons

Im Geiste der oben genannten Best Practices für Landing Pages sollten Sie auch Ihr Navigationsmenü und die Social-Sharing-Schaltflächen entfernen.

Entfernen Sie sogar alles, was nicht direkt mit dem CTA verbunden ist.

Der Grund ist derselbe: Sie möchten den Menschen nicht mehrere Auswahlmöglichkeiten geben. Wenn sie auf Ihrer Seite landen, sollten sie nur zwei Möglichkeiten haben: Klicken Sie auf Ihren CTA oder klicken Sie auf die Schaltfläche „Zurück“.

Durch das Entfernen überflüssiger Elemente – Navigation, Social Sharing etc. – Sie reduzieren die Anzahl der Aufmerksamkeitspunkte auf der Seite.

Eine HubSpot-Fallstudie ergab, dass das Entfernen der Navigation zu einem statistisch signifikanten Anstieg der Conversions führte:

Das Entfernen der Navigation führt zu einer deutlichen Verbesserung der Konversionsraten für diese Testseiten (Bildnachweis: HubSpot.com)

Sie werden diese Vorgehensweise auf Seiten bemerken, auf denen der Conversion-Fokus unbedingt erforderlich ist, wie z. B. Checkout-Seiten.

Gehen Sie jetzt zu Amazon und versuchen Sie, einen Artikel zu kaufen. Sobald Sie auf die Zahlungsseite gelangen, werden Sie feststellen, dass das normalerweise allgegenwärtige Navigationsmenü von Amazon verschwindet.

7. Wählen Sie Ihre Bilder sorgfältig aus

Aber nicht jede hochwertige Bildgebung funktioniert gut. Wahrscheinlich sind Sie beim Anblick einer hell erleuchteten Unternehmensszene, die direkt aus einer Fotobibliothek stammt, zusammengezuckt.

Sie wissen bereits, dass qualitativ hochwertige Bilder für ein qualitativ hochwertiges Benutzererlebnis entscheidend sind. 67 % der Nutzer sagen sogar, dass qualitativ hochwertige Bilder „sehr wichtig“ für die Kaufentscheidung sind.

Du fühlst dich so:

• Es gibt nichts Authentisches an dem Bild (es ist buchstäblich Stock-Bilder), und …
• Es gibt eine Diskrepanz zwischen dem Bild und der Erfahrung, die es beschreibt. Glückliche Büros sehen nicht aus wie Stockbilder.

Stockfotos wie diese fühlen sich unnatürlich und inszeniert an (Bildnachweis: StockUnlimited.com)

Letzteres ist besonders wichtig, da es der Dual-Coding-Theorie entspringt. Diese Theorie besagt, dass Ideen stärker erscheinen, wenn sie sowohl durch Text als auch durch unterstützende Bilder beschrieben werden.

Wenn umgekehrt der Text und das Bild, das ihn unterstützt, nicht übereinstimmen, wird die Idee weniger überzeugend.

Denken Sie an eine Seite aus einem Horrorroman von Stephen King mit einer Illustration von Spongebob Schwammkopf daneben. Die Horror-Prosa würde sich dank der Illustration fast komisch anfühlen (oder Sie könnten eine existenzielle Angst vor dem Schwamm entwickeln, der in einer Ananas unter dem Meer lebt).

Einiges davon ist offensichtlich genug – wenn Sie Sportkleidung verkaufen, würden Sie ein Bild von einem Athleten während des Trainings verwenden, nicht von jemandem, der sich in Strandshorts entspannt.

Aber was passiert, wenn Sie beispielsweise Meeting-Software verkaufen? Zeigen Sie einfach ein Bild von einem Treffen oder etwas anderem?

Versuchen Sie in diesen Szenarien, Bilder auszuwählen, die einen idealisierten Zustand Ihrer Benutzer darstellen. Das heißt, den Zustand, den sie erreichen möchten (durch die Verwendung Ihrer Produkte).

Ein Unternehmen, das Meeting-Software verkauft, verkauft nicht nur Meeting-Software; Es verkauft die Zeitersparnis und die Freude, die Mitarbeiter daraus ziehen, dass sie nicht an Meetings teilnehmen.

Wenn Sie also diese Software verkaufen, möchten Sie keine Bilder von Menschen verwenden, die genau das tun, was sie vermeiden möchten: in Meetings zu sein. Stattdessen sollten Sie sich auf Bilder konzentrieren, die darüber sprechen, was sie sich erhoffen: mehr Zeit, weniger Meetings.

Werfen Sie einen Blick auf diese Zielseite von ToDoist, einem Tool zur Aufgabenverwaltung. Es zeigt keine Menschen, die in ihren Büros eingesperrt sind. Stattdessen zeigt es ihnen, wie sie Dinge tun, die sie lieben – Zeit mit Freunden verbringen.

Konzentrieren Sie sich auf das Ergebnis, das Kunden in Ihren Zielseitenbildern erzielen sollen (Bildquelle: BitCatcha.com)

8. Verwenden Sie Richtungshinweise

Die meisten Online-Benutzer lesen Webseiten in einem F-förmigen Muster, wie in dieser häufig zitierten Studie dargestellt:

Menschen scannen Seiten normalerweise in einem F-förmigen Muster von links nach rechts (Bildnachweis: NNGroup.com)

Auch dies ergibt sich aus der Konvention. Auf den meisten Webseiten befinden sich die wichtigen Informationen oben links. Denken Sie an die Suchergebnisse von Google. Die rechte Seite der Seite ist größtenteils leer.

Aber was wäre, wenn Sie „hacken“ wollten, wie sich der Blick des Benutzers auf einer Seite nach unten bewegt? Oder was noch wichtiger ist, was wäre, wenn Sie möchten, dass sie sich auf ein bestimmtes Element auf der Seite konzentrieren – wie einen CTA?

Hier kommen Richtungshinweise ins Bild.

Schauen Sie sich diese Eye-Tracking-Studie an:

Menschen schauen reflexartig, wohin Models in Bildern schauen (Bildnachweis: LinkedIn)

Unser Blick wird sofort in die Richtung gelenkt, in die das Baby schaut. Dies ist ein fest verdrahtetes menschliches Phänomen, das in allen Kulturen präsent ist. Wir sind genetisch darauf programmiert, dem Blick anderer zu folgen. Nennen Sie es ein Überbleibsel aus unserer Vergangenheit als Jäger und Sammler.

Sie können diese Blicksperre auf Ihrer Zielseite verwenden, um die Aufmerksamkeit auf CTAs und andere wichtige Seitenelemente zu lenken – wie im obigen Beispiel.

Das ist nicht die einzige Möglichkeit, Richtungshinweise zu verwenden. Sie können offene Hinweise wie Pfeile verwenden.

Die Verwendung von Pfeilen ist eine einfache Möglichkeit, die Aufmerksamkeit auf ein Seitenelement zu lenken

Wenn Ihnen Pfeile zu auffällig sind, können Sie Designelemente wie Linien und Objektpositionierung verwenden, um die Aufmerksamkeit auf CTAs und andere Schlüsselelemente zu lenken, wie das folgende Beispiel zeigt:

Eine quer über die Seite verlaufende Linie macht auf den CTA aufmerksam

Für welche Option Sie sich auch entscheiden, Ihr Ziel sollte es sein, Ihr Design auf subtile Weise einzusetzen, um die Leute dazu zu bringen, sich wichtige Elemente auf der Seite anzusehen.

Best Practices für das Verfassen von Landing-Page-Texten

Es gibt ein starkes Argument dafür, dass gutes Copywriting allein ausreicht, um eine Killer-Landingpage zu erstellen.

Tatsächlich konzentrierten sich die meisten Verkaufsseiten vor der aktuellen Ernte visuell ansprechender Landingpages ausschließlich auf Texte. Erinnern Sie sich an die weißen Seiten mit den oft unverschämten Schlagzeilen in leuchtendem, auffälligem Rot?

Während solche Landing Pages heute vielleicht in den Bereich der Parodie übergegangen sind, ist eine Kopie in Langform immer noch eine der besten Möglichkeiten, etwas online zu verkaufen.

Auch wenn Ihr Ziel nicht darin besteht, etwas direkt zu verkaufen, sondern einfach nur E-Mails zu sammeln oder ein eBook zu teilen, sollte die Konzentration auf Kopien Ihre oberste Priorität sein. Im folgenden Abschnitt werde ich einige Best Practices für das Verfassen von Werbetexten für Zielseiten vorstellen, die Ihnen helfen werden, mehr Besucher in Leads umzuwandeln.

1. Machen Sie Ihr Leistungsversprechen in der Überschrift deutlich

Sind Sie jemals auf einer Seite gelandet und hatten Mühe herauszufinden, was genau angeboten wurde?

Dies ist einer der häufigsten Fehler beim Verfassen von Texten auf Zielseiten. Sie verwenden zu viel Jargon und kryptische, markenorientierte Texte, anstatt ihr Wertversprechen explizit zu machen.

Dieses Problem hat zwei Ursachen:

• Es gibt eine Lücke zwischen dem Verständnis des Unternehmens und dem Verständnis des Publikums für das Produkt. Das Unternehmen konzentriert sich auf die technischen Funktionen, übersetzt sie jedoch nicht in Begriffe, die die Benutzer verstehen können (ein häufiges Problem bei Tech-Landingpages).
• Das Unternehmen behandelt die Zielseite als Branding-Vehikel und nicht als Konversions-Vehikel. Und so endet es mit markenfokussierten Texten – wie sie auf Werbetafeln für große Marken zu finden sind – anstelle von konversionsfokussierten Texten (wie sie im Direktverkauf zu finden sind).

Das Gegenmittel für beide Probleme ist das gleiche: Konzentrieren Sie sich auf das Wertversprechen, nicht auf die Marke oder die technischen Merkmale.

Betrachten Sie gute Zielseiten wie diese:

Bildnachweis: ThemeIsle.com

Ein Teil dessen, was sie gut macht, ist ihre Klarheit. Sie müssen sich nicht fragen, was angeboten wird und was Sie als nächstes tun sollen. Die Überschrift macht die Vorteile für alle Besucher deutlich – „Mehr Leads generieren“.

Versuchen Sie dies in den Überschriften Ihrer Zielseite:

• Entfernen Sie Fachjargon  und übersetzen Sie ihn in laienfreundliche Begriffe. Die einzige Ausnahme ist, wenn Sie etwas an ein Hardcore-Fachpublikum verkaufen.
• Machen Sie sich klar  über das Thema der Zielseite und was die Leser daraus ziehen können. Überlassen Sie markenorientierte Texte großen Marken; Ihr Ziel sollten Conversions sein.
• Konzentrieren Sie sich auf das Publikum  und die angestrebten Vorteile/Ergebnisse. Wenn Sie Trainingsgeräte verkaufen, könnte sich eine Schlagzeile, die sich an vielbeschäftigte Profis richtet, auf die Zeitersparnis konzentrieren. Ein anderer, der auf Fitnessbegeisterte abzielt, könnte sich auf seine Fitnessvorteile konzentrieren.

2. Richten Sie Funktionen und Vorteile an den Erwartungen der Zielgruppe aus

Eine gängige Best Practice für Zielseiten besteht darin, sich auf Vorteile und nicht auf Funktionen zu konzentrieren.

Obwohl dies eine gute Regel ist, ist sie nicht universell anwendbar. Konzentrieren Sie sich bei einem sachkundigen Publikum zu sehr auf die Vorteile, und Sie werden als Anbiederer rüberkommen. Wenn Sie sich zu sehr auf Funktionen konzentrieren, riskieren Sie, Benutzer mit geringem Wissen vor den Kopf zu stoßen.

Eine viel bessere Best Practice besteht darin, Funktionen und Vorteile an den Erwartungen und dem Wissensstand der Zielgruppe auszurichten.

Aber lassen Sie uns eine Sekunde zurückgehen: Was genau sind Funktionen und wie unterscheiden sie sich von Vorteilen?

Features sind das Was Ihres Produkts. Sie vermitteln Informationen und sagen den Benutzern, was Ihr Produkt enthält.

Vorteile sind das Warum Ihres Produkts. Sie überzeugen Benutzer, indem sie ein Bild des besseren Lebens (oder gelösten Problems) malen, das sie haben werden, wenn sie bei Ihnen kaufen.

Eine gute Zielseite hat eine gesunde Mischung aus Funktionen und Vorteilen. Sie stellen zuerst die Vorteile vor und listen dann die Funktionen auf, die den Benutzern helfen, die Vorteile zu erkennen.

Wenn Sie beispielsweise einen Laptop verkaufen, können Sie den Benutzern mitteilen, wie Ihr Laptop ihnen helfen wird, schneller zu arbeiten (dh den Nutzen). Um diesen Vorteil zu untermauern, können Sie den schnelleren Prozessor, mehr RAM und besseren Speicher (dh die Funktionen) auflisten.

Apple macht das wunderbar. Auf der Landingpage des MacBook Air beispielsweise wird in der Überschrift der Nutzen („Performance“) genannt, der Text aber von den technischen Features, die diesen Nutzen ermöglichen.

Apples MacBook-Landingpage erwähnt zuerst die Vorteile, dann die Funktionen (Bildnachweis: Apple.com)

Dieses Benefit-Feature-Muster ist gut genug, um es auf den meisten Zielseiten zu verfolgen. Es gibt jedoch zwei Situationen, in denen Sie es möglicherweise ändern möchten:

• Benutzer mit geringem Wissen:  Wenn Sie an ein Publikum verkaufen, das wenig Verständnis für die technischen Spezifikationen eines Produkts hat (z. B. Anfänger) oder die Produktmerkmale nicht zu unterscheiden sind (z. B. Möbel), ist es besser, die Vorteile hervorzuheben.
• Erfahrene Benutzer :  Konzentrieren Sie sich beim Verkauf an erfahrene Benutzer (wie Geeks oder Bastler) mehr auf die Funktionen als auf die Vorteile. Erfahrene Benutzer verstehen bereits die Vorteile; sie wollen einfach bessere, schnellere Versionen ihrer bestehenden Produkte.

Betrachten Sie diese Zielseite für einen fortschrittlichen MIDI-Controller von Nektar.

Da es sich an Profis richtet, verwendet die Landingpage-Kopie jede Menge Fachjargon – VST/AU-Kompatibilität, MPC, DAW – das wäre für Anfänger reines Kauderwelsch. Aber für Profis sind diese Funktionen ein wichtiges Verkaufsargument.

Konzentrieren Sie sich beim Verkauf an Experten, die den Jargon verstehen, auf Funktionen (Bildnachweis: NektarTech.com)

3. Verwenden Sie „Macht“-Wörter

Hier ist der einleitende Absatz auf Apples Mac Pro Landingpage. Ich habe ein paar Wörter als Referenz hervorgehoben:

Die Verwendung einer kraftvollen, visuell ansprechenden Sprache ist eine bewährte Copywriting-Taktik (Bildnachweis: Apple.com)

Beachten Sie, wie viele Adjektive Apple in diesem einen Absatz des Textes verwendet. Wenn Sie die Seite durchgehen, werden Sie tatsächlich Dutzende von Wörtern wie „am besten“, „extrem“, „brillant“ usw. finden.

Beim Copywriting sind dies „Macht“-Wörter. Worte, die Ihre Aufmerksamkeit erregen und Sie bestimmte Emotionen empfinden lassen (normalerweise Ehrfurcht und Freude). Sie erheben die einfache Kopie zu etwas, das Sie auf emotionaler Ebene berührt.

Texter der alten Schule waren Meister im Umgang mit diesen Machtwörtern. Sehen Sie sich Texte von David Ogilvy oder Leo Burnett an und Sie werden Tonnen dieser Wörter finden, wie im folgenden Beispiel:

Diese Anzeige, geschrieben von David Ogilvy, hat eine Fülle von optisch ansprechenden Power-Words (Bildquelle: RandallReilly.com)

SmartBlogger.com hat eine Liste mit über 600 Machtwörtern. Versuchen Sie, sie in Ihrer Kopie zu verwenden. Achten Sie nur darauf, sie nicht zu überbeanspruchen; Ihre Kopie sollte nicht so klingen, als wäre sie durch einen Thesaurus gewrungen worden.

4. Ängste, Unsicherheiten und Zweifel (FUDs) ansprechen

Sie haben eine schöne Seite entworfen, Dutzende von Schlagzeilen mit hoher Konversion getestet und absolut perfekte Texte geschrieben. Ihre Kunden stehen kurz vor dem Kauf, zögern aber. Was ist, wenn ihnen das Produkt nicht gefällt? Nimmst du es zurück? Wie lange garantieren Sie das Produkt?

Fragen wie diese repräsentieren die Ängste, Unsicherheiten und Zweifel (FUDs) Ihrer Kunden. Dies ist die Art von Dingen, die Ihre Kunden davon abhält, Ihre Produkte zu kaufen (oder schlimmer noch, zu einem Konkurrenten zu gehen).

Einige häufige FUDs beim Online-Kauf sind:

• Produktqualität
• Vertrauenswürdigkeit und Legitimität des Unternehmens
• Rückgabe und Umtausch
• Sicherheit von Zahlungsinformationen
• Sicherheit personenbezogener Daten

Das direkte Ansprechen dieser FUDs ist eine großartige Möglichkeit, die Konversionsnadel zu bewegen.

Um beispielsweise Kundenbedenken bezüglich Rücksendungen auszuräumen, können Sie eine 60-tägige Geld-zurück-Garantie anbieten, bei der keine Fragen gestellt werden. Um Kunden zu zeigen, dass Sie seriös sind, können Sie Erfahrungsberichte und Rezensionen von anderen Kunden teilen.

Versuchen Sie, einen FAQ-Bereich einzufügen, der direkt alle Fragen beantwortet, die ein Kunde zu Ihrem Produkt oder Unternehmen haben könnte. Sie können darüber sogar augenzwinkernd sein, wie in diesem Beispiel:

Sprechen Sie die Ängste und Zweifel Ihrer Kunden direkt mit einer FAQ an (Bildnachweis: Fomo.com)

5. Verstecken Sie keine wichtigen Informationen (z. B. Preise)

Haben Sie schon einmal einen Online-Shop besucht, ein Produkt in Ihren Einkaufswagen gelegt und die Seite auf halbem Weg verlassen, weil der Shop direkt vor dem Bezahlvorgang eine Versandgebühr erhoben hat?

Du bist nicht der Einzige. Die Unfähigkeit, die genauen Endkosten im Voraus zu sehen, bleibt eine der Hauptursachen für den Abbruch des Einkaufswagens.

Kunden brechen ihre Warenkörbe oft ab, wenn sie die endgültigen Kosten nicht im Voraus sehen können (Bildnachweis: Barilliance.com)

Auch wenn es auf Shopping-Seiten beschränkt ist, hebt dieses Phänomen einen wichtigen Aspekt des Nutzerverhaltens hervor: Menschen lassen sich nicht gerne überraschen. Vor allem, wenn die Überraschung so unangenehm ist wie zusätzliche Kosten und Versandkosten.

Stellen Sie auf Ihren Zielseiten sicher, dass alle geschäftskritischen Informationen im Voraus sichtbar sind. Verstauen Sie keine unangenehmen Konditionen und Zusatzpreise unten auf der Seite. Solche UX Dark Patterns sind nicht nur unethisch, sondern können auch illegal sein.

Einige wichtige Informationen, die den Benutzern klar sein sollten, sind:

• Preise, einschließlich Add-Ons, Gebühren und anderer Zusatzkosten
• Versandkosten und Beschränkungen
• Speicherung und Verwendung personenbezogener Daten (wenn Sie Benutzern Newsletter senden möchten, teilen Sie ihnen dies im Voraus mit)
• Produktnutzungsbedingungen
• Verbundene Produkte, Unternehmen und Links

6. Verwenden Sie die Informationshierarchie in Ihrer Kopie

Wir haben über Schlagzeilen und Vorteile und geschäftskritische Informationen gesprochen.

Aber wie genau organisieren Sie all diese Kopien auf Ihrer Seite?

Einige Teile sind natürlich offensichtlich – Überschriften stehen oben auf der Seite. Bei anderen hingegen ist es nicht immer eindeutig. Sollten Sie zuerst über die Geschwindigkeit Ihres Produkts oder über seine supergünstigen Preise sprechen? Wann sollten Sie die Geschichte Ihres Unternehmens und Produktbewertungen erwähnen?

Eine Möglichkeit, Struktur in dieses Durcheinander zu bringen, besteht darin, einer Informationshierarchie zu folgen.

Diese Hierarchie sieht grob wie folgt aus: Was > Wie > Warum > Wer > Was als nächstes?.

• Überschrift:  Beginnen Sie die Seite mit einer Überschrift, die der Verkehrsquelle und ihren Erwartungen entspricht (siehe Best Practice Nr. 2 für die Zielseite oben).
• Was ist es?  Sagen Sie den Lesern, was Sie ihnen verkaufen. Bei einem neuartigen Produkt müssen Sie erheblich in die Erklärung der Funktionsweise und des Zwecks des Produkts investieren.
• Wie funktioniert es?  Zeigen Sie den Lesern, wie das Produkt funktioniert oder wie es Ihre behaupteten Ergebnisse liefert.
• Warum kaufen?  Hier gehen Sie ausführlich auf die behaupteten Vorteile des Produkts ein.
• Warum glauben Sie uns?  Verstärken Sie die Vorteile weiter, indem Sie soziale Beweise, Testimonials usw. anbieten.
• Wer wir sind:  Fügen Sie eine kurze Notiz bei, wer Sie sind, Ihre Geschichte und was Sie dazu qualifiziert, die Vorteile/Ergebnisse zu liefern, die Sie zuvor versprochen haben.
• Was nun?  Sagen Sie den Lesern, was sie als Nächstes tun sollen (beinhaltet normalerweise einen CTA)

Sie müssen dieser Hierarchie natürlich nicht jedes Mal folgen, aber es ist ein guter Plan, dem Sie folgen können. Sie können bei Bedarf Abschnitte hinzufügen/entfernen, aber stellen Sie sicher, dass Sie eine Überschrift und die Was/Warum-Abschnitte einfügen.

7. Verbessern Sie die Lesbarkeit Ihres Textes

Die Lesbarkeit – wie einfach es ist, Ihre Zielseite zu durchsuchen – ist eine Funktion des Seitendesigns. Aber auch eine gute Textformatierung kann helfen. Einfache Best Practices für Zielseiten wie die Verwendung von Aufzählungszeichen und großzügige Zeilenumbrüche können die Lesbarkeit Ihrer Seite erheblich verbessern.

Einige Taktiken, die Sie anwenden können, um die Lesbarkeit Ihrer Kopie zu verbessern, sind:

• Verwenden Sie kurze Sätze
• Beschränken Sie jeden Absatz auf höchstens 2-3 Sätze
• Verwenden Sie Stichpunkte
• Verwenden Sie Unterüberschriften
• Schlüsselwörter, Unterüberschriften und wichtige Sätze fett/kursiv darstellen

Da geht es um die Formatierung. Sie können Ihren Text aber auch besser lesbar machen, indem Sie Ihren Schreibstil ändern. Im Allgemeinen ist eine gesprächigere Kopie leichter zu verstehen und zu befolgen.

Übernehmen Sie Taktiken wie:

• Sprechen Sie den Leser direkt an, dh schreiben Sie in der zweiten Person („Sie“)
• Verwenden Sie weniger und einfachere Wörter. Eine Zielseite ist nicht der Ort, an dem Sie Ihr Vokabular präsentieren können.
• Streben Sie einen Schreibstil von 5 bis 7 an (überprüfen Sie hier Ihre Schreibnote).
• Verwenden Sie eine „visuelle“ Sprache, dh Wörter, die den Leser dazu bringen, ein bestimmtes Bild mit Ihrem Text zu assoziieren. „Schnell“ ist schön, aber „Schnell wie Usain Bolt“ hilft den Lesern, sich die Geschwindigkeit vorzustellen.
• Formulieren Sie Zeit und Geld in leicht verständlichen Begriffen. Wenn etwas beispielsweise 2 Dollar kostet, können Sie sagen, dass es „weniger als Ihr Morgenkaffee“ kostet.

Diese Seite übersetzt beispielsweise die Kosten des Dienstes in leicht verständliche Begriffe:

Wandeln Sie komplexe Ideen in leicht verständliche Metaphern um, um die Lesbarkeit Ihres Textes zu verbessern (Bildnachweis: Picagroup.com.au)

8. Überschrift mit Traffic-Quelle abgleichen

Was Benutzer auf einer Zielseite sehen möchten, hängt davon ab, was sie getan haben, bevor sie auf der Seite gelandet sind.

Das heißt, alle Benutzer kommen mit einigen vorab eingebetteten Informationen auf Ihre Seite, und diese Informationen hängen vollständig von ihrem vorherigen Verhalten ab.

Ein Nutzer, der Ihre Zielseite gefunden hat, während er durch Instagram-Feeds von in NYC ansässigen Kreativagenturen gescrollt hat, hat andere Erwartungen als einer, der bei Google nach „NYC-Kreativagenturen“ sucht.

Denken Sie in diesem Rahmen an die Überschrift, die Hälfte eines zweiteiligen Puzzles. Die andere Hälfte besteht aus den Erwartungen und Verhaltensweisen, die der Benutzer von dem übernimmt, was er getan hat, bevor er auf Ihrer Seite gelandet ist.

Wenn diese beiden Hälften übereinstimmen, fühlt sich der Übergang für den Benutzer nahtlos an und führt zu besseren Conversions.

Beispielsweise sucht ein Nutzer bei Google nach „Produktivitätssoftware für Content-Vermarkter“. Er findet Ihre Zielseite gefüllt mit Informationen, die für Content-Vermarkter relevant sind.

Aber wenn Sie genau dieselbe Seite Benutzern zeigen, die nach „Produktivitätssoftware für Studenten“ suchen, verwirren Sie sie am Ende nur. Es besteht kein Zusammenhang zwischen ihrem Pre-Click-Verhalten und der Zielseite selbst.

Wenn Sie Ihre Landing Page kopieren und gestalten, gehen Sie immer einen Schritt zurück. Frag dich selbst:

• Was ist die Quelle dieses Verkehrs? Wie wirkt sich dies auf ihre Erwartungen an die Zielseite aus?
• Was wollte der Nutzer erreichen, bevor er auf Ihrer Seite landete?
• Fällt der Benutzer in eine bestimmte demografische oder psychografische Kategorie? Mit welchen Text- oder Gestaltungselementen können Sie diese Kategorie hervorheben?

Das oben Gesagte kann mit etwas erreicht werden, das als „dynamischer Text“-Ersatz bezeichnet wird. Nicht alle Landing Page Builder bieten diese Funktion an, aber Unbounce und Instapage schon.

Best Practices für mobile Zielseiten

Ich muss keinen Haufen Statistiken vorführen, um die Bedeutung des mobilen Designs für Zielseiten zu beweisen.

Sie können es selbst sehen – die Leute kleben überall an ihren Bildschirmen, immer mehr Unternehmen werden „mobile-first“ und sogar Google führt die „mobile-first“-Indexierung ein.

Es ist klar, dass die Zukunft der Computerinteraktionen mobil ist. Es liegt also nahe, dass gutes mobiles Design eine Ihrer obersten Prioritäten sein muss.

Glücklicherweise unterscheidet sich ein gutes mobiles Landingpage-Design nicht wesentlich von Desktop-Seiten. Wie wir weiter unten sehen werden, können Sie Ihre Landing Pages mit ein paar grundlegenden Designprinzipien ganz einfach für Mobilgeräte optimieren.

1. Seitengröße reduzieren

Ihre Zielseiten so klein wie möglich zu halten (in der Dateigröße, nicht in der Länge), sollte eine Priorität sein, unabhängig davon, wen Sie ansprechen.

Aber die Seitengröße wird für mobile Benutzer viel wichtiger. Selbst mit dem Aufkommen von 4G (und jetzt 5G) nutzt eine große Anzahl von Benutzern – insbesondere in Entwicklungsländern – 3G.

Und selbst wenn 4G verfügbar ist, ist es wesentlich langsamer als Breitband. Das am besten bewertete Verizon 4G-Netzwerk in den USA hat beispielsweise eine Geschwindigkeit von 20,9 Mbit / s. Dasselbe gilt für das am besten bewertete Breitbandnetz in den USA mit fast 70 Mbit/s – mehr als dreimal so schnell.

Wie die Daten von Google zeigen, steigt die Wahrscheinlichkeit eines Absprungs um 106 %, wenn die Ladezeit einer mobilen Zielseite von 1 auf 6 Sekunden ansteigt.

Kleinere Seiten werden schneller geladen und verringern die Absprungrate (Bildnachweis: ThinkWithGoogle.com)

Da Sie es fast immer mit weniger als Breitbandgeschwindigkeiten zu tun haben, müssen Sie Ihr Bestes tun, um die Größe der Auslagerungsdatei so gering wie möglich zu halten.

Hier sind einige Möglichkeiten, dies zu erreichen:

• Beginnen Sie mit dem Benchmarking Ihrer aktuellen Geschwindigkeit, indem Sie das Seitengeschwindigkeitstool von Google verwenden.
• Alle Bilder komprimieren. Entfernen Sie nach Möglichkeit Bilder oder verwenden Sie einfachere Grafiken (z. B. eine SVG-Liniendarstellung anstelle eines Fotos).
• Reduzieren Sie die Anzahl der Anfragen, indem Sie benutzerdefinierte Schriftarten entfernen und JavaScript- und CSS-Dateien kombinieren.
• Verschieben Sie unnötige CSS- und JavaScript-Dateien an das Ende der Seite, damit sie das Laden der Seite nicht verlangsamen.
• Verwenden Sie schneller ladende Elemente und Bilder in Ihrem Bereich „above the fold“.

2. Vereinfachen Sie das mobile visuelle Erlebnis

Die mobile Benutzererfahrung ist durch Einschränkungen gekennzeichnet, insbesondere in Bezug auf Geschwindigkeit, Bildschirmgröße und Benutzerinteraktionen (Sie können auf Mobilgeräten nicht so einfach tippen wie auf Desktops).

Von diesen ist es entscheidend, innerhalb der Grenzen zu arbeiten, die durch winzige mobile Bildschirme auferlegt werden, um die Conversions zu steigern. Wenn Sie Ihre Desktop-Seiten einfach auf Mobilgeräte übertragen, stellen Sie möglicherweise fest, dass 30-40 % Ihrer Bildschirmfläche von nutzlosen Elementen (wie der Navigation) belegt werden.

Die Lösung besteht darin, das mobile visuelle Erlebnis so weit wie möglich zu vereinfachen.

Einige Taktiken, die Sie anwenden können, sind:

• Entfernen oder vereinfachen Sie die Navigation. Verwenden Sie anstelle eines Dropdown-Menüs ein Hamburger-Menü
• Reduzieren Sie „visuelles Aufblähen“, insbesondere in kritischen Bereichen (z. B. „above the fold“ und CTAs). Benutzer sollten sich nicht damit abmühen müssen, Ihre Schlagzeilen aus den Hintergrundbildern oder den CTA aus den Verkaufstexten herauszufinden.
• Designelemente zum Antippen, nicht zum Klicken. Verwenden Sie größere Schaltflächen und ändern Sie Auswahlelemente in Formularen, die auf Mobilgeräten verwendet werden sollen (z. B. eine scrollende Datumsauswahloption anstelle eines Kalenders – dazu später mehr).
• Entfernen oder vereinfachen Sie Elemente, die auf Mobilgeräten schwer zu verwenden sind. Beispielsweise sind Tabellen und Tab-/Akkordeon-Anzeigen auf Mobiltelefonen schwierig anzuzeigen. Ersetzen Sie sie stattdessen durch einfachen Text.

Zum Beispiel verwendet Country Chic große Überschriften, klare Texte und einen Stick-CTA in der oberen Leiste, um Benutzer zu konvertieren.

Große Schaltflächen und Überschriften machen diese Zielseite leicht lesbar (Bildnachweis: Unbounce.com)

3. Optimieren Sie Conversion-Elemente für mobile Benutzer

Die „Conversion-Elemente“ auf jeder Seite sind die Elemente, mit denen die Leute interagieren sollen – Formulare, Opt-Ins und CTAs.

Diese für mobile Bildschirme zu optimieren, ist eine der wichtigsten Best Practices für Zielseiten.

Bei der Optimierung dieser Conversion-Elemente sind zwei Dinge zu beachten:

• Design:  Ändern Sie das Design, um es an die Einschränkungen und Erwartungen mobiler Benutzer anzupassen. Manchmal bedeutet dies das Entfernen von Elementen (z. B. Felder in einem Formular) und manchmal das Ändern des Aussehens eines Elements (z. B. die Größe eines CTA).
• Relevanz:  Ändern Sie CTAs und Formulare, um nach Informationen zu fragen, die für mobile Benutzer relevant sind. Anstatt Ihnen beispielsweise eine E-Mail zu senden, könnten Sie Benutzer bitten, Sie in einem CTA anzurufen.

Ein großartiges Beispiel für mobiles Konversionsdesign sind mobile Formulare, insbesondere die Datumsauswahl.

Auf Desktops funktioniert das vertraute Kalenderdesign gut, aber auf Mobilgeräten ist die kleine Größe zu unhandlich. Aus diesem Grund verwenden viele der besten Konvertierungsformulare Scrollrad-Selektoren (mehr dazu weiter unten).

Hier ist ein weiteres Beispiel für ein mobilfreundliches CTA-Design von Paypal. Beachten Sie, wie große, antippbare „+“-Schaltflächen kleinere, anklickbare Elemente ersetzen.

Paypal ersetzt Textschaltflächen durch große, antippbare Symbole auf seinen mobilen Zielseiten (Bildnachweis: Paypal.com)

In ähnlicher Weise verwendet diese Zielseite eine Click-to-Call-Schaltfläche für mobile Benutzer. Telefonieren ist auf Mobilgeräten weitaus relevanter (und einfacher) als auf Desktops.

Das Ersetzen von „Click-to-E-Mail“ durch „Click-to-Call“ auf mobilen Seiten nutzt die einzigartigen Möglichkeiten der Smartphone-Plattform (Bildnachweis: Pinterest.com)

CTA-Design

Der CTA ist wohl der gesamte Zweck jeder Zielseite. Darauf sollen die Leute klicken. Alles andere ist Rauschen.

Die Perfektionierung des CTA hat offensichtliche Vorteile auf jeder Zielseite. Eine Erhöhung der CTR von 1 % auf 2 % kann sich später auf Ihre Verkäufe auswirken.

Sehen wir uns unten einige Best Practices für Landing Pages für das CTA-Design an.

1. Verwenden Sie kontrastierende Farben

Einer der schlimmsten Landingpage-Fehler, den Sie machen können, besteht darin, den CTA in den Rest des Designs einzufügen. Wenn die Leute den CTA nicht einmal sehen können, wie sollen sie dann darauf klicken?

Der einfachste Weg, die Aufmerksamkeit auf den CTA zu lenken, ist die Verwendung von Kontrastfarben. Wenn Ihre gesamte Zielseite blau ist, wird ein leuchtend orangefarbener CTA sicherlich auffallen.

Wie dieses Formular von WishPond:

Der orangefarbene Button hebt sich vom blauen Hintergrund ab (Bildnachweis: WishPond.com)

Eine gute Möglichkeit, kontrastierende Farben zu finden, ist die Verwendung des Farbkreises. Farben am gegenüberliegenden Ende dieses Rades (z. B. Blau-Orange) neigen dazu, sich recht gut zu kontrastieren.

Verwenden Sie das Farbrad, um Komplementärfarben zu finden, die auf der Seite hervorstechen (Bildnachweis: Lifehacker.com)

Beachten Sie, dass es für CTAs keine „am besten konvertierende“ Farbe gibt. Vielmehr hängt alles vom Inhalt der Seite selbst ab. Ein roter CTA kann basierend auf den Farben und dem Design der Seite besser abschneiden als ein grüner (und umgekehrt).

2. Konzentrieren Sie sich auf den Wert, nicht auf die Aktion in der CTA-Kopie

Es ist sinnvoll, handlungsorientierte Texte in Ihrem CTA zu verwenden. Schließlich ist ein CTA ein Call-to-  Action .

Aber das stimmt nicht immer. Verwendung von Aktionswörtern wie „Click“, „Go“, „Start“ usw. möglicherweise besser als die Verwendung mehrdeutiger Bezeichnungen (z. B. „Weiter“ oder „Fortfahren“). Sie unterbieten jedoch das Versprechen der Zielseite selbst.

Die Lösung? Verwenden Sie wertorientierte Texte.

Bei diesem Ansatz würde Ihre Kopie Wörter verwenden, die den Wert betonen, den Benutzer von Ihrem Produkt oder Angebot erhalten. Anstelle von „Weitere Informationen“ können Sie „Grow Your Business“ verwenden. Oder statt „Klicken Sie hier“ können Sie „Ja, meinen Traffic erhöhen!“ verwenden.

Die Idee ist, Ihren Hauptnutzen oder -wert im CTA zu verstärken. Aktionsorientierte Texte sagen Ihnen, was zu tun ist, aber wertorientierte Texte sagen Ihnen, warum es wichtig ist.

Dieser CTA konzentriert sich beispielsweise darauf, Benutzern dabei zu helfen, „Conversion-Meister“ zu werden:

Dieser CTA verwendet wertorientierte Texte, um die Vorteile des Angebots hervorzuheben (Bildnachweis: WishPond.com)

3. Heben Sie den CTA hervor

Wie ich bereits erwähnt habe, sollte Ihr Ziel sein, den CTA auf der Seite hervorzuheben.

Die Verwendung von Kontrastfarben ist eine Möglichkeit, aber es gibt auch andere Methoden.

Eine gängige Taktik besteht darin, einen Rahmen um die CTA-Schaltfläche hinzuzufügen. Dies akzentuiert die Kontrastfarbe und zieht den Blick des Lesers auf sich. Es ist auch eine großartige Möglichkeit, einen CTA von anderen Schaltflächen auf der Seite hervorzuheben.

Eine weitere Taktik besteht darin, dem CTA-Button Elemente wie Symbole oder Beschriftungen hinzuzufügen. Auf dieser Seite unterstreicht beispielsweise ein kleines Flugzeug-Icon nicht nur den Reise-Aspekt des CTA, sondern lenkt auch die Aufmerksamkeit auf den Text.

Ein subtiles Symbol kann dazu beitragen, dass Ihr CTA auf der Seite hervorsticht (Bildnachweis: HipMunk.com)

Wem das nicht reicht, der kann mit Designelementen wie Pfeilen direkt auf den CTA verweisen. Hier ist ein Beispiel:

Verwenden Sie einen Pfeil, um die Aufmerksamkeit direkt auf den CTA zu lenken (Bildnachweis: ConversionXL.com)

4. Experimentieren Sie mit CTA-Größe und -Position

Das Gesetz von Fitt im Interaktionsdesign besagt, dass die Zeit, die benötigt wird, um sich zu einem Ziel (z. B. einem CTA) zu bewegen, ein Verhältnis der Entfernung (vom Cursor) zum Ziel und der Breite des Ziels ist.

Mit anderen Worten, wie „klickbar“ ein CTA ist, hängt a) von seiner Größe und b) davon ab, wie weit er vom Cursor entfernt ist.

Ein größerer CTA wird somit „anklickbarer“, da er mehr Platz auf dem Bildschirm einnimmt. Es ist einfacher, den Cursor auf einen CTA zu bewegen, der 500 Pixel breit ist, als auf einen, der nur 50 Pixel breit ist.

Das bedeutet nicht, dass Sie gigantische CTAs erstellen sollten – das ist einfach zu offensichtlich (und ganz zu schweigen davon, hässlich). Vielmehr sollten Sie CTAs größer als die umgebenden Elemente machen.

Was die Position betrifft, sollte Ihr Ziel darin bestehen, den CTA in der Nähe der standardmäßigen Ruheposition des Cursors zu halten.

Für die meisten Leute ist dies ungefähr in der Mitte der Seite. Aus diesem Grund werden Sie feststellen, dass CTAs oft in der Nähe der Mitte (insbesondere auf Mobilgeräten) und oberhalb der Falte platziert werden.

Das beste Beispiel stammt von Google selbst. Die Cursorposition (dh das Textfeld) befindet sich direkt über dem CTA, was das Klicken erleichtert.

Die Schaltflächen von Google befinden sich direkt in der Mitte der Seite, wodurch sie leichter zu erreichen sind (Bildnachweis: Google.com)

5. Unterstützen Sie den CTA mit zusätzlichen Texten

Die CTA-Kopie ist eine Übung in Kürze. Sofern Sie keine bildschirmweite Schaltfläche haben (eine schreckliche Idee), müssen Sie Ihre Kopie auf höchstens 5-6 Wörter beschränken.

Was aber, wenn Sie anbieten möchten, den Wert im CTA zu untermauern?

Ganz einfach: Fügen Sie eine unterstützende Kopie hinzu, entweder als Teil des CTA oder zusätzlich zum CTA.

Hier ist ein Beispiel aus dem Sumo. Dem CTA folgt unmittelbar ein Social Proof, der die Popularität des Tools bestätigt. Dies ist eine clevere Möglichkeit, Ihren CTA weiter aufzuwerten, ohne ihn aufzublähen.

Zusätzliche Kopie nach dem CTA unterstreicht den Wert des CTA (Bildnachweis: Sumo.com)

6. Verwenden Sie einen scrollenden CTA auf mobilen Bildschirmen

Damit ein CTA Klicks anzieht, muss er im Bildschirmbereich des Nutzers sichtbar sein. Aus diesem Grund ist es üblich, einen CTA „above the fold“ hinzuzufügen.

Auf mobilen Bildschirmen arbeiten Sie jedoch mit begrenzter Bildschirmfläche. Sobald Benutzer über den anfänglichen Ansichtsbereich hinausscrollen, müssen sie erheblich scrollen, um auf den CTA zu klicken. Schlimmer noch, da sie den CTA nicht ohne weiteres sehen können, werden sie ihn wahrscheinlich ganz vergessen.

Lösen Sie dieses Problem, indem Sie einen Sticky-Scrolling-CTA hinzufügen. Diese Schaltfläche bewegt sich zusammen mit dem Bildschirm und ist permanent sichtbar.

Beispielsweise bleiben die CTAs auf der Trello-Startseite „klebrig“, selbst wenn Sie die Seite nach unten scrollen.

Trello verwendet „klebrige“ CTAs, damit sie leichter angeklickt werden können (Bildnachweis: Trello.com)

Versuchen Sie, diesen scrollenden CTA klein zu halten, insbesondere wenn Sie ein anderes klebriges Element haben (z. B. ein Menü oder häufiger eine Cookie-Zustimmungsschaltfläche). Andernfalls riskieren Sie, den Bildschirm zu sehr zu überfüllen und die Benutzer zu verärgern.

Erwägen Sie auch, diesen scrollenden CTA auf älteren Handys mit kleineren Bildschirmen zu entfernen.

Best Practices für das Formulardesign

Wenn der CTA das wichtigste Element auf einer Seite ist, steht das Formular nicht weit dahinter. Schließlich sammeln Sie hier Ihre Daten – der Grund für Ihre Landingpage.

Wie viel Aufwand Sie in Ihre Formulare stecken, hängt davon ab, welche Art von Daten Sie den Benutzern abfragen.

Wenn Sie nur ihre E-Mail-Adresse möchten, können Sie diesen Abschnitt vollständig ignorieren. Aber wenn Sie wichtigere Daten herauspressen möchten – Telefonnummern, Firmen-E-Mails, Budgets usw. – Sie müssen in das Design Ihres Zielseitenformulars investieren.

Sehen wir uns unten einige Best Practices für Zielseiten für Formulare an.

1. Lindern Sie den Schmerz

Stellen Sie sich vor, Sie landen auf einer Seite für ein eBook und werden zum Lesen nach Ihrer Kreditkartennummer gefragt (auch wenn das eBook selbst kostenlos ist).

Sie würden natürlich die Zurück-Taste drücken.

Menschen sehen nicht alle ihre persönlichen Informationen gleichermaßen. Das Teilen eines Vornamens ist mit weniger „Schmerzen“ verbunden als das Teilen von Kreditkarteninformationen oder der Privatadresse.

Wenn Sie zuerst nach weniger schmerzhaften Daten fragen, können Sie die Leute dazu ermutigen, mehr Formulare auszufüllen. Wenn sie bereits zwei einfache Datenpunkte (z. B. Vor- und Nachname) geteilt haben, können sie auch einen schwierigeren (z. B. E-Mail) teilen.

(Tatsächlich wird dies als Prinzip der Konsistenz im UX-Design bezeichnet.)

Sie können ihren Fortschritt beim Ausfüllen von Formularen sogar visuell veranschaulichen, wie in diesem Beispiel von VentureHarbour:

Ein mehrstufiges Formular kann einfacher zu verwenden sein (Bildnachweis: VentureHarbour.com)

2. Vereinfachen Sie Ihr Zielseitenformular

Müssen Sie Benutzer wirklich nach ihrer Privatadresse, Postleitzahl, geschäftlichen E-Mail-Adresse und Unternehmensposition fragen?

In den meisten Fällen wird die Antwort „nein“ sein. Sobald Sie eine E-Mail-Adresse oder Telefonnummer gesammelt haben, können Sie andere Möglichkeiten finden, diese zusätzlichen Informationen zu sammeln (z. B. durch E-Mail-Pflegekampagnen).

Reduzieren Sie Ihre Formulare auf das Nötigste. Entfernen Sie alle Felder, die nicht unbedingt erforderlich sind. Fragen Sie nur nach Informationen, mit denen Sie Leads erneut kontaktieren können (z. B. E-Mail-Adresse oder Telefonnummern).

3. Verwenden Sie für Mobilgeräte optimierte Formular-UI-Elemente

Immer mehr Ihrer Benutzer greifen mit ihren Handys auf Ihre Zielseiten zu. Eine Studie schätzt, dass 58 % des gesamten Traffics im Jahr 2018 von Mobiltelefonen stammte.

Ihre mobilen Benutzer sind durch die Größe ihrer Bildschirme und die Qualität ihrer Tastaturen eingeschränkt. Sie zu bitten, dieselben Formularelemente wie Ihre Desktop-Benutzer zu verwenden, ist ein Rezept für schlechte Conversions.

Nehmen Sie als Beispiel die Datumsauswahl. Auf einem Desktop-Formular verwenden Sie höchstwahrscheinlich einen Kalender. Dies ist ein Format, mit dem die meisten von uns intuitiv vertraut sind.

Aber auf Mobiltelefonen wird es schwierig, denselben Kalender zu verwenden. Die geringe Größe einzelner Daten macht es schwierig, sie zu erschließen.

Aus diesem Grund verwenden die leistungsstärksten mobilen Formulare die mobilfreundlichere scrollende Datumsauswahl, die am häufigsten in iOS verwendet wird.

Scrollende Datumsauswahlen sind einfacher zu verwenden als Kalender auf mobilen Bildschirmen (Bildnachweis: Apple)

Dieses Prinzip erstreckt sich auf alle UI-Elemente, die Sie in mobilen Formularen verwenden. Von Schaltflächen bis hin zu Dropdown-Menüs sollte alles für das Antippen und nicht für das Klicken ausgelegt sein.

Beispielsweise sind Dropdown-Menüs auf mobilen Bildschirmen schwierig zu verwenden. Eine bessere Alternative besteht darin, sie in kleine, aber tippbare Schaltflächen zu komprimieren.

Ersetzen Sie schwer zu verwendende Dropdown-Menüs durch antippbare Schaltflächen auf mobilen Seiten (Bildnachweis: Medium.com)

Glossar der Begriffe

In diesem Artikel wurde viel Fachjargon verwendet. Hier ist ein kurzes Glossar mit wichtigen Begriffen zur Zielseitenoptimierung, die Sie kennen sollten:

• CTR (Click Through Rate):  Das Verhältnis von Klicks zu Besuchern einer Zielseite, ausgedrückt in Prozent. Eine CTR von 1 % bedeutet, dass von 100 Besuchern eine Person auf ein Zielelement (z. B. einen CTA) klickt.
• CTA (Call to Action):  Der primäre Aktionspunkt auf einer Zielseite – worauf sollen die Benutzer klicken. CTAs sind normalerweise Schaltflächen, können aber auch Textlinks und sogar Telefonnummern sein.
• CRO (Conversion Rate Optimization):  Der Bereich des Marketings, der sich auf die Verbesserung der Conversion-Raten von Marketingmaterialien wie einer Zielseite konzentriert.
• Zielseite:  Die Seite, auf der ein Besucher von einer externen Verkehrsquelle landet. Während technisch gesehen jede Seite eine Zielseite sein kann, wird der Begriff normalerweise für eine dedizierte Seite verwendet, die verwendet wird, um ein bestimmtes Ziel als Teil einer Marketingkampagne zu erreichen.
• Split-Testing:  Auch als A/B-Testing bezeichnet, ist dies die Praxis, den Datenverkehr auf zwei verschiedene Seiten (Seite A und Seite B) zu leiten, um ihre Effektivität bei der Konversion von Benutzern zu bewerten. Die Seite, die besser konvertiert, kann dann in der eigentlichen Marketingkampagne verwendet werden.
• Absprungrate:  Die Rate, mit der ein Besucher „abspringt“ oder sich von Ihrer Seite entfernt, ohne auf ein Element zu klicken.
• Konversionsrate:  Die Anzahl der Personen, die auf einer Zielseite die gewünschte Aktion ausführen, normalerweise in Prozent ausgedrückt. Eine Conversion Rate von 1 % bedeutet, dass von 100 Personen 1 Person Ihre gewünschte Aktion ausführt. Conversion-Raten hängen von Ihren Conversion-Zielen ab.
• Conversion-Ziel:  Was sollen Nutzer auf einer Landingpage tun? Dieses Ziel kann darin bestehen, auf eine Schaltfläche zum Kaufen zu klicken, eine E-Mail zu senden, eine Hotline-Nummer anzurufen usw.
• KPI (Key Performance Indicator):  Die Metrik(en), die Sie verwenden, um zu bewerten, ob eine Marketingkampagne ihre beabsichtigten Ziele erreicht oder nicht.
• Wertversprechen :  Der Schlüsselwert, den Sie den Benutzern anbieten, um sie zur Konvertierung zu bewegen. Ihr Wertversprechen beantwortet die Frage: Was habe ich davon?
• Knappheitselemente:  Seitenelemente – wie Text, UI oder Design – die ein Gefühl der Knappheit Ihres Angebots erzeugen. Dies kann Personen dazu veranlassen, Maßnahmen zu ergreifen, wenn sie glauben, dass Ihr Angebot nicht lange verfügbar sein wird.
• FUDs (Fears, Uncertainties, and Doubts):  Die wichtigsten Zweifel, die ein Nutzer an Ihrem Angebot, Ihrer Zielseite oder Ihrem Unternehmen haben könnte, die ihn von einer Conversion abhalten können. Diese werden manchmal auch als „Angstelemente“ bezeichnet.

Zu dir hinüber

Welche Landingpage-Optimierungstechniken werden Sie auf Ihrer eigenen Website implementieren?

Diese Liste der Best Practices für Landingpages ist keineswegs vollständig und es gibt zusätzliche Faktoren, die berücksichtigt werden müssen, wie z. B. Käuferpersönlichkeiten (und wie Sie sie in Ihr Landingpage-Design integrieren können).

Aber für die meisten Unternehmen und Vermarkter ist es mehr als genug, diese Landingpage-Tipps zu befolgen, um die Konversionsraten zu steigern.

Wie immer sollte es Ihr Ziel beim Erstellen einer Zielseite sein, weiterhin Variationen zu testen.

Probieren Sie verschiedene Überschriften, Bilder und CTAs aus. Verwenden Sie diese Best Practices für Zielseiten als Karte, aber lassen Sie sich von den tatsächlichen Testergebnissen leiten.