So erstellen Sie eine Landing Page: 13 Schritte (mit Bildern)

Inhaltsverzeichnis:

So erstellen Sie eine Landing Page: 13 Schritte (mit Bildern)
So erstellen Sie eine Landing Page: 13 Schritte (mit Bildern)

Video: So erstellen Sie eine Landing Page: 13 Schritte (mit Bildern)

Video: So erstellen Sie eine Landing Page: 13 Schritte (mit Bildern)
Video: 5 wichtige Webdesign Prinzipien die JEDER kennen sollte! [Tutorial] 2024, Kann
Anonim

In diesem wikiHow zeigen wir dir, wie du die Startseite deiner Website strukturierst. Die Startseite – auch als Landing Page bekannt – ist normalerweise die erste Seite, die die Besucher Ihrer Website sehen. Daher ist es wichtig, sie bequem einzurichten, wenn Sie die Leute dazu ermutigen möchten, auf Ihrer Website zu bleiben.

Schritte

Erstellen Sie eine Landingpage Schritt 1
Erstellen Sie eine Landingpage Schritt 1

Schritt 1. Überprüfen Sie beliebte Zielseiten

Bevor Sie Ihre eigene Landing Page erstellen, werfen Sie einen Blick auf die Homepages gängiger Websites, um eine Vorstellung davon zu bekommen, wie diese ihre Informationen präsentieren, um ihre Zielgruppen anzusprechen. Gute Beispiele für Websites mit offensichtlichen, prägnanten Homepages sind die folgenden:

  • Spotify
  • Wikipedia
Erstellen Sie eine Landingpage Schritt 2
Erstellen Sie eine Landingpage Schritt 2

Schritt 2. Legen Sie das Ziel Ihrer Zielseite fest

Während viele Landingpages dazu dienen, Benutzer zu ermutigen, sich für einen Dienst anzumelden oder einen Kauf zu tätigen (z. B. Spotify), kann Ihre Landingpage lediglich dazu dienen, Benutzer zu verschiedenen Abschnitten der Website (z. B. Wikipedia) weiterzuleiten. Wenn Sie wissen, was der Sinn der Zielseite ist, können Sie Ihre Designentscheidungen treffen.

Erstellen Sie eine Landingpage Schritt 3
Erstellen Sie eine Landingpage Schritt 3

Schritt 3. Ziehen Sie in Betracht, eine Zielseitenvorlage zu verwenden

Während praktisch alle Webhosting-Dienste es Ihnen ermöglichen, eine leere Seite in Ihre Startseite umzuwandeln, enthalten die meisten Dienste auch spezielle Zielseitenvorlagen, die an Ihre Vorlieben angepasst werden können.

Da Vorlagen in der Regel getestet werden, bevor sie verfügbar werden, ist die Verwendung einer Vorlage eine schnelle Möglichkeit, die Benutzerfreundlichkeit Ihrer Seite zu gewährleisten

Erstellen Sie eine Landingpage Schritt 4
Erstellen Sie eine Landingpage Schritt 4

Schritt 4. Denken Sie daran, gängiges Webdesign zu implementieren

Eine einzigartige Präsentation macht in den meisten Bereichen des Landingpage-Designs einen starken Eindruck, aber das Gesamtformat der Seite gehört nicht dazu. Beachten Sie beim Erstellen Ihrer Zielseite die folgenden Konventionen:

  • Platzieren Sie die Suchleiste (falls zutreffend) oben rechts auf der Seite.
  • Belassen Sie die Menüpunkte oben auf der Seite.
  • Platzieren Sie Ihr Logo oder Ihren Homepage-Link oben links auf der Seite.
  • Platzieren Sie Links zu wichtigen erweiterten Inhalten (z. B. die Kontaktiere uns Link) am Ende der Seite.
Erstellen Sie eine Landingpage Schritt 5
Erstellen Sie eine Landingpage Schritt 5

Schritt 5. Verwenden Sie Bilder und Text, um das Ziel zu unterstützen

Abhängig von Ihrem Ziel selbst wird dies variieren; Wenn Sie beispielsweise versuchen, einen Benutzer zu ermutigen, sich für einen Dienst anzumelden, sollte sich der Text Ihrer Zielseite auf die Aspekte und Vorteile des Dienstes konzentrieren, während die Bilder diese Vorteile zeigen sollten.

Sie können diesen Bereich auch verwenden, um Kundenreferenzen, Neuigkeiten zu Ihrer Website oder andere benutzerrelevante Informationen zu platzieren

Erstellen Sie eine Landingpage Schritt 6
Erstellen Sie eine Landingpage Schritt 6

Schritt 6. Beantworten Sie die Fragen Ihres Publikums

Nutzer, die auf Ihrer Zielseite landen, werden Fragen haben, unabhängig davon, ob sie aktiv darüber nachdenken oder nicht. Wenn Sie auf Ihrer Zielseite keine Antwort präsentieren, führt dies häufig dazu, dass die Nutzer die Seite verlassen. Es gibt vier Hauptfragen, die Ihre Landingpage mit minimalem Aufwand beantworten sollte:

  • Was ist der Zweck der Website? - Der Zweck, das Produkt oder die Dienstleistung der Site sollte ganz oben auf der Site in so wenigen Worten wie möglich klar dargestellt und erklärt werden.
  • Wie trifft der Zweck auf den Benutzer zu? - Einen Benutzer davon zu überzeugen, dass er Ihren Service oder Ihre Website benötigt, kann schwierig sein, aber die Bedeutung der Website durch Überschriften mit Zeilenumbruch zu erklären, ist eine gute Möglichkeit, sicherzustellen, dass die Benutzer über die notwendigen Informationen verfügen, um eine Entscheidung zu treffen.
  • Warum sollte der Benutzer auf der Website bleiben? - Die Präsentation einer Werbeaktion (z. B. "Erster Monat kostenlos") oder die Demonstration Ihres Produkts, Ihrer Dienstleistung oder Ihrer Website reicht oft aus, um Benutzer zu überzeugen, die Ihr Angebot bereits in Betracht ziehen.
  • Wie kann der Benutzer handeln, um von der Site zu profitieren? - Platzieren einer Call-to-Action-Schaltfläche (z. B. Jetzt registrieren!) auf Ihrer Landingpage geht dieser Frage nach.

Erstellen Sie eine Landingpage Schritt 7
Erstellen Sie eine Landingpage Schritt 7

Schritt 7. Fügen Sie eine klare Call-to-Action-Schaltfläche hinzu

Wenn Ihr Ziel beispielsweise darin besteht, einen Benutzer dazu zu bringen, sich für Benachrichtigungen anzumelden, sollte Ihre Call-to-Action-Schaltfläche etwa "Benachrichtigen" anstelle von "E-Mail-Adresse senden" enthalten.

Eine Zwischenüberschrift unter Ihrem Call-to-Action (z. B. "Nie wieder einen Deal verpassen") kann dazu beitragen, die Botschaft der Schaltfläche zu verstärken

Erstellen Sie eine Landingpage Schritt 8
Erstellen Sie eine Landingpage Schritt 8

Schritt 8. Verwenden Sie Textformulare nicht zu oft

Wenn Ihre Website erfordert, dass sich Benutzer mit einer E-Mail-Adresse anmelden oder ein Konto erstellen, beschränken Sie die Anzahl der auszufüllenden Textfelder auf ein Minimum. Je mehr Textfelder die Benutzer ausfüllen müssen, desto wahrscheinlicher ist es, dass sie den Anmeldevorgang abbrechen, bevor sie abgeschlossen sind.

Eine E-Mail-Adresse, ein Vor- und Nachname sowie ein Passwort sollten in der Regel der Umfang Ihrer angeforderten Informationen sein

Erstellen Sie eine Landingpage Schritt 9
Erstellen Sie eine Landingpage Schritt 9

Schritt 9. Stellen Sie klare Navigationsoptionen bereit

Navigationsoptionen befinden sich normalerweise in der oberen rechten Ecke Ihrer Zielseite und beinhalten Links wie Geschäft, Über, und so weiter. Stellen Sie sicher, dass diese Optionen sowohl sichtbar als auch korrekt betitelt sind, um den Benutzern ein frustfreies Navigationserlebnis zu bieten.

Sie können auch eine Suchleiste in der oberen rechten Ecke hinzufügen, wenn Ihre Website über ein umfangreiches Inventar oder ähnlich umfangreiche Suchoptionen verfügt

Erstellen Sie eine Landingpage Schritt 10
Erstellen Sie eine Landingpage Schritt 10

Schritt 10. Minimieren Sie die Unordnung auf dem Bildschirm

Abgesehen von den wesentlichen Dingen der Zielseite sollten Sie den Bildschirm nicht mit schwebenden Balken, Popup-Fenstern oder zusätzlichen Menüoptionen überladen, es sei denn, dies ist für die Site-Navigation unbedingt erforderlich.

Eine Option für inhaltsintensive Zielseiten besteht darin, die nicht wesentlichen Elemente in ein zusammenklappbares Menü einzufügen, das durch ein Menüsymbol (☰) oben links auf der Seite gekennzeichnet ist. Das Menü kann dann als Inhaltsverzeichnis dienen

Erstellen Sie eine Landingpage Schritt 11
Erstellen Sie eine Landingpage Schritt 11

Schritt 11. Dringende Warnungen oben auf der Seite anzeigen

Wenn Ihre Website gewartet wird, Sie einen Aktionsrabatt anbieten, ein neues Produkt auf Lager ist oder etwas ähnlich Wichtiges für den Traffic Ihrer Website auftritt, stellen Sie sicher, dass Sie einen aufmerksamkeitsstarken Hinweis darauf setzen unter oben auf Ihrer Seite.

Erstellen Sie eine Landingpage Schritt 12
Erstellen Sie eine Landingpage Schritt 12

Schritt 12. Denken Sie an mobile Benutzer

Während die meisten mobilen Browser Desktop-Sites anzeigen können, erhalten Sie eine positivere Reaktion, wenn Sie eine separate, für Mobilgeräte optimierte Version der Landingpage Ihrer Site erstellen.

  • Der Großteil des Online-Traffics kommt von mobilen Nutzern. Erwägen Sie daher, die Verwendung von Flash-basierten Grafiken oder jeglicher Art von automatisch abspielenden Videos zu minimieren.
  • Wenn Sie die Zielseitenvorlage eines Hostingdienstes verwenden, enthält die Vorlage wahrscheinlich eine mobile Version, die automatisch angezeigt wird, wenn ein mobiler Browser erkannt wird.
Erstellen Sie eine Landingpage Schritt 13
Erstellen Sie eine Landingpage Schritt 13

Schritt 13. Vermeiden Sie häufige Landingpage-Stolpersteine

Alles, was für Ihr Publikum abstoßend oder unattraktiv ist, sollte vor dem Start von Ihrer Zielseite entfernt werden. Gängige Beispiele sind die folgenden:

  • Pop-ups
  • Große Werbeflächen, die verhindern, dass Nutzer die ganze Seite sehen können
  • Lebendige, kontrastierende Farben
  • Zu dynamische Elemente (zu viel Bewegung auf einer Webseite kann bei einigen Benutzern zu Reisekrankheit führen)
  • Zu viele Bilder oder Videos (dies kann dazu führen, dass die Seite langsam geladen wird)

Empfohlen: