HTML邮件制作心得

一年下来，做了很多群发会员邮件的小项目，对HTML邮件是爱恨交加，爱的是它能很快的将我们想表达的信息直接推到会员面前，恨的是，各大邮箱系统的兼容性问题。这类帖子在行内不少BLOG上都有朋友写过了，大部分也是我碰到过的，我这里写点我的个人感受吧。

1.邮件兼容性问题

1.1 table布局比较靠谱

div布局在部分变态邮箱里没法看，因为这部分邮箱会默认对某些标签添加自有的样式,如sina.com的邮箱和hotmail.com的邮箱。甚至这些邮箱有BUG的话，会出现一些莫名奇妙的问题，如：QQ邮箱会在某些情况下（至今未知）自动给图片的格式后缀再多加一个“点”，a.jpg会变成a..jpg,-_-!!

而table布局在这个时候就很强势，很兼容，很可靠，很强大了，根据多次测试，table布局的可靠率达到90%以上，像QQ邮箱，网易邮箱，都是将邮件的主体内容放在一个iframe中，QQ邮箱就在iframe中设定了默认图片display:inline;的样式，这些样式如果你不注意，等你百思不得其解为何你的邮件中图片乱七八糟的时候，就应该看看这个了。

1.2 尽量少用图片

很多邮箱默认下，是不会下载图片的，例如live mail,也就是hotmail,gmail默认状态下也是不会下载背景图片和img的，只会提示你是否要显示，是否以后都信任这个地址的邮件，这个主要是处于安全性上的考虑。而不用图片了，如果又需要有视觉上的变化那怎么办呢，可以用色块（background-color），如果要用圆角，可以用很多的标签去拼凑(-_-!，是很变态)，图片方面，一般来说大家有过seo习惯的话都会加上alt属性，这里也最好给图片加上，避免图片无法显示的时候，可以显示alt内容。

1.3 编码要注意

尽量用utf-8的编码，可以避免某些（注意，是某些）邮箱出现乱码情况。

1.4 细节多考虑

很多事情都是细节上决定结果。在做HTML邮件时，根据友商网的情况，一般是要先将这个页面和引用的资源上线到服务器，页面中的

静态资源，例如图片，切记要写绝对URL，如果写了相对路径，当打开的这个邮件时，图片是无法显示的。

控制好图片的大小，过度追求图片质量换来的就是打开邮件时打开过于缓慢，接着就是会员无法容忍，直接跳出邮件。

直接在标签上写它的内联样式，否则很可能会跟邮箱系统的样式冲突。

1.5 最好要有专用的邮件发送系统，并且要做好与各大邮箱服务提供商的协调工作，否则，你会发现你发送的邮件都成了spam。

2.邮件效益问题

发送HTML邮件给会员一般有几类目的：

2.1 通知他们某些信息，如交易信息，账单，让他们得知，这类邮件需要简单扼要，不要带有过多的干扰信息。一句话提示，一个表

格，一个按钮，就基本满足了需求。

2.2 对会员来说，附加的，希望他们参与的，例如：优惠活动，赠送业务。这类，首先应该在视觉上多做文章，但也不能做的过于花

里胡哨，主题要更突出，避免过多干扰色彩和信息，毕竟很多人看邮件的时间比看页面的时间来的更短，垃圾邮件实在太多，太多人的心里有了阴影。

另外，【标题】和【发件人】也是要注意的，吸引人的标题能第一时间抓住人的好奇心理，“祝您新年快乐”这个标题就没有“携冯

氏幽默给您拜年”吸引人。所以说，标题党在这里同样适用。

别忘了，发件人要写的正式，如果面向的会员绝大部分是中国人，那最好是中文（毕竟这里是中国），如果是英文字母，不知有多少

人的第一反应就是：垃圾邮件，接着就是delete。这个需要用研和文案多考虑考虑。

2.3 表达一些喜庆信息，例如元宵节。这类邮件需要传递一种喜悦，需要能跟会员互动，那就最好在站点上还有相关的专题，应用或

者创意的东西去支撑它，邮件只作为一个入口。

想要发好一个邮件，真的不容易，想要有效果，那就要多方合作，更多的研究用户群体，才能做出好的邮件来。

————————————————–update 20090224———————————————-

在outlook 2007 中对HTML邮件的支持相当有限，所以如果客户端使用的是outlook 2007，那么请你抑郁吧。

它只支持CSS 1.0，HTML 4.01，对background-image，style属性等不支持。具体请看微软官方文档：

http://msdn.microsoft.com/en-us/library/aa338201.aspx
http://msdn.microsoft.com/en-us/library/aa338200.aspx

要做好一个HTML邮件，说简单，还真不怎么复杂，说它复杂，其实也不难。通过以上方法确实可以解决一些问题但还会有其他一些问题，就再唠叨几句。

简单的是：技术实现要求不是太高，只要做好xhtml页面就能使用邮件发送服务来发送。

难的是：如要做到兼容国内几乎所有邮箱，兼容Gmail，Yahoo mail，outlook等，却也有点难度。因为各大邮箱对css，HTML标签的支持程度各不相同，有的会在邮件主体的外层使用一些干扰的样式，有的对图片的支持也不清不楚，邮件客户端就更是千奇百怪。

要想做好最大的兼容性，建议：

1.用table进行布局，想要布局不乱，尽量用他，很多时候web标准在这里行不通，想用float？到了人家的邮箱里，就不一定浮的起来了。。

2.少用图片作为背景，因为outlook 2007和某些web 邮箱是不支持背景图片的。

3.图片给出alt属性，防止图片无法显示时，出现红叉叉。

其他的，请参考上面给出的总结，业界也有不少关于这个话题的好帖子，可以搜索一下。

现在，再谈谈如何在HTML邮件上做一点点用研，提高它的回报率。

首先，有一条是必须的：你所发出的邮件对用户来说，是确实有意义的，而不是在糟蹋广大劳动人民的智慧。

1. 它面向的用户群体主要是某站点的会员，包括购买了产品的用户和没有购买产品的用户，没有购买产品的用户又包含活跃会员与普通用户，往下还可以细分。与用户的沟通，或者说互动，有很多的途径，HTML邮件就是其中之一，[ 虽然我极不推荐用这个古老而收效甚微的方法，其他的方式，往后再聊聊] ，它以精准而著称，如果接受者不是我们的有效目标受众，不但浪费了资源，更违背了HTML邮件或者叫EDM的宗旨及意义。这一点是首先要明确的。

2. 我们来看看这个小用研的重点在哪？先模拟一下用户打开邮件的整个过程：

flow

A、B、C三个点可以说都是关键点，因为这三个点是一个用户真正做决定的点，但是，其中的A是一个EDM能否产生真正应用价值的，是否有存活在这个世界上的时间点。这个地方需要考虑的是标题的创新包装，所以A是这三个点中，最重要的。
B点是视觉风格–>内容的天地，也是用户是否会深入了解该邮件的过程。
C点是真正对用户产生价值的地方，是能否给用户带来效益的地方，也是站点与用户能否双赢的时间段。这一次的用户调研，将主要在这三个点设计调研点。

剩下的，就是控制好样本量和选取合适的调研方法，可以是问卷，访谈，Focus group，可用性实验室等，最简单的，就是问卷和访谈。访谈，可以是真实的面对面的，也可以是通过语音。我们此次的调研主要采用的就是上面提到的前两种，效果还算理想。

本文转载自网络 http://www.kdued.com/2009/04/html-mail-2/

HTML邮件制作心得相关推荐

计算机基础白板课件,白板教学最流行的6种教学模式－交互式电子白板课件制作心得...
白板教学最流行的6种教学模式-交互式电子白板课件制作心得一.构建课堂互动探究学习平台交互式电子白板适用于课堂中的探究学习,教师可以通过交互式电子白板构建学习情景,并且可以通过交互式电子白板更为清晰 ...
实训双绞线制作心得体会
实训双绞线制作心得体会这个学期我们开设了计算机网络这门课程,这次的双绞线综合实训主要是为了提高我们的实际应用水平.在实训过程中,通过实训目的.实训操作器材,实训步骤.以及回答问题,来巩固对此的认识. ...
【Cocos游戏】Gamelook：骏梦许斌《秦时明月》制作心得分享
GameLook报道 / 7月6日,2014年第6期"GAMELOOK游戏开放日"在上海成功举办,本次活动由游族网络和童石集团倾情赞助. 活动现场,骏梦游戏创始人许斌作了作了< ...
HTML邮件制作规范
以下内容有些是别人总结的,有些是自己在工作中总结的. 模板最佳尺寸:显示宽度550px-750px,模板高度控制在一屏以内. 1. 用table css方式构建模板 Div css布局不完全被邮件客户 ...
王者荣耀官网制作心得
一开始看到官网复杂的页面还是有些心虚的,从网上学了一些关于网页的制作,也是有一些心得的. 开启新的文件夹,一个html一个css,链接进去就OK,现在想想在大公司里开发网页是否也是如此,一个大项目分为 ...
html5网页制作心得体会,网页设计课程学习心得总结
网页设计师需要不断地调整视觉元素,改进界面设计来满足不同用户的需求和偏好,图片是网页设计的重要设计元素,如何更好地在网页设计中应用图片元素显得尤为重要.下面是小编为大家整理的,供你参考! 篇1 转瞬之 ...
【html】edm 邮件制作指南
专业的 edm 邮件发送,是有严格的制作要求的,本指南从格式编码.文字.图片及链接四个方面给出指引,请逐条按照本指南制作您的 edm 邮件模板. 格式编码 1.页面宽度请设定在 600px 到 800 ...
SetupFactory安装制作心得
很多年前,因为仰慕Install Shield的鼎鼎大名,所以很是花了些功夫研究了一番,最后,基本上也可以打出很完善的包了,其中也不乏一些很有难度的事情,比如ODBC的打包等.但它实在太难用了,过上一 ...
PPT制作心得与感悟
在互联网普及的大数据环境中,我们的工作生活中很多地方都离不开PPT制作.在之前开展的培训课上我有幸学习了PPT制作这项技术,使我对PPT的功能.做法.技巧有了全新的认识.通过培训老师的讲解,我学到了很 ...

HTML邮件制作心得

HTML邮件制作心得相关推荐

最新文章

热门文章