邮件EDM模板制作规范

邮件EDM模板制作规范

第一部分邮件模板概括

1、邮件类型：

1) 新闻订阅；一般文字内容居多，每段文字具有相应的链接可供点击，同时加入少量图片进行点缀，模板顶部带有显著的公司logo和邮件发送内容标示，模板底部具有公司的联系方式，免责申明等栏目，邮件通常大于50K。

2) 产品订阅；一般图片内容为主，图片带有相应的链接可供点击，目的是有针对性的介绍最新的产品或活动信息，由于采用图片为主的形式，邮件大小通常在20k以内。

注：以上类型的模板制作均采用标准的html语言，并插入具有绝对地址链接的图片和链接。

2、邮件模板显示尺寸：

考虑到现在显示器不同分辩率的问题，一般建议邮件模板的显示宽度为800px至1024px之间；模板高度在1280px左右（即用户之需要一次滚动屏幕就可浏览全部内容）。

模板最佳尺寸：显示宽度400px-800px，模板高度控制在一屏以内。

3、标准邮件模板中需包括以下内容：

1) 标准页眉页脚应用

必须含有邮件无法正常显示的引导入口，如下的类似文字，如：如果无法浏览此邮件，请点击这里；另外，最好建议用户将发件人加入联系人列表。必须含有明显的退订链接标示（退订链接可直接由发送系统提供或链接到用户自己提供的退订链接）；

2) 其他页眉页脚应用

表明邮件的主要目的

邮件退订

选择订阅内容

修改订阅邮箱

隐私保护说明

企业服务标准等

注：目前网民使用的主流的浏览器有：

微软IE6 / IE7 / IE8、以IE为核心的遨游/Green、Google Chrome及FireFox，使用覆盖率超过90%；经过模板制作规范的建议修改后，以上浏览器均能正常显示模板。

第二部分静态页面的制作

一、内容比例

邮件模板中，图片及文字应具有平衡的比例，从门户的判断机制上来看，邮件正文中文本的比例越合理，被判断为垃圾邮件的可能性越小，尤其是网易。通常我们建议根据邮件的内容将非效果性文字都以文本的形式呈现。

二、切图方式

1、页面制作方式目前分为table与div两种方式

要确保邮件模板在不同的邮件客户端中显示效果保持一致，需采用table格式的切割；而div格式由于有些属性不被邮件客户端完全支持，所以建议避免使用。

2、切割图片时，在不影响图片失真的情况下，所切割图片应尽可能的优化

图片优化后，容量减小，保证了用户打开邮件时，在最短时间内看到感兴趣的图片，提高邮件模板的阅读率；另外，当遇到页面中有动画时，可将动画导出为gif图片；对于页面中的flash动画，目前大部分邮件客户端暂不支持正常的显示。

3、插入的图片要定义高和宽

通常图片的高和宽都使用width和height进行定义，但在qq邮箱中会清除页面里所有图片的高和宽，导致页面显示变形；所以图片的高和宽建议采用style中定义的方式，如：style=”width:xxx;height:xxx”。

4、不使用背景图片

在outlook中，背景图片将无法显示，其他邮件客户端可正确显示背景图片。

5、图片的地址链接

不采用map标记形式，因为map标记在outlook中无法进行正常的点击，即无法打不开该链接指向的网址。

6、不使用word转换的html文件作为模板

由于word转换后会在html中插入大量无用代码，导致邮件出现显示错乱和易被拦截等问题。同时，建议对word文档手工转换成html网页后，加入相关图片，以更好的吸引客户眼球。

三、CSS样式定义

1、CSS样式的添加可分为两种方式：

1) 外部调用样式；

2) 内部调用样式；

3) HTML Tag中直接定义样式。

2、对以上内容分别进行相关阐述

1) 外部调用样式，指在网页的中写出样式表文件的名称和路径，例如：

2) 内部调用样式，指在页面的头部，以结尾的样式定义。例如：

3) HTML Tag中直接定义样式，指直接在html tag标记中写style定义。例如：

style=”font-family:Arial;font-size:12px;color:#6F6E6E”>文字信息

第一种和第二种方式为制作网页的常用方式，但这两种方式在邮件客户端中某些定义将无法生效。第三种方式在邮件客户端中显示兼容性最高，但手工制作繁琐，所以系统集成了“网页抓取”功能，抓取功能

将自动把第一种和第二种网页转换成第三种网页的样式定义模式，从而确保了模板显示的最大兼容性。

3、其他

Alt值——在主要的图片中定义Alt，标注上图片中的文字内容，在图片无法正常显示时，用户仍然可以看到图片所要传达的主题内容。

第三部分页面的测试

页面制作完毕以后，需上传到web专用服务器

测试时页面抓取分为：

⑴、url抓取（url抓取是系统专为提供模板显示兼容性而设计的功能，建议使用）

⑵、html代码复制，使用代码复制要求网页中的链接或引用都使用绝对地址，否则网页中的图片将无法在邮件中正常显示；）

第四部分查看邮箱

邮件模板的发送有可能发生的三种情况

1、邮件进入收件箱；

2、邮件进入垃圾箱；

3、邮件被拒收；