邮件营销之HTML Email Guide

本译文由DYH1919首发于白板博客,翻译自Anand Graves的《HTML Email Guide》。水平有限,不足之处请指正,禁止任何纸制媒体转载或摘取,网络转载请按此方式注明,谢谢合作!

注:文章中提到HTML邮件标准不建议使用DHTML,跟Web标准化建议背道而驰,难(懒?)得统一;翻译时尽量做忠实原文,也尽力做到信、达、雅,不正之处可参考英文原本并希望能告知,谢谢。

这篇《HTML邮件指南》旨在介绍一些技巧和工具用于创建HTML邮件,以使它们能在网络邮箱(webmail)和邮件客户端(email clients)正确无误地显示。

HTML化的邮件或HTML化的通讯有优点也有缺点。但实际上你的用户(收件人)已经决定了你是该发送HTML化的邮件还是普通的纯文本邮件。举例说明,如果用户专门为HTML化通讯而注册(,那么很明显你应该发送HTML化的邮件而不是纯文本邮件)。

以下内容已经在 Windows 下通过测试:
网络邮件 – Hotmail, Windows Live Hotmail, Gmail, Yahoo! Mail, Lycos Mail 
邮件客户端- Outlook 2003, Thunderbird 1.5 
浏览器 – Internet Explorer 6 和 7, Mozilla Firefox 2 

为 Mac 平台而做的测试会随后奉上(Apple Mail, Entourage, Hotmail, Gmail, Yahoo! Mail, Lycos Mail, Firefox, Safari)。

强烈建议了解一下邮件标准化项目,它力争实现邮件客户端对标准化的支持。在那里你可以找到针对流行邮件客户端所做的广泛而深入的测试。
可创建HTML邮件的软件 
可发送HTML邮件的软件 
获取多个邮箱帐号用以测试 
建立一个有效的布局 
清除不必要的 HTML 标记 
在布局中使用表格 
把所有图片上线 
隐藏图片工具栏 
使用绝对地址(urls) 
使用短地址(urls) 
使用简单内联样式表 
设计时使用白色背景 
避免在body中定义背景 
所有的文本和链接都必须定义样式 
使用 title 和 alt 属性 
用<BR> 你替 <p> 
使用空格 
选择一个最大宽度 
不要使用form(s) 
不要使用Javascript 
提供一个取消订阅的链接 
提供一个在线版链接 
为在线版提供额外的功能 
在多个浏览器中测试 
避免你的HTML邮件被识别为垃圾邮件 
不要使用DHTML 
不要使用Flash 
使用HTML 邮件检验器 
使用在线HTML清洁器 
跟踪统计HTML邮件中链接的点击次数 
删除重复的电子邮件地址 
使用PHPMailer类发送HTML邮件 (译者注:PHPMailer 类综合应用) 
以multipart/alternative发送邮件 
邮件客户端更加灵活 
转发HTML邮件 
延伸阅读 

可创建HTML邮件的软件

There are a lot of editors available you can use. Here are a few tools you can use to create HTML email and websites:

这里有一些可用的编辑器,下面这些工具可用来创建HTML化邮件或是网站。
Codetch(所见即所得编辑器-WYSIWYG editor / 免费 / Firefox插件) 
实时HTML编辑器(在线) 
PSPad(通用编辑器,alternative for UltraEdit / 免费) 
Intype(源代码编辑器 / 免费) 
NVU(开源所见即所得的编辑器 / 免费) 
Macromedia Dreamweaver (所见即所得的编辑器 / 付费) 

上传文件可以使用FireFTP(Firefox插件)或File Zilla(译者注:开源免费)。

不要使用Microsoft Word创建HTML网页或是HTML邮件。

这是因为Word会在其中插入许多垃圾内容。举例说明,我用Word创建了一个网页,里面只有一行这样的文本:“Don’t use Word to create HTML files”。然后保存这个网页,查看Word 2003创建的源码。

其它版本的Microsoft Word也会插入垃圾内容。但我们只需要的是:
<p>Don’t use Microsoft Word to create HTML files</p>

不要从Microsoft Word复制/粘贴(内容)

Microsoft Word采用了一种与Notepad, Notepad++, PSPad 和 Dreamweaver不同的格式化文本。后面的4个软件都工作在去格式化的文本模式下。

可用于发送HTML邮件的软件

Zookoda

Zookoda 可以为你:
管理订阅的邮件通讯 
创建定制的通迅表格 
管理日程安排 
查看公开,退回,点击和取消订阅的实时报告 
接受手机用户发送格式化的邮件 

免费注册后就可以开始使用了,你可以找到一个步步高指南(Flash动画),它会教你如何创建和发送HTML通讯。不幸的是指南播放的速度非常快,并且没有提供控制(按钮)。

作为Zookoda’s 反垃圾承诺的一部分,为了遵守CAN SPAM Acts of 2003/2004,新注册用户都不能发送邮件,直到注册资料通过人工审核。一旦登录,选择 Account > Sender Details > New Sender,在这里填写你的地址信息。同时,在这里你也可以看到邮件地址和地址信息的是否通过审核,如果被拒绝了,你将会收到一封邮件。查看Zookoda Verifications以获得更多信息。

POMMO

poMMo 是用PHP为Linux编写的一个多功能可大量发送邮件的程序。我还没有完成测试,不过看起来它很有前途。查看 poMMo的屏幕截图(Flickr幻灯片)。

PHPlist
PHPlist 是一个开源的通讯管理程序。 它是高度可配置的,并且提供了许多很多功能,例如点击跟踪,模版,订阅/取消订阅,用户管理,高级跳跃(bounce)操作,日程,节流(throttling)等。

安装PHPlist不需要PHP知识,最重要的是配置config.php 。

Dada Mail – 邮件列表管理程序

Dada Mail 是可定制的,非常容易使用,包含了许多功能,像对邮件列表无大小限制,模版,文档包含搜索引擎,每个邮件列表和管理操作都有控制面板。Dadamail可以通过Mystery Girl – Bounce Handler 等插件扩展其功能。安装DadaMail不需要Perl/CGI的知识,但有些插件需要Linux使用经验。

邮件列表控制器

Arclab邮件列表控制器用于管理邮件表,发送大批量(个性化)的html邮件或纯文本邮件。它拥有一个所见即所得的编辑器,可定制返回的邮件回执(mail detection)和一个功能十足的控制面板。这是一款免费程序,用一个邮件列表就足以支撑超过100个的收件人。

Thunderbird-雷鸟

Mozilla Thunderbird是一个能发送纯文本邮件,HTML邮件或者二者混和的邮件程序。在body内点击并选择Insert > HTML… 创建一个新消息。

phpMailer(译者注:这篇《PHPMailer 类综合应用》有更详细的解绍)

PHPMailer是为PHP而写的一个多功能的邮件程序 。
HTML邮件 
内含图片支持 
为不能阅读HTML邮件的邮件客户端启用Multipart/alternative功能。 
可以发送包含多个收件人(TOs),抄送(CCs),隐藏附本(BCCs)和回复(REPLY-TOs)的邮件 
可以在任何平台工作 
去PHPMailer官网获得更多特性 

获取多个邮箱帐号用以测试

测试,测试,还是是测试。在发出你的HTML邮件之前,你必须确认它在流行邮箱中看上去还不错。获得你的邮箱帐号:
Gmail 
Hotmail 
Yahoo! Mail 
Lycos Mail 
AIM Mail 
163 Mail(译者添加) 
126 Mail(译者添加) 
QQ Mail(译者添加) 
Sina Mail(译者添加) 

除了网络邮箱帐号外,你还需要在邮件客户端测试你的HTML邮件:
Mozilla Thunderbird (PC, Mac) 
Microsoft Outlook 2003, 2007 (PC) 
Entourage (Mac) 
Apple Mail (Mac) 

建立一个有效的布局

HTML邮件的布局和写作风格十分重要。你想人们阅读你的通讯而不是浏览它,你想让他们关注标题等等。EyeTrackIII能跟踪处理用户在阅读网络新闻的行为(deals with online news consumer behavior in the age of multimedia.)。 在他们的网站上,你可以找到负载信息的文档设计,写作风格,视觉跟踪,怎样营造热点等许多难以置信的文章。

清除不必要的 HTML 标记

以下HTML标记应该从你的HTML邮件移除,因为有些网络邮箱和邮件客户端会清移或是忽略这些标记。
DOCTYPE 
HTML tag <HTML></HTML> 
BODY tag <BODY></BODY> 
All Meta tags <META> 
Head tag <HEAD></HEAD> 
Base tag <BASE> 
Link tag <LINK> 
Script tag <SCRIPT></SCRIPT> 
Title tag <TITLE></TITLE> 
Applet tag <APPLET></APPLET> 
Frameset tag <FRAMESET></FRAMESET> 
Frame tag <FRAME> 
IFrame tag <IFRAME></IFRAME> 
Comments <!– comments –> 

在布局中使用表格

布局你的HTML邮件最好最安全的方法就是使用表格,因为很少有邮箱支持样式表(style sheets)。

把所有图片上线

在你的HTML邮件,你可以使用内含或是远程图片。将图片包含在邮件的附件里,它会被立即显示。

所谓远程图片,是指那些存放在其它网站的图片,但它们不会被立即显示。在当今的网络邮箱和邮件客户端,你必须点击一个链接以显示这些远程图片(译者注:这应该是国外的特性,但国内一般不需要。例如,Gmail 要显示图片就必须点那一下,而126/163/QQ都不需要),如果发件人的邮件地址在收件人的邮件联系人中,那么这些图片将会被显示。

陌生人的发送的图片不会被立即显示,因出于安全问题考虑他们被界定为不安全的(例如,发送垃圾邮件的人能够验证你的邮件地址,劫持你的邮箱帐号等)。HTML邮件应该尽可能地小,使用远程图片能减小邮件大小,因而在发邮件时会使用更少的带宽。

隐藏图片工具栏

如果你在IE中将鼠标放在一幅大于 200 x 200 像素并且不是背景的图片上,就会导致工具栏显示出来。

大多数人发现图片工具栏非常讨厌,它会把用户从阅读你的内容上转称开。为了隐藏图片工具栏,在<IMG>标记中中使用 galleryimg属性:
<img src=”cd.gif” width=”20″ height=”30″ galleryimg=”no” alt=”CD of group X” title=”Order this CD”>

使用绝对地址

给所有图片和链接使用绝对地址,例如:
<img src=”http://www.example.com/images/head.gif” width=”20″ height=”60″><a href=”http://www.example.com/products/shoes/tiger.html”>Tiger</a>

例用短地址:

当使用长地址时会有打断链接或是图片(链接)的风险,你的邮件程序或是收件人的邮件程序可能会将长地址截成几节,这会引起链接的一部分也是可点击的而不是整个链接:

http://www.example.com/very_long_name/5r6t/2003fd544/3553ag

dkgj3d/a453b96/g5?a=36hd27hdh48f27dh

当地址太长的话,网络邮箱也可能会加上一些空格(%20):
<img src=”http://www.example.com/mailings/2005/april/17/header_top_disc%20ount.jpg” width=”230″ height=”45″ title=”Discount at …”>

为避免这个问题请使用短地址:
<img src=”http://www.example.com/2004/11/images/1.jpg” width=”10″ height=”60″><a href=”http://www.example.com/2004/11/index.html”>Go to discounts</a>

这段源码可以重写为:
<img src=”http://www.example.com/2004/11/1.jpg” width=”10″ height=”60″><a href=”http://www.example.com/2004/11/”>Go to discounts</a>

如果你想使用短地址,那么在脑子里记住下面这些:
不要使用图片目录,将图片和 index.html 放在同一个目录。 (newsletter); /images/1.jpg becomes /1.jpg 
用数字为图片命名;header_cd.jpe 变为 1.jpg。 
重命名 spacer.gif 为 s.gif(译者注:即是不要使用spacer单词) 
如果你在通讯中使用了一个链接,它指向了一个在线版的通讯,那么你多半会在链接中使用到跟踪参数。例如:http://www.example.com/2004/11/index.html?trck=nov1104.
你可以将它重写为

http://www.example.com/2004/11/?trck=nov1104 

Snipurl能够帮助你缩断你的链接地址,输入一个地址,然后Snipurl会为你生成一个新的永久的短地址。这里有许多类似的服务(tinyurl 和 Make A Shorter Link),但Snipurl能做的更多,瞧瞧Snipurl能为你做些什么?

使用简单内联样式表

使用内联样式表,意味着不用使用绝对地址或是相关地址的样式表。大多数网络邮箱对这一点的支持都很糟糕。不要使用外部的或是内含的样式表,因为邮件程序会清除或是忽略<HEAD></HEAD>之间的内容,即是说如果你想用<LINK>标记定义的外部样式表是不会被执行的。

给字体,文字颜色,链接,背景色等使用内联样式表,例如:
<table width=”400″ cellspacing=”0″ cellpadding=”0″><tr><td style=”font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; color: red”><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p><p>Vivamus ut sem. Fusce aliquam nunc vitae purus.</p></td><td style=”font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: black”>

Vivamus ut sem. Fusce aliquam nunc vitae purus.</td>

</tr>

</table>

设计时使用白色背景

大多数网络邮箱和邮件客户端显示消息时都会使用白色作为背景。网络邮箱常常会忽略或是移除<BODY>标记,这就是为什么背景色常常不会正常显示的原因。

当你在使用了一种不同于白色的背景色时,你可能会搞糟你的设计。举例说明,这种情况是可能会发生的,如果在设计时使用了红色背景,图片的背景色也可能会是红色,当在网络邮箱中查看它时,你多半会看到一个白色背景和一个拥有红色背景的图片,这么做会导致图片不能与背景色达到无缝接合。

最好在设计时使用白色背景,如果真要使用另一种背景颜色,你可以使用一个高和宽均为 100% 的表格模拟背景色:
<table width=”100%” height=”100%”><tr><td bgcolor=”#FF0000″><table width=”400″ align=”center”><tr><td>Lorem ipsum dolor sit amet consectetuer</td></tr>

</table>

</td>

</tr>

</table>

除非你确信你的目标受众使用的是像Outlook或Thunderbird这样的邮件客户端,背景色才能毫无问题地运用。例如,如果你是给某些公司的老总们发送HTML邮件,而他们使用了同一款邮件客户端。

避免在body中定义背景

前面已经提到过,网络邮箱常常会忽视或是移除<BODY>标记,这就是为什么背景图片常常无法运用的原因。

除非你确信你的目标受众使用的是像Outlook或Thunderbird这样的邮件客户端,背景图片才能毫无问题地运用。例如,如果你是给某些公司的老总们发送HTML邮件,而他们使用了同一款邮件客户端。

所有的文本和链接都必须定义样式

你必须为每个表格单元中的文本和链接指定字体、颜色和文字大小(在设计中使用表格),如果你没有指定样式,那么大多数邮件客户端会使用它们自己的样式表。这可能会导致出现不同的字体、颜色和大小,也有可能会搞糟你的设计。

如果你没有指定字体,Hotmail和Yahoo会使用默认字体Arial,Gmail会使用字体Verdana,Hotmail会使用11像素作为默认文字大小,Yahoo会使用12像素,而Gmail会使用16像素。

下面是一个例子,这是文本和链接所需的最起码样式表。
<table width=”400″ cellspacing=”0″ cellpadding=”0″><tr><td style=”font-family: Verdana, sans-serif; font-size: 11px; color: black”><p><a href=”http://www.website.com/030205/” style=”font-family: Verdana, font-size: 11px; color: blue”>Lorem</a>ipsum dolor sit amet, consectetuer adipiscing elit.</p></td><td style=”font-family: Verdana, sans-serif; font-size: 10px; color: black”>Vivamus ut sem. Fusce aliquam nunc vitae purus.</td></tr>

</table>

我常会使用 text-decoration:underline 让读者清楚地知道它是一个链接。
<a href=”http://www.website.com/030205/” style=”font-family: Verdana, font-size: 11px; color: blue; text-decoration: underline”>Lorem</a>

像文本一样的邮件地址和网址

多数情况下,当像普通文本一样使用邮件地址或是网址时,常常会被赋予默认样式,例如:

Send all your questions to contact@example.com
Go to http://www.example.com for more information
Go to www.example.com for more information
Go to sub.example.com for more information

即使它们不是链接,Gmail和Yahoo也会赋给上面链接一个默认样式。Hotmail和Windows Live Hotmail不会给没有 http://的链接赋予样式。

使用 title 和 alt 属性

使用alt属性描述你的图片。当图片不能显示时,alt文本会替换它。多数网络邮箱和邮件客户端默认情况下不会显示图片。

title属性几乎能用在全部元素(链接,图片,表格等)中使用。如果你想显示提示以描述该元素,那么就使用title元素,因此推荐在链接和图片中使用,例如:
<img src=”cd.jpg” width=”170″ height=”230″ alt=”Kool Keith CD – black elvis” title=”The new Kool Keith CD><a href=”http://www.website.com/order.php?id=23″ title=”Order the new Kool Keith CD”>Order CD</a>

把鼠标移到这个链接上看看提示。

使用<p>代替<BR>

在Internet Explorer中,<p>标记使用了比基于Gecko的浏览器更多空间(margin-top和margin-tottom)

例如,如果你使用了一个固定宽和高的表格,并且你的设计基于这些尺寸,如果表格<p>标记中的内容超过了表格的高度,Internet Explorer会增加高度,这可能会导致你的设计出现缝隙。

为了杜拒布局出现问题要使用<BR>标记代替<P>标记,这样在所有浏览器中的表现都会一致。如果你仍有关于布局的疑虑,你也可以使用空格代替<P>和<BR>标记。

<P>标记的另一个问题是在Windows Live Hotmail中这个标记会被移除,因此最安全的方法是使用<BR>标记。

使用空格

使用大小为1×1的透明图片(spacers)强制表格显示正确的宽和高,例如:
<table width=”200″><tr><td width=”50″> </td><td width=”150″>Lorem ipsum dolor sit amet adipiscing.</td></tr></table>

一个宽为50像素的表格单元,内容仅仅是一个空格,这不是说指定的宽度会正确地显示,如果第一个表格单元的宽度不能正确地显示,那么,这很可能也会影响到第二个表格单元。

你必须强制宽度能正确地被显示:
<table width=”200″><tr><td><img src=”http://www.yourwebsite.com/images/spacer.gif” width=”50″ height=”1″></td><td><img src=”http://www.yourwebsite.com/images/spacer.gif” width=”150″ height=”1″></td></tr><tr><td> </td>

<td>Lorem ipsum dolor sit amet adipiscing.</td>

</tr>

</table>

选择一个最大的宽度

多数网络邮箱会设置一个宽度,当你在Outlook或是Thunderbird中双击一封邮件能进行全屏阅读。

在1024×768模式下你可以使用的最大宽度是750px,但你仍可以使用更宽的宽度。如果你使用了一个更宽的宽度(例如800px),那么邮箱客户端会出现一个水平的滚动条,这不是问题,因为所有的内容仍然是可见的,你也许只须水平滚动一点点就可以了。

在800×600模式下你能使用的最大宽度是580px,同样,你也可以使用一个更宽的宽度,这会导致水平滚动条的出现。如果你在800×600模式下的Hotmail中打开你的帐号,也会有一个水平滚动条出现,我猜这是因为右边的广告栏(sky scraper, 160×600px)和顶部的大banner(super banner, 728×90)。

乐酷(Le cool)杂志在他们每周的通讯中使用水平设计主就表明了这一点 。

不要使用form(s)

Hotmail会忽略Htmail邮件的form(s)以确保邮件信息没有包含恶意脚本,其它网络邮箱服务(Gmail和Yahoo)和邮件客户端支持form(s)。

如果你打算发送的HTML邮件中包含form,并且你的收件人当中也使用了Hotmail邮件地址,那么我劝告你不要使用form,替代的方法可以是用一个链接引用到一个包含form的HTML网页。

不要使用JavaScript

在HTML邮件使用JavaScript绝不是一个好主意,因为所有危险的脚本(例如XSS攻击)都能被执行。由于这个原因,多数网络邮箱和邮件客户端都会通过移除或是忽略而禁止JavaScript。

例如这段源码:
<a href=”javascript://” onclick=”window.open(‘http://www.website.com/cd.html’,”,’width=500,height=400′)”>View tracklisting</a>

将会被重写为:
<a href=”#”>View tracklisting</a>

解决方案是引用一个没用JavaScript的链接:
<a href=”http://www.yourwebsite.com/discount/cd.html”>View tracklisting</a>

提供一个取消订阅的链接

在每个HTML邮件底部你应该提供一个取消订阅的链接,在点击这个链接(mailto:)后,收件人只需要按下发送按钮就可以将他们自己的邮件地址从邮件列表中移除,例如:
mailto:unsubscribe@domain.com?subject=unsubscribe

你也可以让人们从你的网站取消订阅,但是这么做可能会让人恶意取消他人的评阅。如果你只是在HTML邮件提供这功能,那么就很少有机会被盗用。

提供一个在线版链接

尽管你在不同的网络邮箱和邮件客户端测试了你的HTML邮件,但是你永远都不能确认它将如何在你的用户的邮件程序中显示出来。为了防止不能正确地被显示出来,应该在每一个HTML邮件顶部提供一个链接,用以在浏览器中查看HTML邮件的在线版本。例如:
if this email doesn’t display correctly, view the online version

例子中使用的是这样的链接 http://www.example.com/mailings/2005/01/,使用目录结构能够轻易地将你的HTML邮件存档。

在在线版中使用<TITLE>标记,如果在线版中省略了这个标记,IE会将网址作为标题。

为在线版提供额外(更多)的功能

将HTML邮件上线,这样,在线版就能在邮件不能正确地在网络邮箱和邮件客户端显示时派上用场。同时,你仍能在线更改设计或是邮件内容(而不用重新发送邮件)。你的设计模版包含了图片和文本链接,使用文本链接是为了以防图片不能载入,当链接被点击后就会引导用户至在线版。

现在,你面临着不同的机会,你可以为所有链接,视频/音频(流)使用hover(鼠标滑过)效果,你可以使用高级CSS,脚本语言(PHP, JavaScript, AJAX等),数据库轻松地创建复杂的设计。

这样,就不用受限于网络邮箱和邮件客户端,你在浏览器中是没有任何局限性的。

在多个浏览器中测试

核对网站的统计表,这样你就能看到哪个浏览器在用户中最爱欢迎。如果你想在Windows平台上的多款浏览器中测试你的设计,那么你有几个可以作为选择。

标准化浏览器(Standalone browsers)

最简单的选择是使用像Mozilla Firefox 和 Opera这样的标准化浏览器(Standalone browsers)。同时,你也可以轻松地使用Firefox的IE Tab 和 IEView插件做在IE6或是IE7下的测试。你可以从这里的大量浏览器存档列表中下载(浏览器)。

IE的标准化版本(Standalone versions of Internet Explorer)

与Windows XP是最流行的操作系统一样,IE6和IE7是(最流行的浏览器)。问题是如果你想使用老版本的IE(4.0和5.0)那么你必须安装老版本的Windows系统。幸运的是,有人为此工作着,standalone versions of Internet Explorer.

Mac浏览器

多数人并没有一台苹果机(Mac)可以用来测试他们的设计效果,但可以使用Safari Compatibility Test。只需要输入网址,然后Safaritest 将会返回你的网页在Safari下效果的屏幕截图。

Linux浏览器

可以用一款Linux LiveCD完成你的设计在Linux浏览器中的测试,所谓Linux LiveCD,是指Linux安装在可启动的CD-ROM或DVD-ROM中,当从Linux LiveCD启动后,你可以开启应用程序,创建文档等等,不用将写或是存储任何内容到硬盘里去。

最流行的LiveCDs是Ubuntu 和 Knoppix,下载LiveCD(ISO),把它烧录到CD-ROM或是DVD-ROM,然后放入你的CD/DVD播放器后重启。这有一些Linux LiveCDs的有用列表。

避免你的HTML邮件被识别为垃圾邮件

在你的用户群中,相当一部分可能仍然在使用Hotmail或是Windows Live Mail,让你的通讯能顺利进入订阅者的Hotmail/Windows Live Mail收件箱仍然是很难完成的(事情),读读微软的这篇题为《Improving E-mail Deliverability into Windows Live Hotmail》(26页,1024 MB)的文档吧。

不要使用DHTML

动态网页综合使用了Javascript,HTML和CSS。不建议使用DHTML是因为Javascript常常被大多数网络邮箱和邮件客户端禁用了。

不要使用Flash

当你尝试在HTML邮件中使用Flash时,网络邮箱和邮件客户端会清除或是忽略相关的HTML代码。

最好是将你的Flash放到网上,然后在HTML邮件中用一幅有吸引力的图片链接到这个在线的Flash动画,同时在图片的上面或是下边放置一个文本链接,因为图片默认是不显示,这样收件人会首先看到文本,除非你的邮件地址在收件人的地址薄中。

使用HTML 邮件检验器

使用HTML 邮件检验器检测你的HTML是否和HTML邮件兼容,将你的HTML拷贝并粘贴至检验器,然后它就会报告是否有错误,每个错误都会引用相关文章段以解释发生错误(的原因)。

使用HTML清洁器

使用HTML清洁器以保持你的HTML代码足够清洁(不冗余),这会减少HTML邮件不能正确显示的机率。点击右侧的advanced 链接以使用高级HTML清洁器。看看配置选项的快速参考指南

现在你可以设置以使你的HTML邮件代码最优化,不幸的是没有选项可以用来保存你的设置,你必须每次使用时手动设置它们。

HTML清洁器设置

你可以下载一个插件,它能自动载入最优化HTML邮件的设置。这个插件是用Greasemonkey 编译器编译的。安装 HTML Tidy Settings

GreaseMonkey 用户脚本

你也能使用GreaseMonkey用户脚本。我已经写好了一个能在HTML清洁器中自动载入最优化HTML邮件的设置的GreaseMonkey用户脚本。GeaseMonkey是一个Firefox插件,它允许你通过写脚本来改变你所访问的网页。在载入设置之前先安装GreaseMonkey,在这个页面本看用法说明。在安装GreaseMonkey后你可以安装用户脚本载入HTML清洁器的设置。
点击此链接在Firefox中查看用户脚本 
选择 Tools>Install User Script… 
跳出一个与脚本同名的对话框 
点击 OK 安装用户脚本 
当使用HTML清洁器的时候,设置会自动载入。 

跟踪统计HTML邮件中链接的点击次数

通常当用户在HTML邮件中点击一个链接时会打开这个链接。当从你的网站请求一个网页(或图片,js文件,css文件等),有关这次请求的信息都会记录在一个名为访问日志的日志文件中。

统计程序使用你的访问日志统计显示你网站的访问者的信息,一段典型的访问日志看起来是这样的:
63.203.109.38 – – [02/Sep/2003:09:51:09 -0700] “GET /custer HTTP/1.1″301 248 “http://search.msn.com/results.asp?RS=CHECKED&FORM=MSNH&v=1&q=%22little+big+Horn%22″ “Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0)”

你可以通过访问日志得知特定HTML邮件中某个特定的链接被点击了多少次,这可以通过附加参数实现。如果在HTML邮件中有下面这样的链接引用了一个产品网页:

http://www.example.com/products/shoes/page.html

你可以为这个网址加上参数,第一个参数被字符?分隔开来。如果你想附加参数,那么你需要一个参数和对应的参数值。我要附加一个参数名为track和参数值shoes20050411(你可以使用任何你喜欢的参数名和参数值(译者注:事实上并不能任意使用,应该遵循变量命名规则)):

http://www.example.com/products/shoes/page.html?track=shoes20050411

如果你有权使用shell和访问日志,那么你可以用Linux的gerp,sort,uniq等命令,做一些像上面这个链接已经被点击了多少次这样的统计。如果你想跟更多的参数,那么使用字符&:

http://www.example.com/products/shoes/page.html?track=shoes20050411&color=blue

你一个有用的功能就是跟踪有多少收件人点击了在浏览器中显示HTML邮件的链接,那意味着邮件没能在网络邮箱或是邮件程序中正确地显示,这样就能得知有多少人没有正确地浏览邮件。

http://www.example.com/mailings/2005/01/index.html?track=online200501

你使用了什么参数名和参数值不要紧,只要你知道它们代表了什么。

删除重复的电子邮件地址

你能在这里找到相关内容。

使用PHPMailer类发送HTML邮件 (译者注:PHPMailer 类综合应用)
到PHPMailer官网下载最新版本的程序 
将PHPMailer解压并上传到你的网站 
在一PHP文件(例如:test.php)中拷贝并粘贴入下面的代码,把它上传到你的网站 
<?php
require(”class.phpmailer.php”);
$mail = new PHPMailer();
$mail->From = “namesender@name.com”;
$mail->FromName = “Firstname Lastname”;
$mail->AddBCC(’namerecipient1@name.com’, ‘John Doe1′);
$mail->AddBCC(’namerecipient2@name.com’, ‘John Doe2′);
$mail->AddBCC(’namerecipient3@name.com’, ‘John Doe3′);
$mail->WordWrap = 50;
$mail->IsHTML(true);
$mail->Subject = “Here is the subject”;
$mail->Body = “<<<HTMLCODE
<p>Copy and paste your <b>HTML code</b> here</p>
HTMLCODE;if(!$mail->Send())
{
echo “Message could not be sent. <p>”;
echo “Mailer Error: ” . $mail->ErrorInfo;
exit;
}
echo “Message has been sent”;
?> 
在线打开这个php文件,例如:http://www.website.com/phpmailer/test.php 
你会看到“Message has been sent” 

以multipart/alternative发送邮件

如果你给那些不能用网络邮箱或是邮件客户端阅读HTML邮件的人发送了HTML邮件,他们将会看到的是HTML源码。如果你不知道你的收件人使用的是什么,那么以multipart/alternative发送邮件,这是HTML版本和纯文字版本。

收件人的邮箱程序决定使用那个版本显示,如果它不支持HTML邮件,就会使用纯文本显示。如果支持HTML邮件,则会显示HTML版本。

用PHPMailer发送multipart/alternative邮件

遵循使用PHPMailer类发送HTML邮件同样的步骤,唯一不同的只有一行代码。在 $mail->Body 后加上下面的代码:
$mail->AltBody = “This is the body in plain text for non-HTML mail clients”;

邮件客户端更加灵活

如果你确认你的目标受众使用的是一款像Outlook或Thunderbird(或基它)标准化的邮件程序,那么创建HTML邮件会更容易一些。

比起网络邮箱,你会受到更少的限制:
你可以使用内含的样式表(css在head中) 
你可以使用form(s)(不推荐) 
你可以使用背景色 
你可以使用背景图片 
你可以使用绝对定位 
你可以使用meta标记 

转发HTML邮件

当人们收到一封邮件他可能会将它转发给好友,因此你的HTML排版的邮件在转发后仍看起来一样就显得尤为重要了。

使用Gmail,Yahoo,Hotmail,Lycos和SquirrelMail转发HTML邮件,必须将邮件作为附件或是仅仅转发HTML邮件才能让它们工作。

延伸阅读
Email Standards Project 
Essential Guides (PDFs) 
Adventures in Email Marketing 
The Messaging Times 

Email Marketing Metrics Report –

(PDF, 2,87 MB) 

Tamara’s Email Marketin Best Practices Blog 
The Email Wars 
Email Marketing Voodoo 
Newsletter Archive 
Email Marketing Reports 
VerticalResponse Email Marketing Blog 
EmailStatCenter: The Leading Authority on Email Marketing Metrics 
Email Marketing Articles – EmailLabs 
Campaign Monitor Blog

发布者

admin

出生于湖南安乡,现居住于浙江绍兴,持续创业者。

《邮件营销之HTML Email Guide》上有1条评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注