专业的 edm 邮件发送，是有严格的制作要求的，本指南从格式编码、文字、图片及链接四个方面给出指引，请逐条按照本指南制作您的 edm 邮件模板。
格式编码
- 页面宽度请设定在 600px 到 800px 以内，长度 1024px 以内。
- html 编码请使用
utf-8。 - html 代码在 15KB 以内。（各个邮箱的收件标准不一样，如果超出 15KB 您的邮件很有可能会进入垃圾箱）
- 请使用
table表格来布局。同一个td里只放一张图片，如<td><img src="photo.jpg"/></td>。所有的图片都要定义宽高。同一段文字放在同一td里。 - 如果需要邮件居中显示，请在
table里设定align="center"。 - 不可将 word 类文件直接转换为 html 格式，否则会造成编码不规范。
- 不要使用外链的 css 样式定义文字和图片（外链的 css 样式在邮件里将不能被读取，所以发送出去的邮件因为没有链接到样式，将会使你的邮件内容样式丢失），正确的写法：
<td style="font-family:arial;font-size:12px;color:black">文字</td>。 - 不使用 flash、java、javascript、frames、iframe、activeX 以及 dhtml，如果页面中的图片一定要动态的，请将 flash 文件转换成 gif 动画使用，但在 outlook2007 里，gif 将不能正常显示，因为 outlook2007 限制 gif 动画。
- 不要使用
table以外的body、meta和html之类的标签，部分邮箱系统会把这些过滤掉。 - 背景图片代码写法如下：
<table background="background.gif" cellspacing="0" cellpadding="0"></table>，但请注意，outlook 对背景图片不识别。 - 不要出现
onmouseover、onmouseout，即使在td里设置了，发送到邮箱后也将被过滤，无法显示设定鼠标经过所显示的内容。 -
font-family属性不能为空，否则会被 qq 屏蔽为垃圾邮件。 - 若邮件模板内侧边或者上下有空白间距，不要用
padding，必须得用标准的td来设定空白间距，否则会导致各个邮箱解析不同。 - 在 yahoo 邮箱里定义
line-height的注意事项：需在块级元素里定义line-height。如果td里有p标签，则line-height也必须在p中定义。无论是td还是p，如果有超链接，则都必须在a标签里定义line-height。如果只是在td或者p里面定义line-height的话，那 yahoo 邮箱将无法识别a里面的行高。
文字
- 邮件主题控制在 18 个字以内，避免使用特殊符号，容易产生乱码。
- 邮件主题和内容都不要加入带有网站地址的信息，比如“xxx.com祝您新年好”。如果客户的品牌知名度比较高，主题可加入公司的名称，比如：“NIKE运动时尚”。
- 文字内容，版面尽量简洁，突出主题，以达到更高的点击率。
- 不使用类似如下敏感及带促销类的文字：免费、优惠、特惠、特价、低价、便宜、廉价、视频、赚钱、群发、发财、致富、代开、薪水、交友、支付、商机、法宝、宝典、秘密、情报、机密、保密、绝密、神秘、秘诀等。如果一定需要，请把敏感字做成图片。
- 如果发送超过 20 万封，主题内容要更换，发送超过 200 万封，要考虑重新设计。
- 文字应尽量定义字体的样式，每个邮箱的默认字体样式不同，为了达到您想要的效果，字体样式一定要定义完整。
图片
- 尽量使用图片，以避免文字在各个主流邮箱中的显示有所不同。例如 qq 邮箱，如果未在代码中设置，邮件中的文字不能自动换行，gmail 邮箱邮件内容的字体会自动放大，与原来设定的字符大小不一致。
- 整页图片控制在 8 张以内，每张图片最大不能超过 15KB。
- 图片地址请不要写成相对路径，例如：
<img src="images/aa.jpg" />。（这样发送出去的邮件，收件人将没办法看到您的图片） - 图片名称不能含有 ad 字符，否则图片上传后会显示成“被过滤广告”。
- 如果整个邮件模板只有一张图，一定要裁成 2-3 张小图，并适当保留一些文字。
- gmail、qq 邮箱的要求有改变，图片的属性一定要定义完整，例如
<img src="images/1.jpg" style="vertical-align:top;" height="30" width="100" alt=""/>这里的style="vertical-align:top;"一定要定义，否则图片之间会有缝隙、变形等显示异常的情况。 - 在
img标签里加上alt属性，这样用户在收到邮件的时候，即使有些邮箱将图片隐藏掉，也可以看到alt里面的内容。如：<img src="images/1.jpg" style="vertical-align:top;" height="30" width="100" alt="显示内容"/>，让客户了解到邮件内容并吸引客户点击显示图片。
链接
- 链接数量不能超过 10 个，如果所有图片的链接地址一样，请将所有的小图合并成一张大图。
- 链接请写成绝对地址。（以确保收信人在点击链接时能够正常浏览您的内容）
- 链接地址的长度不能超过 255 个字符，会导致无法追踪或链接错误。
- 不要使用地图功能（
map）链接图片，此功能会使邮件被多数邮箱划分为垃圾邮件。 - 为避免用户收到的邮件图片无法浏览，请制作一份和邮件内容一样的 web 页面，然后在邮件顶部注明：“如果您无法查看邮件内容，请点击这里”，链接到访友同样内容的 web 页面。
- 文字中出现网站地址链接被屏蔽为垃圾邮件的风险是极高的，例如：
http://xxx.com此类链接，建议写成“XXX公司”文字加链接，或是将网址做成图片加链接。 - 链接里面最好不要使用特殊符号，避免邮箱解析错误。
- 链接代码应尽量简短，代码太长会增加模板大小，进而会影响邮件发送效果。
outlook 规则
-
col标签不能被识别，如果要定义几个td相同的宽度，可以把具体的宽度写在具体的td里。例如<td width=""></td>。 - 内联元素的
padding无法被识别，例如<a href="#" style="padding-left:40px;"></a>，a标签里面的内容并不会距离左边 40px。可以在td里定义padding。 - 内联元素的
vertical-align不能被识别，例如<img src="1.jpg" style="vertical-align:bottom"/>，此图片并不会和相同行的元素底对齐，可以写成<td valign="bottom"><img src="1.jpg"/></td>即可。 - 如果
td里包含一个table，那么定义在子table里的标签的样式只会正确显示定义在子table里的样式，在父table的样式是不能正确显示的。注意：如果在table里有a标签的话，则a标签中的内容的颜色样式要定义在a标签内，定义在父td里或所在的table里都是无效的。 - 如果
td和td之间有间隔，使用<td style="border-bottom:10px solid #fff"></td>，这样写的话td之间是不会有间隔的。使用<td style="margin-bottom:10px;"></td>也是不会有空格的。如果td之间有间隙，必须用<td></td><td height="10px"> </td><td></td>来隔开。但是如果是table，则<table style="border-top:10px solid #fff; border-bottom:20px solid #fff"></table>里面的内容会在上下有空行。 -
p标签的width是不认识的，例如<p style="width:320px;"></p>，则p标签中的内容不会在 320px 处自动换行。只有td设置了宽度，内容才会在宽度限制处换行。 - 如果要使用
p标签要考虑到p标签本身自带的上下行之间的行高。 - 在
td里设置margin是无效的，不论是margin-left、margin-right、margin-top或者margin-bottom都没有效果。 - 当设置
<img align="left"/>或<img align="right"/>时，图片会脱离文档流，在其父元素设置了margin或padding的话，都无法使其下移，左移或右移。 - 在 outlook 中，如果嵌套的图片太长，会导致显示不正常，可将图片裁切成几张较短的小图，再进行布局。
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
