html-edm(邮件营销)编写规则

最近写了一个edm邮件 以前没有接触过  使用的是很老的html页面编写规则  只能用table标签  在此记录一下edm编写的一些规则

个人参考的是这两个网址，转载一下 

http://www.zcool.com.cn/article/ZMTM5MDgw.html

https://www.cnblogs.com/lhweb15/p/6404626.html

其实百度了很多很多   规则也很多   总的说还是谨慎为好

 

大体上是整体最好只有一个table  然后就是嵌套table  一般嵌套在td标签内 

<table border="1" cellspacing="0" cellpadding="0" width="900" align="center" style="font-size:12px;font-family:Arial,Verdana,Helvetica;></table>

后面嵌套的每个table标签都要加上 border="0" cellspacing="0" cellpadding="0"  align="center" width="100%"

同等级别的tr标签 里面包含的td标签数量一定要是个数一样的  不行就嵌套table标签   不然布局乱套

img 标签 一定要设置宽和高 alt属性  style="display: block;vertical-align: top;" 这个是去掉图片之间的空白缝隙  必须加上的  top也可以换成bottom   但是设置要求一致  

浮动float 定位position padding margin都是不能使用的   当然有的邮箱可以使用  看公司面向群体

p标签div标签 不能使用  span标签尽量不用，少用         应该是块级标签不用 

字体使用系统自带的  字体样式每个嵌套文字的标签都要单独加上字体的样式     

 

具体的详细规则

1.Html编码请使用utf-8     模板的宽度在600px-800px  一般使用600px   当然根据设计图来设置尺寸    900px的也能写  最好在1024px以内

2.网页的布局（layout）必须使用表格（table）。具体内容再在里面嵌套表格tabel(td嵌套)（div、p等还是不要想了）。

同一个<td>里只放一张图片，如<td><img src="photo.jpg" /></td>。所有的图片都要定义宽高。同一段文字放在同一<td>里。

不要用css+div来布局，要采用行内样式的书写方式，即<td style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;" >文字</td>。也不要把样式写在<style></style>之间，部分邮箱会将其过滤。

3.不使用Flash、Java、Javas cript、frames、i-frames、ActiveX 以及 DHTML。如果页面中的图片一定要动态的，请将flash文件转换成gif动画使用，但在outlook2007里，gif将不能正常显示，因为outlook2007限制gif动画。

4.不要使用<table></table>以外的body、meta和html之类的标签，部分邮箱系统会把这些过滤掉

5.font-family属性不能为空，否则会被QQ屏蔽为垃圾邮件。

6.若邮件模板内侧边或者上下有空白间距，不要用 padding，必须得用标准的 td 来设定空白间距（设置td标签设置高度），否则会导致各个邮箱解析不同。

7.（很多说不要用这些，确实最好最好不要使用，容易产生问题，个人也没用过）少用float, margin,padding. 绝对定位不能用，清除浮动用<table style="clear:both"></table>

4.不可将word类文件直接转换为html格式，否则会造成编码不规范。

5.EDM居中不要用margin：0 auto；可在table里面加上align=“center”（最外层的第一个一定要加上，当然为了测试观看效果可以在第一个table这个里面加上margin：0 auto；）

6.切图时注意确保图片的高度大于23px（否则qq及outlook会默认用空白填充至23px）。(这个情况目前没碰到，以后碰到再补充).

7.HTML代码在15KB以内（有的规则说不超过30kB,我一般都是15KB左右不超过20kB正常使用超过30KB没试过）。（各个邮箱的收件标准不一样，如果超出15KB您的邮件很有可能会进入垃圾箱）

8.

文字：

1、文字内容、版面尽量简洁，突出主题，以达到更高的点击率。邮件主题控制在18个字以内，避免使用特殊符号，容易产生乱码。

2、不使用类似如下敏感及带促销类的文字：风险，处理，温馨提示，实名认证,  财付, 安全隐患, 您的QQ,预览, 被盗,随机抽取，周年庆典, 解除,服务器维护,查收等。如果邮件发送量大或发送数据容易引起投诉，则需要将公司标志性信息如电话，邮箱或者品牌口号等制作成图片，避免被ISP监控记录。

3、文字应尽量定义字体的样式，每个邮箱的默认字体样式不同，为了达到您想要的效果，字体样式一定要定义完整。

4.邮件主题和内容都不要加入带有网站地址的信息，比如“xxx.com祝您新年好”。如果客户的品牌知名度比较高，主题可加入公司的名称，比如：“NIKE运动时尚”。

5.不使用类似如下敏感及带促销类的文字：免费、优惠、特惠、特价、低价、便宜、廉价、视频、赚钱、群发、发财、致富、代开、薪水、交友、支付、商机、法宝、宝典、秘密、情报、机密、保密、绝密、神秘、秘诀等。如果一定需要，请把敏感字做成图片。

6.如果发送超过20万封，主题内容要更换，发送超过200万封，要考虑重新设计。（这个看公司设计和具体要求定）

7.请使用系统自带的字体，否则会出问题的。文字应尽量定义字体的样式，每个邮箱的默认字体样式不同，为了达到您想要的效果，字体样式一定要定义完整。

图片：

1、尽量避免全部是图片，注意平衡图片和文字的比例。整页图片控制在8张以内，每张图片最大不能超过15KB。（前面内容是百度的，实际其实超过8张也没事但是不建议太多图片的拼接，会被定义垃圾邮件，另外图片大小不超过100KB最好，太大了加载不出来也容易定义为垃圾邮件）

2、图片名称不要用中文书写，可由数字，小写字母，下划线组成。

3、在<img>标签里面需要加上alt，这样用户在收到邮件的时候，即使有些邮箱将图片隐藏掉，也可以看到alt=””里面内容的显示。

4、背景图片在outlook里面会被过滤，所以不要使用背景图片，尽量使用纯色背景。当然如果你的邮件面向群体不同可以使用   但是不建议

5、图片格式尽量使用jpg格式  png虽然也可以  但是使用切图保存为jpg高质量模式 图片大小比png-24会小很多  照片质量也几乎一样

6、图片名称不能含有ad字符，否则图片上传后会显示成“被过滤广告”。

7、如果整个邮件模板只有一张图，一定要裁成2-3张小图，并适当保留一些文字。

8、在 img 标签里加上 alt 属性，这样用户在收到邮件的时候，即使有些邮箱将图片隐藏掉，也可以看到 alt 里面的内容。如：<img src="images/1.jpg" style="vertical-align:top;" height="30" width="100" alt="显示内容" />，让客户了解到邮件内容并吸引客户点击显示图片。

链接：

1、链接数量不能超过10个，如果所有图片的链接地址一样，请将所有的小图合并成一张大图。

2、链接请写成绝对地址。（以确保收信人在点击链接时能够正常浏览您的内容）。

3、链接地址的长度不能超过255个字符，会导致无法追踪或链接错误。

4、不要使用地图功能（map）链接图片，此功能会使邮件被多数邮箱划分为垃圾邮件。

5、为避免用户收到的邮件图片无法浏览，请制作一份和邮件内容一样的web页面，然后在邮件顶部注明：“如果您无法查看邮件内容，请点击这里”，链接到访友同样内容的web页面。

6、文字中出现网站地址链接被屏蔽为垃圾邮件的风险是极高的，例如：此类链接，建议写成“XXX公司”文字加链接，或是将网址做成图片加链接。

7、链接里面最好不要使用特殊符号，避免邮箱解析错误。

8、链接代码应尽量简短，代码太长会增加模板大小，进而会影响邮件发送效果。