Der ultimative Leitfaden für die Textvorschau

Veröffentlicht: 2021-07-29

Sie sagen: „Für den ersten Eindruck bekommt man nie eine zweite Chance.“ Ich bin mir nicht ganz sicher, wer „sie“ sind, aber in diesem Fall stimme ich ihnen zu. In einer E-Mail besteht Ihr erster Eindruck aus drei Teilen: dem Namen des Absenders oder von, der Betreffzeile und dem Vorschautext. Jeder erinnert sich an den Ab-Namen und die Betreffzeile, da Ihr E-Mail-Dienstanbieter (ESP) Sie nicht ohne sie eine E-Mail senden lässt. Aber Vorschautext ist eine ganz andere Situation. Und wenn Sie es vergessen, überlassen Sie diesen Teil Ihres ersten Eindrucks den Launen des E-Mail-Clients Ihres Abonnenten.

In diesem Beitrag besprechen wir, wie Sie die Kontrolle über Ihren Vorschautext übernehmen, um sicherzustellen, dass der erste Eindruck Ihrer E-Mail einwandfrei ist.

Was zum Teufel ist Vorschautext?

Vorschautext ist der Text unterhalb oder neben der Betreffzeile einer E-Mail im Posteingang und bietet zusätzliche Einblicke in den Inhalt der E-Mail. Gmail bezeichnet dies als Snippets, Apple Mail bezeichnet es als Vorschau und Outlook bezeichnet es als Nachrichtenvorschau. Egal wie es heißt, diese Kopie ist der Vorschautext.

Hier ist ein Beispiel dafür, wie Vorschautext aussieht:

Vorschautext
Textvorschau in Gmail

Vorschautext wird heutzutage in allen E-Mail-Clients (zumindest in den USA) gut unterstützt. Da die meisten E-Mail-Clients dies unterstützen und standardmäßig anzeigen, ist dies eine hervorragende Möglichkeit, sich mit Ihren Abonnenten zu verbinden und Ihre Betreffzeile zu unterstützen.

Wie E-Mail-Clients diesen Inhalt jedoch abrufen, ist unterschiedlich und hängt vom E-Mail-Client selbst und den Posteingangseinstellungen des Abonnenten ab. Die meisten E-Mail-Clients ziehen Vorschautext aus den ersten Textzeilen in Ihrer E-Mail, aber einige ziehen ihn aus einem Bild-ALT-Text oder in seltenen Fällen aus Code wie <a>-Tags. Das Einziehen von Code ist jedoch nicht mehr so ​​​​häufig wie früher.

diff_preview_txt
Beispiele für das unterschiedliche Rendern von Vorschautext in verschiedenen Posteingängen

Der Vorschautext ist eine großartige Gelegenheit, die Betreffzeile zu unterstützen und mit Ihren Abonnenten in Kontakt zu treten. Indem Sie den E-Mail-Client entscheiden lassen, was im Posteingang angezeigt werden soll, tun Sie Ihrer Marke und Ihren Abonnenten keinen Gefallen. Zumal immerhin 24 % der Befragten bei der Entscheidung, eine E-Mail zu öffnen, zuerst auf den Vorschautext schauen.

Glauben Sie uns nicht? Führen Sie selbst einige Tests für den Vorschautext durch. Autoplicity verzeichnete einen Anstieg der Öffnungsraten um fast 8 %, als sie anfingen, Vorschautext zu verwenden. Und WeddingWire verzeichnete einen 30-prozentigen Anstieg der Klickraten durch Tests.

Hochzeitsdraht-Beispiel

Das Hinzufügen von Teasern zum Inhalt Ihrer E-Mail in Ihrem Vorschautext kann auch das Engagement Ihres Abonnenten, wie beispielsweise Klicks, in Ihrer E-Mail erhöhen.

Lackmus-Logo

Wie sieht Ihr Vorschautext aus?

Sehen Sie, was angezeigt wird, indem Sie eine Vorschau Ihrer E-Mails in über 100 E-Mail-Clients, Apps und Geräten anzeigen – mit Litmus Email Previews. Und stellen Sie sicher, dass Sie für jede E-Mail in jedem Posteingang den perfekten Vorschautext senden.

Mehr erfahren →

Vorschautext vs. Preheader-Text

Was ist mit Preheader-Text? Einige Vermarkter verwenden diese Begriffe synonym, aber es handelt sich eigentlich um zwei verschiedene Dinge. Vorschautext ist der Text, der im Posteingang angezeigt wird . Preheader-Text ist der Text, der in Ihrer E-Mail über Ihrem Header-Bereich angezeigt wird (daher wird er Preheader genannt) .

extraneous_preheader
Beispiel für eine E-Mail mit dem Preheader-Text „Prognose: Sandalen den ganzen Tag, jeden Tag“.

In der Vergangenheit wurde das Ausblenden von Inhalten in Ihren E-Mails mit Missachtung betrachtet und als keine gute Praxis angesehen. Der Preheader-Text musste in Ihrer E-Mail sichtbar sein, um nicht im Spam-Ordner zu landen. Aber mit der Entwicklung von E-Mails sind versteckte Inhalte viel häufiger geworden und beeinträchtigen Ihre Zustellbarkeit nicht mehr wie früher.

Heutzutage sind sichtbare Preheader viel seltener, da sie am Anfang Ihrer E-Mail wertvollen Platz einnehmen und, wenn sie nicht richtig erstellt wurden, Ihrem Design keinen großen Mehrwert verleihen. Wenn Sie sichtbaren Preheader-Text verwenden, stellen Sie sicher, dass dies sowohl in Ihrer E-Mail als auch in Verbindung mit Ihrer Betreffzeile Sinn macht. Wenn der Preheader-Text nur als Unterstützung für Ihre Betreffzeile dient, zeigen Sie ihn nicht in Ihrer E-Mail an.

Sie können auch versteckten Preheader-Text hinzufügen, der nur im Posteingang angezeigt wird, und dann sichtbaren Preheader-Text einfügen, der mit dem E-Mail-Design funktioniert, wie zum Beispiel in dieser verlassenen Warenkorb-E-Mail von Rudy's:

Betreffzeile : Lassen Sie den kostenlosen Versand nicht verschwenden
Vorschautext : Lassen Sie es uns einfacher machen mit kostenlosem Versand
Preheader-Text : IHR KOSTENLOSER VERSAND LÄUFT IN Kürze ab‌

E-Mail-Vorschau
Beispiel für eine E-Mail mit Preheader-Text, der sich vom Vorschautext unterscheidet. Preheader-Text: "Ihr kostenloser Versand läuft bald ab."

Das Hinzufügen von Vorschautext zu Ihrer E-Mail ist super einfach

Vorschautext lässt sich ganz einfach zu Ihrer E-Mail hinzufügen. Sie haben zwei Möglichkeiten, je nachdem, was Ihr Vorschautext sagen soll.

Möchten Sie aus Ihren E-Mail-Inhalten ziehen? Wenn Ihr E-Mail-Design bereits einen sichtbaren Preheader hat oder Sie die ursprüngliche Kopie in Ihrer E-Mail verwenden möchten, müssen Sie nichts tun, um den Vorschautext in Ihre E-Mail einzufügen. Stellen Sie einfach sicher, dass die gewünschte Kopie in Ihrer E-Mail an erster Stelle steht, auch über Bildern oder Links. Dadurch wird verhindert, dass Alt-Text im Vorschautext angezeigt wird. Sie könnten diese Kopie als Alternativtext für jedes Bild einfügen, das sich über Ihrer Kopie befindet, aber dann würde die Kopie dupliziert und der Alternativtext würde nicht zu dem Bild gehören, was für die Zugänglichkeit nicht gut ist.

Möchten Sie Ihren Vorschautext anpassen? Wenn Sie möchten, dass eine andere Kopie als Vorschautext angezeigt wird, haben viele ESPs ein Feld, das Sie ausfüllen können (normalerweise neben dem Feld, in dem Sie Ihre Betreffzeile hinzufügen), das es automatisch zum Code Ihrer E-Mail hinzufügt. Wenn dies jedoch nicht der Fall ist, können Sie es oben in Ihrem Code direkt nach dem <body>-Tag wie folgt hinzufügen: