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 屏蔽爲垃圾郵件。

1三、若郵件模板內側邊或者上下有空白間距，不要用 padding，必須得用標準的 td 來設定空白間距，不然會致使各個郵箱解析不一樣。

1四、在 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">&nbsp;</td><td></td> 來隔開。可是若是是 table，則 <table style="border-top:10px solid #ffffff; border-bottom:20px solid #ffffff"></table> 裏面的內容會在上下有空行。

六、p 標籤的 width 是不認識的，例如 <p style=」 width:320px」 ></p>，則 p 標籤中的內容不會在 320px 處自動換行。只有 td 設置了寬度，內容纔會在寬度限制處換行。

七、若是要使用 p 標籤要考慮到 p 標籤自己自帶的上下行之間的行高。

八、在 td 裏設置 margin 是無效的，不管是 margin-left、margin-right、margin-top 或者 margin-boottom 都沒有效果。

九、當設置 <img align="left" /> 或 <img align="right" /> 時，圖片會脫離文檔流，在其父元素設置了 margin 或 padding 的話，都沒法使其下移，左移或右移。

十、在 outlook 中，若是嵌套的圖片太長，會致使顯示不正常，可將圖片裁切成幾張較短的小圖，再進行佈局。