最近写了一个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="data:images/1.jpg" style="vertical-align:top;" height="30" width="100" alt="显示内容" />,让客户了解到邮件内容并吸引客户点击显示图片。
链接:
1、链接数量不能超过10个,如果所有图片的链接地址一样,请将所有的小图合并成一张大图。
2、链接请写成绝对地址。(以确保收信人在点击链接时能够正常浏览您的内容)。
3、链接地址的长度不能超过255个字符,会导致无法追踪或链接错误。
4、不要使用地图功能(map)链接图片,此功能会使邮件被多数邮箱划分为垃圾邮件。
5、为避免用户收到的邮件图片无法浏览,请制作一份和邮件内容一样的web页面,然后在邮件顶部注明:“如果您无法查看邮件内容,请点击这里”,链接到访友同样内容的web页面。
6、文字中出现网站地址链接被屏蔽为垃圾邮件的风险是极高的,例如:http://xxx.com此类链接,建议写成“XXX公司”文字加链接,或是将网址做成图片加链接。
7、链接里面最好不要使用特殊符号,避免邮箱解析错误。
8、链接代码应尽量简短,代码太长会增加模板大小,进而会影响邮件发送效果。