5

一:概念:

EDM 就是 Electronic Direct Mail 的缩写,即电子直邮。企业可以通过EDM建立同目标顾客的沟通渠道,向其直接传达相关信息,用来促进销售。EDM有多种用途,可以发送电子广告、产品信息、销售信息、市场调查、市场推广活动信息等。

二:注意事项

由于邮箱对HTML页面的渲染与在浏览器中的渲染不同,渲染能力小了很多,在浏览器中正常显示的效果,在邮件中却会出错,或者无法渲染。需要注意一下几点:

  • 页面宽度推荐600-800px,最大不要超过800px;
  • 制作html页面时不使用css+div布局,请使用table布局。
  • 定义文字和图片样式时,使用行内样式,样式属性分开写不要用缩写例如:margin: 0 auto;定义颜色值最好写成:#ffffff;图片要加上宽高,border="0" ;display:block";alt
  • 不使用flash,java,javascript,frames,i-frames,ActiveX以及DHTML,如果页面中的图片一定要是动态的,请将flash文件换成gif动画使用。
  • table以外的body,meta,html之类的标签是可以无视的,邮件系统里会把这些过滤掉。
  • 如果有多段文字,不要使用回车换行那样会导致代码里自动加入p;
  • 最后在邮件顶部写上一句话:“如果您无法查看邮件内容,请点击这里查看”,链到放有同样内容的web页面;
  • html代码和图片尽量不要超过50kb;(各个邮箱收件标准不一样,如果超出50kb您的邮件很有可能会进入垃圾邮箱里)。
  • 邮件内的图片地址和所有超链接请不要写本地路径,用绝对路径!
  • 在样式中,可以省略font-family属性,但如果font-family后属性值为空,会被qq屏蔽为垃圾邮件
  • 邮件中的连接数不要超过10个
  • 邮件内容左右居中:给table设置margin: 0px auto 0px auto;和align="center"
  • 邮件页面中文字不要出现网址,那样被屏蔽为垃圾邮件的风险很高!
  • 在中文输入法下的标点符号可能会显示乱码,尽量将标点符号转化为英文输入法写的标点符号!
  • 如果没有特殊要求,图片的文件名称一律使用小写。
  • 不要使用高度过小的图片,outlook2007不能很好地显示高度为1像素的图片,会出现拼合缝隙!
  • 切图时需要为文字区域流出一定的边距,由于outlook中默认行间距和字间距大于普通网页,预留边距可以防止出现不必要的换行和图片缝隙
  • 由于hotmail信箱的接收问题,段落之间不要用p标记,用br代替
  • tom邮箱排版问题:在代码中尽量不要使用span标签,使用其他标签代替!
  • sohu的邮箱很怪异,会在每个文本段后面加一个空格,导致布局错乱,我的建议是最好一行文字用一个td,给td定义高度
  • 当需要限制行文字高度时, 须同时设置max-height, height, line-height. 这里max-height很重要: 因为gmail会自动把height改成min-height, 这时候你如果不设max-height在gmail里达不到overflow hidden的效果.
  • 一些间距, 空白尽量避免用margin, padding实现, 最好使用td来实现. 因为padding等在outlook客户端上被忽略;
  • 所有空行, 线条最好用table元素表示;
  • 网址链接要强制折行:work-wrap: break-word;word-break: break-all;

三:edm页面测试
介绍一个EDM测试工具: https://litmus.com/, 给它发邮件后, 它能把你的EDM在所有web, 客户端, 手机端的效果截图出来, 很牛叉, 可惜是收费的.后面如果有新的, 会再补充进来...
可以看下这里,了解各大邮件系统对html标签属性的支持情况https://www.campaignmonitor.com/css/
四: 其他朋友的总结 http://www.cnblogs.com/dolphinX/p/4082747.html -- 很清晰很全面


chic
1.1k 声望50 粉丝

引用和评论

0 条评论