电子邮件模版的制作规范

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

后一修订版
前一修订版
电子邮件模版的制作规范 [2016/03/16 03:44]
admin 创建
电子邮件模版的制作规范 [2017/03/22 03:52] (当前版本)
行 1: 行 1:
 +**电子邮件模板的制作规范**
 +
 +**模板编码语言的选择**
 +
 +    *  一般来说,utf8 为较常用的编码选择,错误的编码会造成用户浏览的时候出现乱码。不可将 word 类文件直接保存为 Html 格式,否则会造成编码不规范,出现乱码。
 +    *  不要使用 div ,使用最简单的嵌套 table  定位Div+css 是最近几年新兴的 web2.0 定位方式, 这种方式不适合在邮件模板切割中使用,不同邮件客户端或在线浏览器对 css 模型解释不尽相同,会造成错位或布局混乱等问题。
 +    *  同时也不要使用单一 table 重复多次 colspan,可能会被邮件客户端判断为结构过于复杂,归类为垃圾邮件;同时也容易被打乱布局而影响用户浏览。
 +
 +
 +**图片与文 本链接规则**
 +
 +    *  模板中所有的链接,都必须 使用绝对路径;链接长度不能超过 255 个字符,不能有空格和中文字符,否则可能会导致链接无法追踪;
 +    *  图片链接不要使用<​map>​标签,否则可能被邮件客户端判定为垃圾邮件,甚至被邮件运营商直接屏蔽;
 +    *  模板中文本文字不能使用过大的字体,否则可能会被邮件客户端判定为垃圾邮件。
 +
 +
 +**敏感及带促销类的文字**
 +
 +    *  不要使用类似如下敏感及带促销类的文字:免费、优惠、特惠、特价、低价、便宜、廉价、视频、赚钱、群发、发财、致富、代开、薪水、交友、支付、商机、法宝、宝典、秘密、情报、机密、保密、绝密、神秘、秘诀等。如果一定需要,请把敏感文字做成图片。
 +
 +
 +**css  样式编写**
 +
 +不要使用外部样式表引用,将样式表写入模板内部,以下是图片、文字、链接的写法:
 +    *  <​td><​img src”图片地址” width”100” height”100” border”0”…… ></​td>​
 +    * <td style” fontsize:​12px;​ fontfamily:'​宋体';​ color:#​000000;​ ……”>​文字</​td>​
 +    * <​td><​a href”链接地址”style”fontsize:​12px;​ color:#​000000;​ textdecoration:​underline;​” >​链接对象</​a>​
 +    * 如果模板有完全相同样式的列表型文本(如新闻列表等)可以把样式写在页面内<​style></​style>​中引用(<​style></​style>​需写在<​body></​body>​里面) ,但缺点是在邮件转发过程中经过 web 编辑器或邮件客户端的编辑,<​style></​style>​被去掉,导致此列表样式变形。
 +
 +
 +**图片样式与背景图片(颜色)的使用**
 +
 +    *  模板尽量不要使用背景图片, 背景图片在某些邮件客户端或web界面 (如gmVIl、 outlook)中默认不显示。
 +    *  模板中每张图片的地址都一定要用绝对地址,否则会不显示;每张图片都要指定 width宽度、heigh高度,在图片被拦截的时候,不会因为图片大小无法读取而被打乱布局。
 +    *  图片名称不能含有 ad 字符,否则图片上传后会显示成“被过滤广告”,不能使用中文命名,且后缀也不能大写,否则一些邮箱无法识别,图片不会显示。
 +    *  Body 中不要设定背景颜色,不然在转发邮件的时候,转发人写的信息背景色都会变为被转发邮件的背景色,影响浏览。如果一定要给邮件设定整体背景色,请在模板文件最外面加一个 table,设定此 table 的背景色。
 +    *  在切割模板的时候,要注意限制图片的大小和数量,不要为了效果使图片过大,会使邮件接收者打开过于缓慢,甚至直接关闭邮件。
 +    *  更不要完全把模板切为图片形式, 那样会在图片被拦截的时候使用户看不到内容, 并且很可能会直接被邮件运营商或邮件客户端认定为垃圾邮件。
 +
 +**模板 html  标签规则**
 +
 +    *  尽量不要使用提交表单;​·Padding和margin标签: table中, 某些邮件客户端或web界面对浮动的标签 (padding、margin 等)支持很差,所以尽量不要使用。
 +    *  Float 浮动标签:某些邮件客户端不支持浮动属性,尽量避免使用。
 +    *  在页面内调用<​style></​style>​的情况下,尽量不要使用<​h2>​、<​ul>​、<​li>​、<​p>​、<​ol>​等有默认样式的标签,防止<​style></​style>​被隔离时布局混乱。
 +
 +
 +**动画与互动元素的处理**
 +    *  可以使用简单的 gif 动画来表达某些需要明显突出的要素,但要控制 gif 文件的大小,不要影响整封邮件的下载浏览速度;
 +    *  不使用 Flash、Java、JavaScript、frames、iframes、ActiveX、以及 DHTML 等,前些年邮件病毒泛滥,大部分邮件运营商都已经屏蔽了这些元素。
 +
 +
 +**邮件附件夹带**
 +    *  邮件一定不要夹带附件, 发送大量附件会占用大量珍贵的网络带宽, 且大部分附件用户根本不会打开,这部分占用的带宽基本都是浪费的。带有附件的邮件有很大可能被用户认为是病毒,对品牌产生不良影响。
 +    * 如此附件为必须,可以在模板上设置下载按钮,链接到网站下载页面,还可以给网站带来一部分流量。
  
电子邮件模版的制作规范.txt · 最后更改: 2017/03/22 03:52 (外部编辑)