【问题标题】:Universal descriptions for emails across different clients跨不同客户端的电子邮件的通用描述
【发布时间】:2015-10-18 06:32:41
【问题描述】:

是否有一种通用的方法来设置电子邮件活动中电子邮件的导入、描述、元文本?

我说的是最后一段文字,就像在 Chrome 上的 Gmail 中看到的那样:

对于这种情况,我使用的是 MailChimp,但我想知道是否有一个通用的 HTML 实现适用于每个邮件客户端。

上面示例中的电子邮件仅包含文本,这很容易 - 但是如果电子邮件没有文本(我的雇主喜欢在电子邮件中只放图像以保留她的品牌字体)或者我只是想要不同的文本怎么办?上来。有那个领域吗?还是某种 HTML 标签?或者任何 hacky 但效果很好的东西?

我尝试在图像上使用alt 属性,在顶部的<span> 上使用display: none 并将描述放在那里,并使用<meta name="description">,但似乎对所有电子邮件都不起作用客户。

我目前正在我的 iOS 邮件应用程序、我的 iOS Gmail 应用程序和 Chrome 中的 Gmail 上进行测试,每种实现都会有不同的东西。

【问题讨论】:

    标签: html email meta-tags mailchimp


    【解决方案1】:

    通用?并不是因为每个电子邮件客户端的处理方式不同,但这里有一篇来自 Litmus 的关于该主题的非常有用的文章:https://litmus.com/blog/the-ultimate-guide-to-preview-text-support。他们建议在开始的正文标记之后添加一个 div 以明确定义预览文本的显示内容:

    <body> <div> Your preview text here. </div> </body>

    【讨论】:

    • 是的,这绝对有效,但这里的想法是我们想要定义这个值而不向阅读电子邮件的人显示它。在我的场景中,我要么创建一个主要由图像组成的电子邮件,要么我想将此描述设置为不同于电子邮件第一行实际应有的内容。我在这个元素上使用了display: none,但奇怪的是电子邮件仍然在大多数电子邮件客户端中显示它。
    猜你喜欢
    • 2014-03-26
    • 2022-01-13
    • 2020-04-22
    • 1970-01-01
    • 2012-09-07
    • 1970-01-01
    • 1970-01-01
    • 2013-03-03
    • 1970-01-01
    相关资源
    最近更新 更多