專業(yè)的 edm 郵件發(fā)送，是有嚴格的制作要求的，本指南從格式編碼、文字、圖片及鏈接四個方面給出指引，請逐條按照本指南制作您的 edm 郵件模板。
格式編碼
1、頁面寬度請設定在 600px 到 800px 以內(nèi)，長度 1024px 以內(nèi)。
2、html 編碼請使用 utf-8。
3、html 代碼在 15KB 以內(nèi)。（各個郵箱的收件標準不一樣，如果超出 15KB 您的郵件很有可能會進入垃圾箱）
4、請使用 table 表格來布局。同一個 td 里只放一張圖片，如 <td><img src="photo.jpg" /></td>。所有的圖片都要定義寬高。同一段文字放在同一 td 里。
5、如果需要郵件居中顯示，請在 table 里設定 align="center"。
6、不可將 word 類文件直接轉換為 html 格式，否則會造成編碼不規(guī)范。
7、不要使用外鏈的 css 樣式定義文字和圖片（外鏈的 css 樣式在郵件里將不能被讀取，所以發(fā)送出去的郵件因為沒有鏈接到樣式，將會使你的郵件內(nèi)容樣式丟失），正確的寫法：<td style="font-family:arial;font-size:12px;color:black">文字</td>。
8、不使用 flash、java、javascript、frames、iframe、activeX 以及 dhtml，如果頁面中的圖片一定要動態(tài)的，請將 flash 文件轉換成 gif 動畫使用，但在 outlook2007 里，gif 將不能正常顯示，因為 outlook2007 限制 gif 動畫。
9、不要使用 table 以外的 body、meta 和 html 之類的標簽，部分郵箱系統(tǒng)會把這些過濾掉。
10、背景圖片代碼寫法如下：<table background="background.gif" cellspacing="0" cellpadding="0"></table>，但請注意，outlook 對背景圖片不識別。
11、不要出現(xiàn)"onmouseover"、"onmouseout"，即使在 td 里設置了，發(fā)送到郵箱后也將被過濾，無法顯示設定鼠標經(jīng)過所顯示的內(nèi)容。
12、font-family 屬性不能為空，否則會被 qq 屏蔽為垃圾郵件。
13、若郵件模板內(nèi)側邊或者上下有空白間距，不要用 padding，必須得用標準的 td 來設定空白間距，否則會導致各個郵箱解析不同。
14、在 yahoo 郵箱里定義 line-height 的注意事項：需在塊級元素里定義 line-height。如果 td 里有 p 標簽，則 line-height 也必須在 p 中定義。無論是 td 還是 p，如果有超鏈接，則都必須在 a 標簽里定義 line-height。如果只是在 td 或者 p 里面定義 line-height 的話，那 yahoo 郵箱將無法識別 a 里面的行高。
文字
1、郵件主題控制在 18 個字以內(nèi)，避免使用特殊符號，容易產(chǎn)生亂碼。
2、郵件主題和內(nèi)容都不要加入帶有網(wǎng)站地址的信息，比如“xxx.com祝您新年好”。如果客戶的品牌知名度比較高，主題可加入公司的名稱，比如：“NIKE運動時尚”。
3、文字內(nèi)容，版面盡量簡潔，突出主題，以達到更高的點擊率。
4、不使用類似如下敏感及帶促銷類的文字：免費、優(yōu)惠、特惠、特價、低價、便宜、廉價、視頻、賺錢、群發(fā)、發(fā)財、致富、代開、薪水、交友、支付、商機、法寶、寶典、秘密、情報、機密、保密、絕密、神秘、秘訣等。如果一定需要，請把敏感字做成圖片。
5、如果發(fā)送超過 20 萬封，主題內(nèi)容要更換，發(fā)送超過 200 萬封，要考慮重新設計。
6、文字應盡量定義字體的樣式，每個郵箱的默認字體樣式不同，為了達到您想要的效果，字體樣式一定要定義完整。
圖片
1、盡量使用圖片，以避免文字在各個主流郵箱中的顯示有所不同。例如 qq 郵箱，如果未在代碼中設置，郵件中的文字不能自動換行，gmail 郵箱郵件內(nèi)容的字體會自動放大，與原來設定的字符大小不一致。
2、整頁圖片控制在 8 張以內(nèi)，每張圖片最大不能超過 15KB。
3、圖片地址請不要寫成本地路徑，例如：<img src="images/aa.jpg" />，（這樣發(fā)送出去的郵件，收件人將沒辦法看到您的圖片）。
4、圖片名稱不能含有 ad 字符，否則圖片上傳后會顯示成“被過濾廣告”。
5、如果整個郵件模板只有一張圖，一定要裁成 2-3 張小圖，并適當保留一些文字。
6、gmail、qq 郵箱的要求又改變，圖片的屬性一定要定義完整，例如 <img src="images/1.jpg" style="vertical-align:top;" height="30" width="100" alt="" /> 這里的 style="vertical-align:top;" 一定要定義，否則圖片之間會有縫隙、變形等顯示異常的情況。
7、在 img 標簽里加上 alt 屬性，這樣用戶在收到郵件的時候，即使有些郵箱將圖片隱藏掉，也可以看到 alt 里面的內(nèi)容。如：<img src="images/1.jpg" style="vertical-align:top;" height="30" width="100" alt="顯示內(nèi)容" />，讓客戶了解到郵件內(nèi)容并吸引客戶點擊顯示圖片。
鏈接1、鏈接數(shù)量不能超過 10 個，如果所有圖片的鏈接地址一樣，請將所有的小圖合并成一張大圖。
2、鏈接請寫成絕對地址。（以確保收信人在點擊鏈接時能夠正常瀏覽您的內(nèi)容）。
3、鏈接地址的長度不能超過 255 個字符，會導致無法追蹤或鏈接錯誤。
4、不要使用地圖功能（map）鏈接圖片，此功能會使郵件被多數(shù)郵箱劃分為垃圾郵件。
5、為避免用戶收到的郵件圖片無法瀏覽，請制作一份和郵件內(nèi)容一樣的 web 頁面，然后在郵件頂部注明：“如果您無法查看郵件內(nèi)容，請點擊這里”，鏈接到訪友同樣內(nèi)容的 web 頁面。
6、文字中出現(xiàn)網(wǎng)站地址鏈接被屏蔽為垃圾郵件的風險是極高的，例如：http://xxx.com此類鏈接，建議寫成“XXX公司”文字加鏈接，或是將網(wǎng)址做成圖片加鏈接。
7、鏈接里面最好不要使用特殊符號，避免郵箱解析錯誤。
8、鏈接代碼應盡量簡短，代碼太長會增加模板大小，進而會影響郵件發(fā)送效果。
outlook 規(guī)則
1、col 標簽不能被識別，如果要定義幾個 td 相同的寬度，可以把具體的寬度寫在具體的 td 里。例如<td width=""></td>。
2、內(nèi)聯(lián)元素的 padding 無法被識別，例如 <a href="#" style="padding-left:40px;"></a>，a 標簽里面的內(nèi)容并不會距離左邊 40px。可以在 td 里定義 padding。
3、內(nèi)聯(lián)元素的 vertical-align 不能被識別，例如 <img src="1.jpg" style="vertical-align:bottom" />，此圖片并不會和相同行的元素底對齊，可以寫成 <td valign="bottom"><img src="1.jpg" /></td> 即可。
4、如果 td 里包含一個 table，那么定義在子 table 里的標簽的樣式只會正確顯示定義在子 table 里的樣式，在父 table 的樣式是不能正確顯示的。注意：如果在 table 里有 a 標簽的話，則 a 標簽中的內(nèi)容的顏色樣式要定義在 a 標簽內(nèi)，定義在父 td 里或所在的 table 里都是無效的。
5、如果 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 #ffffff; border-bottom:20px solid #ffffff"></table> 里面的內(nèi)容會在上下有空行。
6、p 標簽的 width 是不認識的，例如 <p style=” width:320px” ></p>，則 p 標簽中的內(nèi)容不會在 320px 處自動換行。只有 td 設置了寬度，內(nèi)容才會在寬度限制處換行。
7、如果要使用 p 標簽要考慮到 p 標簽本身自帶的上下行之間的行高。
8、在 td 里設置 margin 是無效的，不論是 margin-left、margin-right、margin-top 或者 margin-boottom 都沒有效果。
9、當設置 <img align="left" /> 或 <img align="right" /> 時，圖片會脫離文檔流，在其父元素設置了 margin 或 padding 的話，都無法使其下移，左移或右移。
10、在 outlook 中，如果嵌套的圖片太長，會導致顯示不正常，可將圖片裁切成幾張較短的小圖，再進行布局。
PS：紅色部分為新增加的內(nèi)容。
轉載于:https://www.cnblogs.com/yjzhu/archive/2012/11/05/2755155.html
