在我们的推广中,有时候邮件推广也是一种方式,有的需求需要制作html代码嵌入到邮件中去,早期第一次接触时,也遇到不少坑,死活在QQ邮件里都不能正确显示出来,总是有问题。随后发现其实这需要我们遵守一些QQ邮件推广的规则。

下面就是当时制作邮件推广的HTML模板时,一个小小笔记。方便日后查阅。那么如何制作正确的HTML邮件模板呢?

邮件推广的时候基本都是图片加超链接,而且尽量用表格的去制作模板。

当初也是这样做,发现模板完成后,还是不能显示,最后发现原来是:在图片和超链接的基础上,还需要加一段隐藏的文字说明才行,而且这段文字不能有一些敏感的信息,且内容尽量丰满,字数也有一定的限制相当于对你这段主题推广的一段文字说明吧。

也许是QQ要看你邮件的文本内容是否存在一些危险性,没有的话,便会让图片直接显示出来。要不就是属于垃圾邮件

下面是具体的一段代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>如何在QQ邮件中能正确显示HTML模板中的图片?</title>
</head>
<body bgcolor="#FFFFFF" style="width:700px; margin:0 auto">
<table width="700" height="300px" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td colspan="3" background="http://www.xxxx.com/email/images/email-0.jpg" width="700px" height="300px">
			<a href="http://www.shikuai10.com/download.html?source=wap" target="_blank" style="display:block;">
				  <div style="height:300px; width:700px;"></div>
			</a>
		</td>
	</tr>
</table>
<div style="DISPLAY: none; FONT-SIZE: 12px; LINE-HEIGHT: 24px">
	<table cellspacing="0" cellpadding="0" width="700" align="center" border="0">
		<tbody>
		<tr>
			<td>
			   这里加一段隐藏的文字说明才行,而且这段文字不能有一些敏感的信息,且内容尽量丰满,字数也有一定的限制,相当于对你这段主题推广的一段文字说明吧
			</td>
		</tr>
		</tbody>
	</table>
</div>
</body>
</html>