email - 控制 HTML 电子邮件通讯的自动预览文本的最佳方法是什么？

Question

当公司向客户发送电子邮件简报时，某些电子邮件客户端(Gmail、Outlook)会在客户打开电子邮件之前在收件人收件箱中显示一小段预览文本。据我了解，无论电子邮件的可见设计和内容如何，​​有两种技术可以控制预览文本的显示:

1) 以不可见的 1x1 像素开始电子邮件，该像素使用所需的预览文本作为替代文本

2) 在 html 模板中使用“display:none”创建一个 div

就所有主要电子邮件客户端的可计算性而言，哪个选项最好？

Answer 1

你说的是所谓的“Preheader”。

有很多方法可以在邮件中实现预标题:

1. 在邮件顶部的分隔符(或图片)中使用 alt 属性
2. 将其输入为可见文本(就在网页版链接的上方)
3. 将其输入为不可见文本(将文本颜色与背景匹配和/或使用 font-size:0)

避免第一个解决方案(alt 属性)，因为 iPhone 和 iPad 不支持它。外表 还将显示图像的路径。 还要避免使用 div 或其他 CSS 解决方案。

解决方案 #2 和 #3 实际上是最好的方法，因为它们在所有地方都受到支持。 注意:“无处不在”是指实际支持预 header 的客户端和 Web 客户端:Gmail、iPhone、iPad、Outlook 等。

请记住:如果字符数低于该客户端支持的最大字符数，它也会显示下一个文本。

为了您的信息，以下是最大字符数限制: GMAIL(Firefox、IE、CHROME、SAFARI):最多 97 个字符 IPHONE 4:垂直最多 81 个字符，水平最多 137 个字符 IPAD:87 个字符 展望:最多 255 个字符

希望这会有所帮助。

享受;)