Wie ich gelernt habe, mir keine Sorgen mehr zu machen und die Landing Page zu lieben (und ihre Best Practices)

Sind Ihre Zielseiten Conversion-Maschinen oder Bounce-Rate-Raketen? Ganz gleich, wie wertvoll Ihr Inhaltsangebot ist oder wie gut Ihre Anzeigentexte ausgearbeitet sind, es ist Ihre Zielseite, die sich zwischen Ihnen und neuen Leads befindet. Das bedeutet, dass Ihre Landing Pages, wenn sie nicht für Conversions optimiert sind, im Grunde die Marketing-Dollars Ihres Unternehmens verschwenden. Zielseiten haben viele bewegliche Teile, wie CTAs, Formulare, Inhalte, Grafiken, Ziele und mehr. Wie balancieren Sie also die riesige Maschine einer Zielseite und all die „Best Practices“ aus, die im Internet angepriesen werden?

Aus diesem Grund schreibe ich diesen Blog – damit Sie aufhören können, sich Sorgen zu machen, und die Landingpages lieben (und die Leads, die sie bringen). Ich werde Landing Pages und einige Grundlagen der Benutzerfreundlichkeit behandeln, damit Sie mehr wissen als der durchschnittliche John Doe, und Sie können Ihre Brust aufblähen, zu den Designern gehen und ihnen sagen, dass ihre Landing Pages nicht auf dem neuesten Stand sind.

Hier finden Sie alles, was Sie über Zielseiten wissen müssen: vom Inhalt über Formularschaltflächen bis hin zu Grafiken und mehr.

Holen Sie sich den herunterladbaren Leitfaden zu Best Practices für Zielseiten!

Inhaltsverzeichnis

Zielseiten 101

Was ist eine Landingpage?

Welche Arten von Landingpages gibt es?

Landingpage-Workflow

Die Anatomie einer Landing Page

Landing Page „Best Practices“-Aufschlüsselung

Best Practices für Zielseiteninhalte

Best Practices für Landing-Page-Formulare

Best Practices für Landing-Page-Schaltflächen

Best Practices für Zielseitengrafiken

Zusammenfassung der Best Practices von TL;DR

Zielseiten 101

Was ist eine Landingpage?

In Google Analytics ist eine Zielseite jede Webseite, auf der ein Besucher landet – entweder durch Eingabe der URL oder über einen Link. Im Marketing reservieren wir diesen Begriff jedoch für eine eigenständige Webseite, die eine bestimmte Funktion erfüllt – sei es, Besucher auf eine bestimmte Seite zu leiten, oder eine Seite, die für die Konvertierung optimiert ist.

Welche Arten von Landingpages gibt es?

Es gibt zwei Haupttypen von Zielseiten im Marketing:

• Click-through-Landingpages
• Zielseiten zur Lead-Generierung

Click-Through-Landingpages sind optimierte Webseiten, die Sie zu einem regulären Verkaufstrichter oder Warenkorbfluss (im Fall von E-Commerce-Websites) führen.

Wenn Sie Ihre E-Commerce-Websites für die Konvertierung optimieren möchten, finden Sie hier einige Möglichkeiten, dies zu tun.

Zielseiten zur Lead-Generierung werden verwendet, um Website-Besucherdaten zu erfassen. Im Allgemeinen erfolgt dies im Austausch gegen nützliche eBooks, Leitfäden, Checklisten oder andere wertvolle herunterladbare Inhalte.

Im obigen Beispiel wird das Landingpage-Design für verschiedene Geräte geändert, was gut, aber nicht notwendig ist. Wenn Ihre Landingpage-Designs weniger Seitenelemente und kein Video enthalten, können Sie sich genauso gut für eine responsive Landingpage entscheiden.

[tweet= "Wenn Ihr Landingpage-Design nur wenige Seitenelemente und kein Video enthält, entscheiden Sie sich für ein responsives Seitendesign, anstatt einzigartige Seitendesigns für Geräte zu erstellen."]

Alle Zielseiten der Inhaltsbibliothek von Vendasta sind reaktionsschnell und unterscheiden sich kaum oder gar nicht zwischen mobilen und Desktop-Browsern.

Erstellen Sie Ihre eigene Website von Grund auf für Kunden mit dem Website-Baukasten auf dem Marktplatz von Vendasta!

Landingpage-Workflow

Jeder Landingpage-Typ hat seinen eigenen Workflow dafür, wie der Benutzer von der Anzeigenquelle zur Landingpage wechselt.

Der Workflow einer Click-through-Landingpage sieht folgendermaßen aus:

Suchmaschine → AdWords SERP-Ergebnis → Zielseite

Für eine Landing Page zur Lead-Generierung sieht das so aus:

Blogbeitrag → Bloganzeige (Text oder Bild) → Zielseite

Die Anatomie einer Landing Page

Jede einfache Zielseite hat die gleichen Hauptelemente zum Konvertieren von Leads:

• Dein Logo
• Die Überschrift und die führende Linie
• Der Hauptinhalt, der Feature- und Vorteilspunkte enthalten kann
• Ein klarer, prominenter CTA
• Qualifizierende Inhalte zum Aufbau von Glaubwürdigkeit wie:
  • Marken/Unternehmen, die Ihr Produkt/Ihre Dienstleistung verwenden
  • Referenzen von Kunden mit Firma, Titel, Autorenbild und Zitat
• Fußzeile mit Copyright-Informationen, Nutzungsbedingungen und anderen relevanten Fußnotizen

Landing Page „Best Practices“-Aufschlüsselung

Diese Prinzipien für das Web gelten gleichermaßen für die einfachsten bis hin zu den komplexesten Unternehmens-Webanwendungen. In diesem Abschnitt werden die Best Practices für die Zielseite für die Inhaltsstruktur, Formulare, Schaltflächen und Grafiken erläutert.

Best Practices für Zielseiteninhalte

Inhalte auf Zielseiten, die Leads generieren, sollten sich nicht auf die organische Suchposition konzentrieren, da Sie im Allgemeinen nicht von dort aus Traffic generieren. Menschen landen höchstwahrscheinlich über eine Werbekampagne oder über Links (über einen Blog oder eine E-Mail-Kampagne) auf der Zielseite.

Wenn Ihre Lead-Generierungs-Landingpage auf den SERPs gut abschneidet, dann gut, belassen Sie es dabei, aber der Hauptzweck des Inhalts besteht darin, die Aufmerksamkeit der Seitenbesucher zu gewinnen und sie davon zu überzeugen, eine bestimmte gewünschte Aktion auszuführen. Eine erwünschte Aktion kann so etwas sein wie das Herunterladen von Inhalten wie einem Produktpreisleitfaden, einem Kameradatenblatt, einer Checkliste für soziale Medien oder sogar einem CTA, um den Laden wegen neuer Angebote anzurufen.

Gutes Schreiben von Inhalten ist subjektiv, aber es gibt einen strukturellen Zusammenbruch, um Inhalte zu beurteilen, insbesondere auf der Zielseite oder im Web.

Content-Chunking

Content Chunking ist eine Praxis, bei der lange Inhalte in leicht lesbare, kürzere Absätze aufgeteilt werden. Dies macht Inhalte nicht nur ästhetisch ansprechend, sondern verbessert auch das Verständnis der Inhalte und erhöht dadurch ihre Einprägsamkeit.

Wenn Sie viele Informationen auf Ihren Zielseiten einfügen müssen, unterteilen Sie sie in Absätze und mischen Sie sie mit Aufzählungszeichen und visuellen Elementen. Machen Sie Ihre Informationen für die Leser leicht verdaulich!

Dieser Blogbeitrag ist auch inhaltlich mit Unterüberschriften und Bildmaterial gespickt.

Übersichtlichkeit

Verlassen Sie sich nicht darauf, dass die Leute jedes Wort im Web lesen – sie scannen in Wirklichkeit die Seite nach Informationen und werfen schnell einen Blick auf die Schlüsselwörter und ausgewählten Sätze. Streiten Sie nicht mit mir darüber, ich kann Ihnen einfach Recherchen nach Recherchen darüber zuwerfen, wie Menschen den Inhalt von Webseiten wirklich verarbeiten.

Die Leute lesen nicht, was ein weiterer Grund dafür ist, dass Clickbait-artige Artikel mehr geteilt werden (die Leute überfliegen nur und teilen nur, wenn sie den Beitrag überhaupt öffnen).

Das Lesen von Inhalten auf einem Bildschirm / Display ist nicht dasselbe wie auf Papier (obwohl Leute wie ich damit prahlen, keine physischen Bücher mehr zu kaufen, seit der Kindle und das iPad herausgekommen sind). Es gibt Augenermüdung und über hundert andere Dinge, die versuchen, unsere Aufmerksamkeit im Internet zu erregen. Planen Sie den Inhalt Ihrer Zielseite also so, dass er leicht überfliegen und für faule Leser geeignet ist.

F. Wie machen Sie Inhalte besser überschaubar?
A. Verwenden Sie hervorgehobene oder fettgedruckte Schlüsselwörter, Unterüberschriften, Aufzählungslisten und beschränken Sie Ihre Ideen pro Absatz!

[clickToTweet tweet="Hervorgehobene/fettgedruckte Schlüsselwörter, Unterüberschriften, Aufzählungslisten und eine Idee pro Absatz machen Ihre Inhalte leichter verdaulich!" quote="Hervorgehobene/fettgedruckte Schlüsselwörter, Unterüberschriften, Aufzählungslisten und eine Idee pro Absatz machen Ihren Inhalt leichter verdaulich!"]

Schreibstil der umgekehrten Pyramide

Der Schreibstil der umgekehrten Pyramide ist ein Begriff, der vor allem im Journalismus verwendet wird, um zu veranschaulichen, wie Informationen in Ihren Inhalten weitergegeben und priorisiert werden sollten. In diesem Stil legen Sie die Grundlagen Ihres gesamten Inhaltsstücks im Intro offen und vertiefen sich dann in die wichtigen Details, gefolgt von anderen allgemeinen Informationen und Hintergrundinformationen.

Um Ihnen eine einfache Analogie zu geben, es ist wie ein Anruf bei der Notrufnummer 911. Zuerst würden Sie melden, dass Sie Zeuge eines Raubüberfalls geworden sind, und dann nach und nach die Details des Ereignisses preisgeben.

Dies gilt nicht nur für Zielseiten, sondern für Inhalte im Web im Allgemeinen. Vermarkter hören das nicht gerne, aber die Leute haben nicht die Zeit, jeden Blogbeitrag zu lesen, auf den sie stoßen. Also wählen sie einfach eine aus, die informativ ist, schneller zu überfliegen ist und ihre Frage beantwortet und ihnen Gesprächsstoff liefert. Genau deshalb hat sich der Stil der umgekehrten Pyramide so gut und einfach aus der Welt des Journalismus in die vertraute und ähnliche Welt des Schreibens von Inhalten übertragen.

Ganz gleich, wie wichtig Sie Ihren Inhalt finden, er könnte mit Youtube, Netflix und anderen zeitraubenden Plattformen um die Aufmerksamkeit des Benutzers konkurrieren. Es würde also nicht schaden, die Zusammenfassung am Anfang zu geben, damit sie sehen können, ob die Zielseite oder der Blogbeitrag das ist, worüber sie lesen möchten.

Stimme des Kunden

Die Voice-of-the-Customer-Strategie oder „persona-driven content“-Strategie bezieht sich auf die Verwendung exakt der Wörter und der Sprache, die Ihre Benutzer selbst verwenden. Dadurch stimmen Ihre Inhalte besser mit dem überein, wonach Ihr Publikum sucht, und es wird sich leichter auf die Inhalte beziehen, die Sie ihm präsentieren. Das ist fast ein Kinderspiel, aber es ist ein sehr wichtiger Schritt beim Schreiben von Inhalten, der dabei hilft, Vertrauen aufzubauen und Benutzer schließlich davon zu überzeugen, mit der Zielseite zu interagieren.

Ich lese gerne prägnante Webtexte, die die Sätze zusammenfassen, ohne Polsteransprüche, Flaum, ohne Marktsprache und Ausrufezeichen zu verwenden. Ausrufezeichen sind wie Ihre Reisefotos aus Puerto Rico in meinem Facebook-Feed. Ich werde lächeln, als ob es mich interessiert, aber es ist mir egal. Ich habe andere Dinge, um die ich mich kümmern muss, wie zum Beispiel die Fertigstellung dieses Blogposts. Außerdem sind deine Puerto-Rico-Fotos scheiße, kauf dir eine bessere Kamera!

Stellen Sie sich Kopie als Jab von Conor McGregor vor: genau auf den Punkt und sendet die Nachricht.

Best Practices für Landing-Page-Formulare

Wenn Sie kostenlose Informationen an Ihr Zielpublikum weitergeben, sind Formulare die einzige (nicht-1984-ianische oder nicht-orwellsche Art), um die Benutzerdaten zu erfassen. Gattern Sie Ihre Inhalte, um Leads zu erhalten!

Landingpage-Formulare werden beim Erstellen von Landingpages oft übersehen. Nicht alle Formen sind gleich, was ein sehr klischeehafter Ausdruck ist, aber wahr ist. Je nachdem, welches Layout Sie für Ihre Formulare wählen, können Sie die Lesegeschwindigkeit und die kognitive Belastung Ihrer Website-Besucher beeinflussen.

Tipp: Je weniger kognitive Belastung, desto besser!

Arten von Landing Page-Formularen

Anatomie eines Landing-Page-Formulars

Jedes Zielseitenformular hat einige Schlüsselelemente:

• Formulartitel
• Etiketten
• Platzhaltertext
• Eingabefelder
• Textbereich oder Meldungsfeld
• Konvertierungsschaltflächen/CTA

Formularbezogene Best Practices stammen aus einer Vielzahl von Eye-Tracking-Studien, in denen Forscher Hochfrequenz-/schnelle Kameras verwenden, um die Augen der Webseiten-Besucher zu verfolgen. Wenn Sie die Studien lesen, werden Sie sehen, dass Formulare, die Ihre Augen weniger schweifen lassen, schneller gelesen werden.

Werden Sie nie zu ausgefallen mit dem Design des Formulars. Der Grund dafür ist, dass unser Gehirn Formen und Strukturen schneller erkennt als wir es bewusst tun. Sorgen Sie also dafür, dass die Formularelemente gut verteilt und richtig ausgerichtet sind, aber fügen Sie keine unnötigen Designelemente hinzu, da dies die Benutzer verlangsamt.

Best Practices für Landing-Page-Schaltflächen

Schaltflächen können das Landingpage-Erlebnis für Benutzer verbessern oder beeinträchtigen. Viele Designer/Entwickler, sogar ich selbst, machen uns schuldig, Knöpfe falsch zu machen (sie zu breit, zu kurz usw. zu machen).

Bei einigen Benutzertests, die ich vor einigen Jahren für das Entwerfen einer iOS-App durchgeführt habe, wurde mir klar, wie wichtig die visuelle Gestaltung der Schaltflächen auf Zielseiten, Webseiten und auch in Benutzeroberflächen ist.

An vielen Stellen, an denen zu viele Dinge auf einem Bildschirm angezeigt werden, sehen Schaltflächen einfach wie Grafiken aus und verschwinden auf der Seite. Aus diesem Grund sollten Buttons so aussehen, wie die Leute sie schon einmal gesehen haben.

Das ist vergleichbar mit Waschbeckenhähnen in Hotels, die wie etwas aus HR Gigers Fantasie aussehen. Sie lassen Sie ein wenig mehr nachdenken, um herauszufinden, wie sie funktionieren. Die Leute verlassen dieses Hotel nirgendwohin, aber auf der Webseite gehen sie einfach zurück oder schließen die Registerkarte. Knöpfe bitte nicht neu erfinden.

[clickToTweet tweet="Erfinden Sie die Schaltfläche auf Ihrer Zielseite nicht neu! Je mehr eine Schaltfläche wie eine Schaltfläche aussieht, desto mehr Leute werden klicken." quote="Erfinden Sie den Button auf Ihrer Zielseite nicht neu! Je mehr ein Button wie ein Button aussieht, desto mehr Leute werden klicken."]

Haben-Schaltfläche: Wird klicken

Mein Motto für die Benutzeroberfläche lautet: " Wenn es wie eine Schaltfläche aussieht, wird darauf geklickt. " Lassen Sie also bitte niemals etwas anderes auf dieser Seite wie eine Schaltfläche aussehen. Versuchen Sie, nur eine Schaltfläche oder einen Haupt-Call-To-Action zu haben.
Es kann Fälle geben, in denen Sie sogar drei CTA-Schaltflächen für gleich wichtige und verwandte Aktionen verwenden müssen. Wenn Sie dies tun, freuen Sie sich nicht über die Heatmap- oder Conversion-Rate-Daten auf allen Schaltflächen, die so heiß sind. Ich sage, dass, wenn es eine Schaltfläche gibt, sie angeklickt wird, unabhängig davon, wo sie sich auf der Seite befindet. Und wenn es eine Schaltfläche und zwei Links gäbe, hätten Sie möglicherweise mehr Klicks auf die Schaltfläche gesehen als die anderen beiden zusammen.

F-Muster-Schaltflächenplatzierung

Eye-Tracking-Studien haben gezeigt, dass Menschen Webseiten im F-Pattern scannen. Wenn Sie also Seiten effizient gestalten möchten, platzieren Sie die Schaltfläche an diesen Stellen. Aus diesem Grund verwenden wir Formulare oben rechts und unten links auf unseren Seiten. Dies ist ein sehr häufiges Muster, das wir bei Amazon, GAP oder Apple.com sehen.

Sehen Sie sich selbst die Tracking-Studien an, um besser zu verstehen, wie man Inhalte schreibt und CTAs platziert, die konvertieren!

Die Kopie des Call-to-Action sollte mühelos sein. Sagen Sie einfach, was der Besucher bekommt, wenn er auf den Button drückt. Je weniger der Benutzer sein Gehirn verwenden muss, um herauszufinden, was der CTA ihm sagt, desto besser.

Best Practices für Zielseitengrafiken

Grafiken sind nur bis zu dem Punkt wichtig, dass sich die Leute daran erinnern, dass die von ihnen besuchte Website ein Foto eines Propellerflugzeugs oder einer Boeing 777 hatte. Je einfacher das Bild, desto besser ist es, die Botschaft zu vermitteln. Mit einfacher meine ich, dass das Motiv des Fotos vom Hintergrund isoliert und klar im Fokus sein sollte.

Best Practices mit Grafiken werden besser gezeigt als erzählt, also sehen Sie sich diese Beispiele an.

Obwohl diese Grafiken nicht alle Landing Pages-spezifisch sind, sind sie für das, was mit Webbildern funktioniert, überaus relevant.

Begrenzen Sie konkurrierende Elemente

Klarheit in Grafiken/Bildern ist wirklich wichtig. Wenn die Grafik oder das Bild zu viele konkurrierende Elemente enthält, verwenden Sie sie nicht. Wenn Sie sich Fotografie- oder Fotojournalismus-Magazine ansehen, sind die meisten preisgekrönten Fotografien solche, bei denen das Motiv entweder visuell von den Elementen innerhalb des Fotos isoliert oder von den darin enthaltenen Elementen eingerahmt ist.

Halte es einfach!

Halten Sie Ihre Grafiken klar und fokussiert und entscheiden Sie sich für Einfachheit statt Komplexität, um Ihre Botschaft zu vermitteln.

Zusammenfassung der Best Practices für TL;DR-Zielseiten

• Zwei Arten von Landing Pages – Durchklicken und Lead-Generierung
• Anatomie von LP – Kopfzeile, Formularfeld, FABs, Glaubwürdigkeitsbauer (Logos oder Testimonials)
• Informationsmatrix für Landingpage – Wie hoch soll die Informationsdichte sein?
• Inhalt / Kopie
  • Content Chunking – Teilen Sie lange Absätze in kleine Absätze auf und haben Sie eine Kernidee pro Absatz. Es hilft bei der Merkfähigkeit und verbessert das Verständnis
  • Glanceability – Entwerfen Sie Inhalte, die überflogen und nicht gelesen werden sollen. Verwenden Sie hervorgehobene oder fettgedruckte Schlüsselwörter, Unterüberschriften, Aufzählungslisten und begrenzen Sie die Ideen pro Absatz.
  • Schreibstil der umgekehrten Pyramide – Beginnen Sie Ihren Inhalt mit dem, was Sie den Leuten sagen möchten.
  • Stimme des Kunden – Verwenden Sie die Sprache Ihrer Zielgruppe.
• Formen
  • Die Formstruktur ist sehr wichtig. Formulardesign, das Ihre Augen weniger schweifen lässt, ist schneller zu lesen. Siehe meine Beispiele.
  • Elementausrichtung – Achten Sie darauf, dass die Elemente richtig ausgerichtet sind und einen guten Abstand haben, aber halten Sie es einfach.
• Tasten
  • F-Muster – Stellen Sie sich eine F-Form vor, die auf Ihre Webseite gelegt wird, die die Bewegung ist, die die meisten Menschen haben, wenn sie eine neue Seite in ihrem Browser betrachten.
  • Einfache Worte – vermitteln das Ergebnis, regen die Nutzer nicht zum Nachdenken an
• Grafik
  • Halten Sie sie einfach , verwenden Sie Bilder mit minimalen Elementen und isolieren Sie das Motiv vom Hintergrund.
  • Hör auf, Parallaxe zu benutzen . Oder verwenden Sie sie weiter, es wird uns nur besser aussehen lassen.
• Bonus: Für die Zielseitenoptimierung empfehle ich, A/B-Tests durchzuführen. Ändern Sie die Überschriften der Zielseite, halten Sie die Schaltfläche einfach und gleich wie das Steuerelement. Sofern die Schaltflächenkopie nicht seltsam oder auf der Seite nicht deutlich sichtbar ist, ist es am wenigsten wahrscheinlich, dass es sich um diese Schaltfläche handelt.