如何设计一份出色的邮件模板?(转)

carol.cheng
你是否正打算去实施一项邮件营销(email marketing)计划,但却不知该如何设计html邮件模板?你是否正在开展邮件营销,但效果却不甚理想?通过本文为你介绍五种关于如何设计和优化邮件模板的方法,帮助你更好地实施邮件营销以达到预期的效果。

邮件模板的设计并不像你想象的那么简单

现有的一些关于如何优化邮件模板的方法中存在着很多误区。如果你正在使用第三方邮件服务商提供的模板,那是一个良好的开始。然而,对于那些互有品牌和那些不是通过第三方邮件供应商发送html邮件的客户,设计一封html邮件模板还是蛮有挑战的。尽管不能手把手的教你怎样设计邮件模板,但是会告诉你五个关系到html邮件模板设计的小诀窍。

1. 设计成水平的预览面板

实践证明,无论是outlook,hotmail还是yahoo等邮件客户端用户,他们中大多数用户都是沿着水平方向查看邮件的。根据英国质谱公司的调查发现,水平预览面板的平均大小是638*86像素。

确实如此。很多人甚至看都不看你邮件前100像素的内容。

这就是说你邮件模板的宽度最好不要超过638像素(通常建议你使用600像素的宽度),同时,你必须确保把有价值的建议和让客户看完后就会产生行动的信息放在前100像素范围内。或许,你也想在这个黄金位置放上漂亮的标题图片。如果你真的使用了标题图片的话,你最好确保图片上能够显示提示文本和标题文本。

你或许想看看outlook中邮件的屏幕截图,想知道它放在photoshop中的效果如何。但是无论你怎样把它拆分开来,你都必须确保你的邮件是600*100像素或更小以便说服客户继续阅读你的邮件。

2. 最多两个专栏

一个人平均花54秒看完一封邮件的概率不大,除非他把滚动条滚得很快。短时间内让客户看到大量的信息和链接的一种方法是使用两个专栏的格式。建议使用一个200像素的边栏和一个400像素的主栏。边栏可以让你提供细节信息和导航链接。主栏是放你邮件的主要内容的。

关于边栏是放在邮件模板的左边还是右边有很多争论。通常认为左边的位置更好。因为无论客户预览的面板有多窄,(除非他们预览的是一个非常狭小的,垂直的面板,但是这种情况不大可能)。左边栏200像素和右主栏400像素,所有的信息都尽在眼底了。

然而,如果你的表格和html编辑得不是很整洁,左边栏会给预览带来麻烦,甚至把右边的主栏挤出了屏幕。这种情况的话可以把边栏放在右边,确保主栏的内容完全可见。

两种情况都测试一下,尽量让它们在不同的邮件客户端哪里都能得到显示。

3. 固定图片和链接位置

另外你必须牢记的是邮件客户端比html 的网页浏览器更让人难以忍受。因此你必须格外关注开发人员或程序员是如何编辑你的邮件模板的。

必须规定每一张图片的大小。也就是说,在html编码中,需要规定图片的宽度和高度。否则,你的布局就要乱了。正如我们之前在有关图片的文章中所说的,,图片中都必须有提示文字和标题标签。

同时,你的链接必须采用绝对路径,而不是相对路径。虽然在一些网站上,我们一般会采用相对链接,这也就是说,在html编码时,你可以不使用完整的链接地址。但是,在html邮件模板中,你必须使用完整的链接地址。

4.请尽量少使用图片

图片的使用非常重要,但是在设计邮件模板时,请谨记:尽量少使用图片,并尽量使用html和格式文本去表达你的信息。

图片看起来很不错,这一点无容置疑。但是,它们也会给你的邮件营销带来很多问题。

5. 简洁明了

无论你的内容有多华丽,客户都不会仔细地看。他们大都只花一两分钟时间大致浏览一下。所以不要向客户提供太多琐碎的内容。在设计邮件模板时,请尽量放大邮件标题、简化邮件内容并把链接直接链到你的网页或是目标页上。

使用项目符号列表可以帮你做到这一点。但要注意,不要给客户强加太多文本信息,也不要让他们看了一大堆无关信息后才看到重点。

没错,内容中应该包含一些有价值的东西。但邮件不是网页,客户在看一封邮件和看一篇博文的反应是不一样的。所以,尽量让你的内容简洁、凝聚、高效而不是提供给客户很多无用的信息。

额外的奖励!html小诀窍!

其实,邮件客户端对客户如何去阅读邮件是非常挑剔的。以下就是一些关于编辑邮件模板的小建议,对于大多数邮件客户端都还蛮试用的。

使用html表格去控制版面的布局。在邮件环境下,不要单纯使用css布局;
用直接插入css代码的方法去控制其他的呈现形式;
css样式声明必须出现在body标签下面;
不要使用css简写,不要使用12/16像素arial、helvetica的缩略字体风格。把这些简写写成一个个独立的属性:字体类型、字号和行高;
为了获得特殊的效果,使用span和div标签时要谨慎,可以使用html表格去扩大布局。

设计一封满意的邮件模板,还是蛮有挑战的。一旦你设计出了一个看得上眼,并能让邮件持续到达收件箱的模板,你就可以反复使用了。第一次花点时间去设计一个合适的模板,以后你就可以从中受益了。
2015-05-20 294阅读
问题/讨论
回复(2)
我要向AI提问
AI回答:
font-size: 12px; font-family: Arial, Helvetica, sans-serif;
不要使用过多的背景颜色和图像;
不要使用javascript;
确保你的邮件模板的大小不要超过100kb。

以上这些小技巧可以帮助你更好地设计和编辑邮件模板,使得邮件营销的效果更加显著。但是需要注意的是,不同邮件客户端的兼容性问题也需要你及时测试和修复。希望这些小技巧能对你的工作有所帮助。
2023-06-06
追问:
  • SCC.Hotel.Articles_janet
    谢谢分享,之前未接触过设计邮件模板,所以对此看得还是有点云里雾里的
    2015-06-04
  • liufanfeiyang
    很有道理,不过我不会,呵呵
    2015-05-20
相关问答