邮件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) 内部调用样式;
3) HTML Tag中直接定义样式。
2、对以上内容分别进行相关阐述
1) 外部调用样式,指在网页的<head>中写出样式表文件的名称和路径,例如:
模板图片 背景<head>
<link href=”all.css” rel=”stylesheet”/>
</head>
<link href=”all.css” rel=”stylesheet”/>
</head>
2) 内部调用样式,指在页面的头部,以<style>开头,以</style>结尾的样式定义。例如:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论