做一个漂亮的edm模板，在邮件营销中是非常重要的环节，那么要如何制作一个规范的edm邮件模板呢？光有专业的web前端技术是不行的，edm邮件模板和传统网页的切图是有一点点区别的，特别要注意一点的是，edm邮件模板制作最好用table布局，这个切图网www.qietu.com提供edm制作以来最大的体会。下面列举了10个制作edm邮件模板规范。

在进行EDM邮件营销时，设计和制作模板也是一项很重要的工作，虽然可能不比EDM数据收集来的重要，但是也是不可忽视的。下面来讲解下在EDM邮件营销时如何制作模板。

1,模板编码语言选择

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

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

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

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

制作edm邮件模板尽量不要使用背景图片。背景图片在某些邮件客户端或或web界面中默认不显示。模板中每张图的地址都一定要用绝对地址，否则会不显示；每张图都 要指定alt属性，可以在图片被拦截的时候显示图片的内容；每张图都要指定width宽度、height高度，在图片被拦截的时候，不会因图片大小无法读 取而被打乱布局。body中不要设定背景色，不然在转发邮件的时候，转发人写的信息背景色都会变为被转发邮件的背景色，影响浏览。如果一定要给邮件模板设 定整体背景色，请在模板文件最外面加一个table，设定此table的背景色。

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

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

可以使用简单的gif动画来表达某些需要明显突出的要素，但要控制gif文件的大小，不要影响整封EDM邮件的下载浏览速度；不要使用flash动画或JavaScript Active等，前些年邮件病毒泛滥，大部分邮件运营商都已经屏蔽了这些元素。具体可以查看EDM营销存在的六大问题:http://www.cnblogs.com/EDM-DATA/archive/2012/07/29/2614140.html

5,css样式编写

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

6,模板html标签规则

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

7,邮件附件夹带

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

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

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

9,图片与文本链接规则

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

10，尽可能用table而不用div（切图网依托长期edm制作为背景，要重点强调的一点）

做web前端有点年限的都知道，早年间才用table布局，table是一个很落后的布局方式了，现在div甚至于html5出现以来，table仅有的作用在于用在数据表格的制作，但是殊不知，在制作edm邮件模板的时候，用table往往也会比div要好，table的兼容性还是不错的。而且为了考虑在foxmail，outlook等软件上能够正常显示，table比div要更好。

以上九点就是EDM邮件营销中制作模板的规范，希望大家严格按照这个规范，这样才能最大化EDM营销的效果！切图网www.qietu.com长期致力于web前端技术开发，可以提供专业的edm邮件模板制作服务，欢迎前来洽谈联系。

标签：edm邮件模板