邮件模板最主要是保证兼容性,很多邮箱的过滤规则不同,因此邮件页面要使用最简单原始的代码实现内容展现。

一,采用table嵌套布局,避免用div布局,因为DIV布局会用到float等浮动样式,一些邮箱会过滤浮动样式。

二,不使用CSS定义背景图片,可以使用td标签的背景<td background="*">,最好图片采用直接插入的方式,并且加上alt属性,一些邮箱会屏蔽背景图片。

三,不使用图像map热点链接,可以给整幅大图片加链接,并加上border="0"属性,一些邮箱会屏蔽map热点链接。

四,充分利用表格的私有属性来布局。width, height, bgcolor, background, align, valign等,减少CSS的使用。

五,HTML Tag中直接定义样式 <body style="margin:0; padding:0">,<td style="font-size:12px;"> 等,不能使用头部的<style type="text/css">...</style>方式,一些邮箱会过滤<head>标签内容。

六,字体大小定义在每一个<td>里:<td style="font-size:12px;">,不要在tr内定义样式。定义字体颜色用<font color="#333333">标签。

七,邮件内避免使用gif动画,flash动画,js特效,浮动样式。

八,尽量不要使 用<h2>、<ul>、<li>、<ol>、<p>、<dl>、<dd>、<p>等有默认样式的标签,每个邮箱对默认样式的解释不同,避免造成布局错乱。

九,邮件内的图片均采用绝对地址http://...

十,邮件的标准宽度为575像素,最宽不宜超过778像素,否则必须经过修改。

十一,邮件的高度没有具体要求,应以邮件内容多少而定,建议页面高度不宜过长而影响浏览,最长不要超过1200像素,即2.5屏,否则必须经过修改。

十二,email正文的html文件大小(不包含图片或者flash)控制在10k以内;内含图片的邮件包括图片在内文件大小应控制在30k-120k以内;

内含flash或流媒体格式文件的邮件,包括flash或流媒体格式文件在内应控制在50k-250k以内, 否则必须经过修改(特殊情况除外);

十三,禁止使用外联样式表。

十四,图片高度不要小于22排下,会出现扩展显示。

十五,设计建议

(1)对于页面中的图片,建议将超过15k的图片分割成小图片,以保证下载图片过程的顺畅;
      (2)图片个数不宜过多,建议在20个以内,Gif动画文件个数控制在3个以内;
      (3)建议尽量少使用背景图片,复杂的背景图片不利于文字内容的浏览;
      (4)能够使用系统文字应尽量避免使用图片文字以减少文件大小;
      (5)网页上使用的中文系统文字的最小字号应保证在12像素,并且使用系统默认的宋体或黑体,避免使用其它的中文字体;
      (6)使用音效时,音量应从小逐渐放大到正常音量;同时应设置简单、方便的打开/关闭按钮;
      (7)邮件的设计重点在上半部,以吸引阅读者的注意力;
      (8)带有故事情节的flash设计应以下载屏幕开始,以吸引阅读者等待下载;
      (9)背景图片的td应加高宽限制,以避免部分客户端的图片显示出现异常;
      (10)邮件当中的所有点击应使用弹出新窗口。

制作EDM 邮件规范的更多相关文章

  1. 如何制作EDM邮件营销模板之图片注意事项

    在制作EDM邮件营销的邮件模板的时候我们总喜欢添加一些图片来提高读者阅读兴趣,现在U-Mail邮件群发平台根据已有的一些经验来分享给一下邮件内容中添加图片要注意的问题: 1.尽量少使用图片,特别是重要 ...

  2. (转)EDM邮件制作规范完整版

    转载:http://www.maildesign.cn/archives/1380 在我们的日常工作中,经常需要发送邮件和我们的会员沟通.如注册确认.营销推广等.这些由站方发给会员的信件,往往纯文本格 ...

  3. EDM邮件制作

    EDM营销(Email Direct Marketing)也叫:Email营销.电子邮件营销.是指企业向目标客户发送EDM邮件,建立同目标顾客的沟通渠道,向其直接传达相关信息,用来促进销售的一种营销手 ...

  4. EDM博主笔记:EDM邮件营销的几个细节问题

    其实说起EDM邮件营销很多做过的人都知道,目前国内邮件营销的效果其实是比较差的,为什么?因为国内没有多少使用邮件的习惯,如果不是工作所需估计很多的人都几天不碰邮件了,但是反观国外 邮件是其日常的一部分 ...

  5. “三八节”如何做好EDM邮件营销

    阳春三月,乍暖还寒,万物复苏,一年一度的三八节也马上来临了,各路商家都开足马力,掀起了一股美丽的旋风.如今酒香也怕巷子深,要想取得良好的营销效果,就得早早动手,赚足眼球,才会换来节日当天的丰厚回馈.U ...

  6. EDM邮件群发:群发邮件不进垃圾箱的独家秘笈

    EDM邮件群发想要群发的邮件避免进入垃圾箱,不仅需要优化邮件内容和主题,管理收件人邮箱列表,还要有多服务器IP分流技术,控制发信速度,打乱收件人列表等手段,当然更少不了借助专业的邮件群发平台譬如U-M ...

  7. EDM邮件群发十大技巧提升邮件群发效果

    有很多人抱怨现在邮件群发没有什么效果,其实不然,每一种推广方式都有他的优势,没有看到效果说明你没有掌握好方法.个人觉得EDM邮件群发的优势在于传播速度快.不受地域限制.不受时间限制.邮件内容能够多元化 ...

  8. 如何进行EDM邮件内容的撰写

    近两个月没有来博客园更新一下博客文章了,实在惭愧,最近忙于工作,经常加班.下面来说说EDM邮件内容的撰写技巧吧,本文就跟大家交流一下自己一直以来的心得体会. EDM中很重要的一个步骤,就是邮件内容的撰 ...

  9. EDM案例讲解:Mouth foods的EDM邮件营销

    你可能没有听说过Mouth foods,它是一个美味产品的在线市场.作为一个日益增长的企业,他们知道电子邮件的重要性,因为在此之前他们通过电子邮件真正找到了企业品牌中的自我,这就是为什么他们认为电子邮 ...

随机推荐

  1. 【Maven实战】archetype的使用和eclipse的配置

    1.之前在进行项目的构建时都是使用手工进行文件夹的建立,maven也给我们提供了一个参数archetype,可以用来进行项目骨架的建立.使用maven archetype:generate进行创建: ...

  2. Visual Studio创建跨平台移动应用_03.AppBuilder Extension

    1 背景 本章节是关于Telerik AppBuilder for Visual Studio的. 目前(2014.12)为Telerik公司Telerik Platform的一部分,Telerik ...

  3. fedora19安装jdk

    1.下载安装包 去oracle下载jdk-7u45-linux-i586.rpm 2. 更改权限 #chmod 777jdk-7u45-linux-i586.rpm 3. 安装 #rpm -ivh j ...

  4. JSP学习笔记(二):Tomcat服务器的安装及配置

    一.Tomcat的下载及安装. 前往Tomcat官网下载安装包或者免安装压缩包.链接http://tomcat.apache.org/ 这里,我选择的是Tomcat8.0,而不是最新的Tomcat9. ...

  5. html5中input新增type值的使用

    二狗在最近的项目以html5和webapp为主,并接触到了input新增type值的使用,下面就把这些玩意一一以实例列举出来 一:type = date:定义日期:年-月-日 input type=& ...

  6. chrome播放语音时,在chrome 控制台中报 DOMException: The play() request was interrupted by a call to pause(). 的问题.

    $(document).ready(function () { var audioElement = $( '<audio>' + ' <source src="" ...

  7. SKNode类

    继承自 UIResponder:NSObject 符合 NSCodingNSCopyingNSObject(NSObject) 框架  /System/Library/Frameworks/Sprit ...

  8. Android SimpleAdapter GridView (网格图片点击放大显示)

    GridView网格视图 GridView网格视图是按照行,列分布的方式来显示多个组件,通常用于显示图片或是图标等,在使用网格视图时,首先需要要在屏幕上添加GridView组件. 常用属性: 1. a ...

  9. Lucene和jackson冲突

    今天在使用lucene的时候,想直接在Controller中返回json对象,于是在Spring中配置了JackSon的converter: <bean id="jacksonMess ...

  10. iOS 在 Xcode 中重命名项目名称

    本教程使用的 Xcode 版本是Xcode 6.3.1,网上有好多的教程,都是在 Xcode 4 上做的讲解,现以本文章讲解一下如何在 Xcode 6.3.1 中重命名你的项目名称,包括你的应用名称. ...