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、文字中出现网站地址链接被屏蔽为垃圾邮件的风险是极高的,例如:http://xxx.com此类链接,建议写成“XXX公司”文字加链接,或是将网址做成图片加链接。

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

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

 

posted @ 2018-06-26 14:59  奔跑的工程师  阅读(1405)  评论(0编辑  收藏  举报