Splash Pages erklärt: So gestalten, veröffentlichen und optimieren Sie Ihre Splash Page

Eine Splash-Seite ist die digitale Version einer Lobby. Ihr Besucher kommt auf die Seite, hält einen Moment inne und entscheidet, ob er die Website betreten, sich anmelden, einkaufen, sein Alter bestätigen, eine Sprache auswählen oder Ihr Angebot erkunden möchte.

Wir haben festgestellt, dass Splash-Seiten am besten funktionieren, wenn sie eine einfache Regel beachten: Blockieren Sie den Weg nicht, es sei denn, Sie geben dem Besucher einen klaren Grund zum Verweilen.

Was ist eine Splash-Seite?

Eine Splash-Seite ist eine kurze Einstiegsseite oder ein Bildschirm, der vor dem eigentlichen Website-Erlebnis erscheint. Sie können sie nutzen, um eine Einführung anzukündigen, E-Mail-Adressen zu sammeln, für ein Angebot zu werben, Besucher aufzufordern, eine Region auszuwählen, oder erforderliche Informationen anzuzeigen.

Sie sollten sie nicht mit einer vollständigen Landingpage verwechseln. Eine Landingpage verkauft in der Regel ein Angebot im Detail. Eine Splash-Seite vermittelt schnell eine Botschaft und lässt die Besucher dann weitergehen.

Google warnt davor, dass aufdringliche Interstitials und Dialogfelder Nutzer frustrieren und die Suchleistung beeinträchtigen können, wenn sie den Zugriff auf Inhalte blockieren, insbesondere auf Mobilgeräten. Ihre Splash-Seite muss sich also hilfreich anfühlen und nicht wie eine verschlossene Tür. 

Wann sollten Sie eine Splash-Seite verwenden?

Sie sollten eine Splash-Seite verwenden, wenn sie eine konkrete Aufgabe erfüllt.

Unsere Experten empfehlen eine Splash-Seite, wenn Sie Folgendes benötigen:

1. Vor einer Produkteinführung Vorfreude wecken.

2. Anmeldungen für den frühen Zugang sammeln.

3. Eine zeitlich begrenzte Kampagne bewerben.

4. Besucher bitten, ein Land oder eine Sprache auszuwählen.

5. Das Alter oder die rechtliche Einwilligung bestätigen.

6. Leiten Sie Nutzer zur richtigen Version Ihrer Website weiter.

Sie sollten darauf verzichten, wenn Sie nur angeben wollen. Besucher sind wegen der Inhalte, Produkte oder Antworten gekommen. Geben Sie ihnen also einen guten Grund, einen Moment innezuhalten.

Der Aufbau einer großartigen Startseite

Eine überzeugende Startseite besteht aus fünf Teilen.

1. Eine prägnante Überschrift.
   Sagen Sie den Lesern, was sie bekommen. Versuchen Sie es mit „Erhalten Sie frühzeitigen Zugriff auf unser KI-Design-Kit“ statt „Willkommen auf unserer Website“.

2. Ein visueller Blickfang.
   Verwenden Sie ein auffälliges Bild, eine Animation oder eine Produktvorschau. Überladen Sie die Seite nicht.

3. Eine klare Handlungsaufforderung.
   Bitten Sie um eine einzige Sache. „Tragen Sie sich in die Warteliste ein.“ „Betreten Sie den Shop.“ „Wählen Sie Ihre Region aus.“

4. Ein einfacher Ausstieg.
   Lassen Sie Besucher zur Hauptseite weitergehen. Google empfiehlt nach Möglichkeit weniger aufdringliche Formate, wie z. B. Banner. 

5. Schnelles Laden.
   Ihre Startseite sollte den ersten Eindruck nicht beeinträchtigen. Google misst die Nutzererfahrung anhand der Core Web Vitals, darunter LCP, INP und CLS. 

So gestaltest du eine, die die Leute nicht hassen

Beginne mit der Stimmung des Besuchers. Sie sind nicht aufgewacht und haben von Ihrem Popup geträumt. Sie wollen etwas. Ihre Startseite muss dieses „Etwas“ einfacher, besser oder spannender machen.

Halten Sie den Text kurz. Verwenden Sie aktive Verben. Zeigen Sie den Nutzen frühzeitig auf.

• Schlechter Text:
  „Abonnieren Sie unseren Newsletter.“
• Besserer Text:
  „Erhalten Sie jeden Dienstag eine geniale Wachstumsidee.“
• Bester Text:
  „Schließen Sie sich 8.000 Gründern an, die unseren dienstäglichen Wachstums-Brief erhalten.“

Gestalten Sie außerdem für die Bedienung mit dem Daumen. Die meisten Besucher werden Ihre Startseite auf einem Smartphone aufrufen. Platzieren Sie die Hauptschaltfläche gut erreichbar und machen Sie die Schaltfläche zum Schließen gut sichtbar. Verstecken Sie den weiteren Weg nicht.

Barrierefreiheit ist wichtig

Ihre Startseite muss für Nutzer funktionieren, die Tastaturen, Screenreader, Zoom-Tools oder Kontrasteinstellungen verwenden. Die WCAG-Richtlinien besagen, dass Nutzer einen sichtbaren Tastaturfokus-Indikator benötigen, damit sie wissen, welches Element sie gerade steuern. 

Wir prüfen diese Grundlagen vor dem Start:

• Schaltflächen haben eindeutige Beschriftungen.
• Formulare enthalten Beschriftungen, nicht nur Platzhalter.
• Die Seite lässt sich per Tastatur navigieren.
• Der Text weist einen starken Kontrast auf.
• Fokuszustände sind sichtbar.
• Die Schaltfläche zum Schließen ist leicht zu finden.

Eine schöne Startseite versagt, wenn ein Teil Ihrer Zielgruppe sie nicht nutzen kann.

So veröffentlichen Sie eine Startseite

Behandeln Sie Ihre Startseite wie eine Kampagne, nicht wie Dekoration.

• Wählen Sie zunächst ein Ziel aus. Möchten Sie E-Mails, Klicks, eine Regionsauswahl oder die Einhaltung von Vorschriften? Wählen Sie eines aus.
• Als Nächstes verfassen Sie das Angebot. Ihre Überschrift sollte die Frage beantworten: „Warum sollte mich das interessieren?“
• Erstellen Sie die Seite dann schlank. Vermeiden Sie umfangreiche Skripte, automatisch abspielende Videos und riesige Dateien.
• Richten Sie anschließend das Tracking ein. Messen Sie Aufrufe, Klicks, ausgefüllte Formulare, Abbrüche und die Absprungrate.

Testen Sie die Seite schließlich auf echten Geräten. Die Vorschau auf Ihrem Laptop gibt keinen vollständigen Überblick.

So optimieren Sie die Seite

Die Optimierung beginnt nach dem Start. Beobachten Sie das Verhalten der Besucher und testen Sie diese Elemente nacheinander:

• Überschrift
• Button-Text
• Hintergrundbild
• Formularlänge
• Timing
• Layout für Mobilgeräte
• Abbruchoption
• Stärke des Angebots

Wir beginnen in der Regel mit dem Angebot. Ein schwaches Angebot mit einem schöneren Button bleibt schwach.

Beobachten Sie auch die Performance. Google empfiehlt die Verwendung von Tools wie der Search Console und den Core Web Vitals-Berichten, um das Seitenerlebnis zu messen. 

Häufige Fehler

Der größte Fehler ist, alle durch dieselbe Schere zu zwingen.

Neue Besucher benötigen möglicherweise Kontext. Wiederkehrende Kunden möchten vielleicht direkt zum Shop gelangen. Mobile Nutzer legen möglicherweise Wert auf Geschwindigkeit. Internationale Nutzer benötigen möglicherweise eine regionale Auswahl. Gestalten Sie die Seite für diese unterschiedlichen Wege.

Ein weiterer Fehler ist, zu viel zu verlangen. Eine Splash-Seite ist nicht der richtige Ort für ein langes Formular. Fragen Sie zunächst nach einer E-Mail-Adresse. Erfahren Sie später mehr.

Der dritte Fehler besteht darin, die Hauptseite zu verbergen. Wenn sich Menschen eingeengt fühlen, sinkt das Vertrauen.

Abschließender Gedanke

Eine Splash-Seite kann sich wie eine Absperrung oder eine Straßensperre anfühlen. Der Unterschied liegt im Respekt.

Geben Sie Ihren Besuchern ein klares Versprechen. Machen Sie den nächsten Schritt deutlich und sorgen Sie für eine schnelle Ladezeit der Seite. Lassen Sie die Nutzer am Ende die Seite verlassen. Wenn Sie das tun, ist Ihre Startseite mehr als nur eine Unterbrechung. Sie gibt den Ton für alles an, was folgt.