预览文本的终极指南

已发表: 2021-07-29

他们说,“你永远不会有第二次机会给人留下第一印象。” 我不确定“他们”是谁,但在这种情况下,我同意他们的看法。 在电子邮件中,您的第一印象由三部分组成:发件人或发件人姓名、主题行和预览文本。 每个人都记得发件人姓名和主题行,因为您的电子邮件服务提供商 (ESP) 不会让您在没有它们的情况下发送电子邮件。 但是预览文本是完全不同的情况。 如果您忘记了这一点,您的第一印象就会留给订阅者电子邮件客户端的突发奇想。

在这篇文章中,我们将讨论如何控制您的预览文本以确保您的电子邮件的第一印象完美无瑕。

预览文本到底是什么?

预览文本是收件箱中电子邮件主题行下方或旁边的一小段文本,可让您更深入地了解电子邮件中的内容。 Gmail 将此称为 Snippets,Apple Mail 将其称为预览,Outlook 将其称为消息预览。 不管它叫什么,这个副本都是预览文本。

以下是预览文本的外观示例:

预览文本
在 Gmail 中预览文本

如今,所有电子邮件客户端(至少是美国的电子邮件客户端)都很好地支持预览文本。 大多数电子邮件客户端都支持它并默认显示它,这是与订阅者联系并支持主题行的绝佳方式。

但是,电子邮件客户端提取此内容的方式有所不同,取决于电子邮件客户端本身和订阅者的收件箱设置。 大多数电子邮件客户端会从电子邮件副本的第一行中提取预览文本,但也有一些会从图像 ALT 文本中提取预览文本,或者在极少数情况下,从 <a> 标签等代码中提取。 虽然,被拉入的代码不像以前那么普遍。

diff_preview_txt
不同收件箱中预览文本呈现方式不同的示例

预览文本是一个很好的机会来帮助支持主题行并与您的订阅者建立联系。 通过让电子邮件客户端决定在收件箱中显示的内容,您会损害您的品牌和订阅者的利益。 特别是因为多达24% 的受访者在决定打开电子邮件时首先查看预览文本。

不相信我们? 做一些你自己的预览文本测试。 当他们开始使用预览文本时, Autoplicity的打开率增加了近8% 通过对他们的测试,WeddingWire 发现点击率增加了 30%。

Weddingwire-例子

在预览文本中向电子邮件内容添加预告片还可以增加订阅者在电子邮件中的参与度,例如点击次数。

石蕊标志

您的预览文本是什么样的?

通过 Litmus 电子邮件预览在 100 多个电子邮件客户端、应用程序和设备中预览您的电子邮件,查看显示的内容。 并确保您为每个收件箱中的每封电子邮件发送完美的预览文本。

了解更多 →

预览文本与 Preheader 文本

预标题文本怎么样? 一些营销人员交替使用这些术语,但它们实际上是两种不同的东西。 预览文本是显示在收件箱中的文本 Preheader 文本是显示在您的电子邮件标题区域上方的文本(因此称为 preheader)

extraneous_preheader
带有标题文本“预测:每天都穿凉鞋”的电子邮件示例。

过去,在您的电子邮件中隐藏内容被看不起,并被认为是不好的做法。 Preheader 文本必须在您的电子邮件中可见,以免进入垃圾邮件文件夹。 但随着电子邮件的发展,隐藏内容变得越来越普遍,并且不会像过去那样损害您的可传递性。

如今,可见的前置器已不太常见,因为它们占用了电子邮件顶部的宝贵空间,并且除非构造正确,否则不会为您的设计增加太多价值。 如果您打算使用可见的预标题文本,请确保它在您的电子邮件中以及与您的主题行一起使用时有意义。 如果预标题文本仅用作对主题行的支持,则不要在电子邮件中显示它。

您还可以添加仅用于显示在收件箱中的隐藏预标题文本,然后包含适用于电子邮件设计的可见预标题文本,例如在来自 Rudy 的废弃购物车电子邮件中:

主题行:不要浪费免费送货
预览文本:让我们免费送货更轻松
标头文字:您的免费送货即将到期

电子邮件预览
带有不同于预览文本的标题文本的电子邮件示例。 Preheader 文本:“您的免费送货即将到期。”

向您的电子邮件添加预览文本非常简单

预览文本很容易添加到您的电子邮件中。 根据您希望预览文本的内容,您有两个选项。

想从您的电子邮件内容中提取吗? 如果您的电子邮件设计已经有一个可见的预标题,或者您打算在电子邮件中使用初始副本,则无需执行任何操作即可在电子邮件中添加预览文本。 只需确保您想要的副本是您电子邮件中的第一件事,甚至在图像或链接上方。 这将防止替代文本出现在预览文本中。 可以将此副本作为副本上方任何图像的替代文本,但最终您会复制副本,并且替代文本不属于不利于可访问性的图像。

想要自定义您的预览文本? 如果您希望不同的副本显示为您的预览文本,许多 ESP 都有一个您可以填写的字段(通常在您添加主题行的旁边),该字段会自动将其添加到您的电子邮件代码中。 但是,如果您没有,您可以将它添加到代码顶部的 <body> 标记之后,如下所示: