Heutzutage reicht es nicht mehr aus, Besucher auf Ihre Website zu locken, sondern Sie müssen sie auch beeindrucken, wenn sie auf Ihrer Homepage ankommen. Immerhin gibt es Tausende anderer Websites, die ähnliche Dienste oder Inhalte wie Sie anbieten. Warum sollten sie Sie also anderen vorziehen?

Der " Splash-Seiten Sind eine elegante Lösung für dieses Problem. Sie können sich wie Visitenkarten verhalten oder Ihnen bei korrekter Verwendung sogar helfen, die Conversions zu steigern. In diesem Tutorial werden wir das Konzept von " Splash-Seiten „oder „Titelseite“ im modernen Webdesign. Als nächstes zeigen wir Ihnen einige Beispiele für verschiedene Cover-Seiten und bieten Ihnen einige Plugins an, die Ihnen bei der Integration solcher Inhalte auf Ihrer Website helfen können. Ihr Blog.

Was ist eine Begrüßungsseite?

Immer noch genannt " flyleaf "Oder" Startseite Dies ist ein Abschnitt Ihrer Website, den Besucher sehen, bevor sie zum Hauptinhalt wechseln. Sie verfügen normalerweise über gezielte Inhalte, insbesondere mit CTA-Schaltflächen (Call-to-Action), und fungieren als Trichter für die Inhalte auf Ihrer Website. Hier ist ein Beispiel für eine Homepage mit einem modernen Aussehen:

Beispiel für eine Wordpress-Begrüßungsseite

Obwohl die Nutzung dieser Seite etwas zurückgegangen ist (teilweise aufgrund von Bedenken hinsichtlich der Benutzererfahrung), Sie bieten große Vorteile, wie:

  • Anziehung der Aufmerksamkeit der Besucher auf eine bestimmte Nachricht oder einen bestimmten Gegenstand.
  • Sie können Ihren Besuchern wichtige Informationen mitteilen.
  • Es bietet die Möglichkeit, Ihre Conversions zu steigern, indem Sie ihnen Abonnementaufforderungen oder ähnliches anzeigen.

Obwohl ihre Bedeutung abgenommen hat, hat sich das Konzept einer Begrüßungsseite dahingehend weiterentwickelt, dass heutzutage Vollbild-Header integriert werden, da sie die gleiche Anzahl von Vorteilen bieten können wie "Begrüßungsseiten".

Herkömmliche Startseiten sind jedoch für einige Anwendungen weiterhin geeignet, z. B .:

  • Für die Erstellung eines großartigen visuellen Auftakts für Ihre Site.
  • Die Anzeige des rechtlichen Hinweises für die Sites, die es benötigen.
  • Die Wahl Ihrer Lieblingssprache.
  • Gemeinsame Nutzung eine wichtige Nachricht mit Ihren Besuchern (obwohl wir diese Praxis wirklich nicht fördern).
  • Ermutigen Sie die Benutzer, a zu abonnieren Newsletter.

Wir werden nun einige Beispiele erkunden, die Sie begeistern werden.

Beispiel Splash-Seite

In diesem Abschnitt konzentrieren wir uns auf Startseiten mit außergewöhnlichem Design, außergewöhnlicher Benutzerfreundlichkeit oder die beide Kriterien kombinieren. Wie bereits erwähnt, sind viele Startseiten tatsächlich Vollbild-Header.

1 - CoLofts

Colofts Beispiel

http://colofts.ca/

Die CoLofts-Website verfügt über einen Vollbild-Header mit einem gedämpften Hintergrund, der das Logo hervorhebt. In jeder Hinsicht fungiert diese Kopfzeile als Startseite. Es ist aus rein ästhetischen Gründen da und die einzige verfügbare Navigationsfunktion fährt weiter nach unten, um den Rest der Seite zu sehen.

2 - Mach es perfekt

Machen Sie es perfektes Beispiel

Besuch

Unser nächstes Beispiel ist " Machen es perfekt "Welche präsentiert ein" splash-Seite »Retro-Trend. Es enthält eine Ladeleiste, die heutzutage auf modernen Websites aus gutem Grund eher selten ist. Es wird angenommen, dass die durchschnittliche Internetgeschwindigkeit gestiegen ist und daher eine Ladeanzeige angezeigt wird, die möglicherweise Besucher entmutigt. Im Idealfall ist dieses Element nicht unbedingt erforderlich, sondern die optisch ansprechende Ladestange.

3 - Affeneinheit

Apeunit Beispiel

Besuch

Diese Homepage bietet eine gute Mischung aus Benutzerfreundlichkeit und Design. In der Tat könnte man sagen, dass die gesamte Hauptseite eine Folge von " splash-Seiten Führt zu verschiedenen Fallstudien. Wenn Sie ein Designprofi sind, ist dies sicherlich eine großartige Inspirationsquelle für Sie.

Es ist jedoch nicht ohne Nachteile. Viele würden sich mit einem herkömmlichen Navigationssystem wohler fühlen. Unserer Meinung nach kann das Hinzufügen eines Navigationsmenüs die Benutzererfahrung verbessern.

Einige Plugins für das Hinzufügen von Splash-Seiten auf Wordpress

Ideal wäre es, ein Thema zu verwenden, das diese Funktionalität bietet. Wenn Ihr Thema jedoch keines bietet, können Sie eines der folgenden Plugins verwenden:

1 - WP Splash Page

Splash Page WP Plugin

Laden Sie das Plugin herunter

Mit diesem Plugin können Sie einfach eine anpassbare Begrüßungsseite hinzufügen. Letzteres hat möglicherweise nichts mit Ihrem Thema zu tun, und dies kann einer der Fehler sein. Nur mit ein wenig CSS-Anpassung erzielen Sie gute Ergebnisse.

2 - Sehr einfache Begrüßungsseite

Sehr einfache Begrüßungsseite

Laden Sie das Plugin herunter

WP Splash Page ist ein nützliches Plugin, wenn Sie eine Splash-Seite auf Ihrer erstellen möchten Wordpress-Blog. Insbesondere können Sie ein Bild im Hintergrund und Text und Schaltflächen in der Mitte anzeigen. Es ist eine Lösung, die ich ziemlich elegant fand und ich hoffe, sie gefällt Ihnen.

Das ist alles für dieses Tutorial, ich hoffe, es wird Ihnen helfen, das Prinzip von zu verstehen Splash-Seiten Auf WordPress.