欢迎光临
我们一直在努力

EDM 电子邮件营销的模板制作规范

EDM页面做起来比较detail,但一些规范真的是有用。大家分享下吧

1,模板编码语言选择

模板编码设定与使用的发送软件有关,一般来说,utf-8为较常用的选择,错误的编码会造成用户浏览的时候出现乱码;

2,不要使用div,使用最简单的嵌套table定位

  • Div+css是近几年新兴的web2.0定位方式,这种方式不适合在邮件模板切割中使用,不同邮件客户端或在线浏览器对css模型解释不尽相同,会造成错位或布局混乱等问题。
  • 同时也不要使用单一table重复多次colspan,可能会被邮件客户端判断为结构过于复杂,归类为垃圾邮件;同时也容易被打乱布局而影响用户浏览。

3,图片与文本链接规则

  1. <body>
  2. <table width=”100%” border=”0″ cellspacing=”0″
  3. cellpadding=”0″>
  4. <tr>
  5. <td style=”background-color: #520000;”> </td>
  6. </tr>
  7. </table>
  8. </body>

复制代码

  • 模板中所有链接,都必须使用绝对路径;
  • 链接长度不能超过255个字符,不能存在空格,也不能有中文字符,否则可能会导致连接无法追踪;
  • 图片链接不要使用标签,否则可能被邮件客户端判定为垃圾邮件,甚至被邮件运营商直接屏蔽。
  • 模板中文本文字不能使用过大的字体,否则可能会被邮件客户端判定为垃圾邮件。

4,css样式编写

  • 不要使用外部样式表引用,将样式表写入模板内部,如:
  1. <td style=”padding:6px”>
  2. <a href=”#” style=”font-size: 14px;color:#0c6485″>
  3. <b>邮件模板</b>
  4. </a>
  5. </td>

复制代码

  • 如果模板有完全相同样式的列表型文本(如新闻列表等),可以吧样式表写在页面内<style></style> 中引用,但缺点是在邮件转发过程中经过web编辑器或邮件客户端的编辑,<style></style>被去掉,导致此列表样式 变形。这种页面内引用的方式却能节省大量代码,使代码与内容比降低,同时也缩减了模板文件大小,有利于模板评分。

5,图片样式与背景图片颜色使用

  • 模板尽量不要使用背景图片。背景图片在某些邮件客户端或或web界面(如Gmail)中默认不显示。
  • 模板中每张图的地址都一定要用绝对地址,否则会不显示;每张图都要指定alt属性,可以在图片被拦截的时候显示图片的内容;每张图都要指定width宽度、height高度,在图片被拦截的时候,不会因图片大小无法读取而被打乱布局。
  • body中不要设定背景色,不然在转发邮件的时候,转发人写的信息背景色都会变为被转发邮件的背景色,影响浏览。如果一定要给邮件模板设定整体背景色,请在模板文件最外面加一个table,设定此table的背景色。
  1. <body>
  2. <table width=”100%” border=”0″ cellspacing=”0″
  3. cellpadding=”0″>
  4. <tr>
  5. <td style=”background-color: #520000;”> </td>
  6. </tr>
  7. </table>
  8. </body>

复制代码

  • 在切割模板的时候,要注意限制图片的大小和数量,不要为了效果使图片过大,会使邮件接收者打开过于缓慢,甚至直接关闭邮件。
  • 更不要完全把模板切为图片形式,那样会在图片被拦截的时候使用户看不到内容,并且很可能会直接被邮件运营商或邮件客户端认定为垃圾邮件。

6,模板html标签规则

  • 尽量不要使用提交表单;
  • padding和margin标签:table中,某些邮件客户端或web界面(如Gmail),对浮动的标签(padding、margin等)支持很差,所以尽量不要使用;
  • float浮动标签:某些邮件客户端不支持浮动属性,尽量避免使用。
  • 在 页面内调用<style></style>的情况下,尽量不要使 用<h2>、<ul>、<li>、<p>、<ol>等有默认样式的标签,防 止<style></style>被隔离时页面布局混乱。

7,动画与互动元素的处理

  • 可以使用简单的gif动画来表达某些需要明显突出的要素,但要控制gif文件的大小,不要影响整封邮件的下载浏览速度;
  • 不要使用flash动画或JavaScript Active等,前些年邮件病毒泛滥,大部分邮件运营商都已经屏蔽了这些元素。

8,使用所见即所得工具,在制作完成后手动优化代码

  • 使用主流所见即所得工具可以节省大量时间、提高工作效率,但所见即所得工具生成的代码会有许多垃圾代码掺杂其中,最好在制作完成后手动优化。

9,邮件附件夹带

  • 邮件一定不要夹带附件,发送大量附件会占用大量珍贵的网络带宽,切大部分附件用户根本不会打开,这部分占用的带宽基本都是浪费的。
  • 带有附件的邮件有很大可能被用户认为是病毒,对品牌产生不良影响。
  • 在模板上设置下载按钮,链接到网站上下载页面,还可以给网站带来一部分流量,何乐而不为。

原文链接:http://www.aicoshop.com/?p=104

赞(0) 打赏
未经允许不得转载:优友网 » EDM 电子邮件营销的模板制作规范
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏