最近寫了一個edm郵件?以前沒有接觸過? 使用的是很老的html頁面編寫規則? 只能用table標簽? 在此記錄一下edm編寫的一些規則
個人參考的是這兩個網址,轉載一下?
http://www.zcool.com.cn/article/ZMTM5MDgw.html
https://www.cnblogs.com/lhweb15/p/6404626.html
其實百度了很多很多? ?規則也很多? ?總的說還是謹慎為好
?
大體上是整體最好只有一個table? 然后就是嵌套table? 一般嵌套在td標簽內?
<table border="1" cellspacing="0" cellpadding="0" width="900" align="center" style="font-size:12px;font-family:Arial,Verdana,Helvetica;></table>
后面嵌套的每個table標簽都要加上?border="0" cellspacing="0" cellpadding="0"??align="center"?width="100%"
同等級別的tr標簽?里面包含的td標簽數量一定要是個數一樣的? 不行就嵌套table標簽? ?不然布局亂套
img?標簽?一定要設置寬和高?alt屬性? style="display: block;vertical-align: top;"?這個是去掉圖片之間的空白縫隙? 必須加上的? top也可以換成bottom? ?但是設置要求一致 ?
浮動float?定位position?padding margin都是不能使用的? ?當然有的郵箱可以使用? 看公司面向群體
p標簽div標簽?不能使用 ?span標簽盡量不用,少用? ? ? ? ?應該是塊級標簽不用?
字體使用系統自帶的? 字體樣式每個嵌套文字的標簽都要單獨加上字體的樣式? ? ?
?
具體的詳細規則
1.Html編碼請使用utf-8? ? ?模板的寬度在600px-800px? 一般使用600px? ?當然根據設計圖來設置尺寸? ? 900px的也能寫? 最好在1024px以內
2.網頁的布局(layout)必須使用表格(table)。具體內容再在里面嵌套表格tabel(td嵌套)(div、p等還是不要想了)。
同一個<td>里只放一張圖片,如<td><img src="photo.jpg" /></td>。所有的圖片都要定義寬高。同一段文字放在同一<td>里。
不要用css div來布局,要采用行內樣式的書寫方式,即<td style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;" >文字</td>。也不要把樣式寫在<style></style>之間,部分郵箱會將其過濾。
3.不使用Flash、Java、Javas cript、frames、i-frames、ActiveX 以及 DHTML。如果頁面中的圖片一定要動態的,請將flash文件轉換成gif動畫使用,但在outlook2007里,gif將不能正常顯示,因為outlook2007限制gif動畫。
4.不要使用<table></table>以外的body、meta和html之類的標簽,部分郵箱系統會把這些過濾掉
5.font-family屬性不能為空,否則會被QQ屏蔽為垃圾郵件。
6.若郵件模板內側邊或者上下有空白間距,不要用 padding,必須得用標準的 td 來設定空白間距(設置td標簽設置高度),否則會導致各個郵箱解析不同。
7.(很多說不要用這些,確實最好最好不要使用,容易產生問題,個人也沒用過)少用float, margin,padding. 絕對定位不能用,清除浮動用<table style="clear:both"></table>
4.不可將word類文件直接轉換為html格式,否則會造成編碼不規范。
5.EDM居中不要用margin:0 auto;可在table里面加上align=“center”(最外層的第一個一定要加上,當然為了測試觀看效果可以在第一個table這個里面加上margin:0 auto;)
6.切圖時注意確保圖片的高度大于23px(否則qq及outlook會默認用空白填充至23px)。(這個情況目前沒碰到,以后碰到再補充).
7.HTML代碼在15KB以內(有的規則說不超過30kB,我一般都是15KB左右不超過20kB正常使用超過30KB沒試過)。(各個郵箱的收件標準不一樣,如果超出15KB您的郵件很有可能會進入垃圾箱)
8.
文字:
1、文字內容、版面盡量簡潔,突出主題,以達到更高的點擊率。郵件主題控制在18個字以內,避免使用特殊符號,容易產生亂碼。
2、不使用類似如下敏感及帶促銷類的文字:風險,處理,溫馨提示,實名認證,? 財付, 安全隱患, 您的QQ,預覽, 被盜,隨機抽取,周年慶典, 解除,服務器維護,查收等。如果郵件發送量大或發送數據容易引起投訴,則需要將公司標志性信息如電話,郵箱或者品牌口號等制作成圖片,避免被ISP監控記錄。
3、文字應盡量定義字體的樣式,每個郵箱的默認字體樣式不同,為了達到您想要的效果,字體樣式一定要定義完整。
4.郵件主題和內容都不要加入帶有網站地址的信息,比如“xxx.com祝您新年好”。如果客戶的品牌知名度比較高,主題可加入公司的名稱,比如:“NIKE運動時尚”。
5.不使用類似如下敏感及帶促銷類的文字:免費、優惠、特惠、特價、低價、便宜、廉價、視頻、賺錢、群發、發財、致富、代開、薪水、交友、支付、商機、法寶、寶典、秘密、情報、機密、保密、絕密、神秘、秘訣等。如果一定需要,請把敏感字做成圖片。
6.如果發送超過20萬封,主題內容要更換,發送超過200萬封,要考慮重新設計。(這個看公司設計和具體要求定)
7.請使用系統自帶的字體,否則會出問題的。文字應盡量定義字體的樣式,每個郵箱的默認字體樣式不同,為了達到您想要的效果,字體樣式一定要定義完整。
圖片:
1、盡量避免全部是圖片,注意平衡圖片和文字的比例。整頁圖片控制在8張以內,每張圖片最大不能超過15KB。(前面內容是百度的,實際其實超過8張也沒事但是不建議太多圖片的拼接,會被定義垃圾郵件,另外圖片大小不超過100KB最好,太大了加載不出來也容易定義為垃圾郵件)
2、圖片名稱不要用中文書寫,可由數字,小寫字母,下劃線組成。
3、在<img>標簽里面需要加上alt,這樣用戶在收到郵件的時候,即使有些郵箱將圖片隱藏掉,也可以看到alt=””里面內容的顯示。
4、背景圖片在outlook里面會被過濾,所以不要使用背景圖片,盡量使用純色背景。當然如果你的郵件面向群體不同可以使用? ?但是不建議
5、圖片格式盡量使用jpg格式? png雖然也可以? 但是使用切圖保存為jpg高質量模式?圖片大小比png-24會小很多? 照片質量也幾乎一樣
6、圖片名稱不能含有ad字符,否則圖片上傳后會顯示成“被過濾廣告”。
7、如果整個郵件模板只有一張圖,一定要裁成2-3張小圖,并適當保留一些文字。
8、在 img 標簽里加上 alt 屬性,這樣用戶在收到郵件的時候,即使有些郵箱將圖片隱藏掉,也可以看到 alt 里面的內容。如:<img src="images/1.jpg" style="vertical-align:top;" height="30" width="100" alt="顯示內容" />,讓客戶了解到郵件內容并吸引客戶點擊顯示圖片。
鏈接:
1、鏈接數量不能超過10個,如果所有圖片的鏈接地址一樣,請將所有的小圖合并成一張大圖。
2、鏈接請寫成絕對地址。(以確保收信人在點擊鏈接時能夠正常瀏覽您的內容)。
3、鏈接地址的長度不能超過255個字符,會導致無法追蹤或鏈接錯誤。
4、不要使用地圖功能(map)鏈接圖片,此功能會使郵件被多數郵箱劃分為垃圾郵件。
5、為避免用戶收到的郵件圖片無法瀏覽,請制作一份和郵件內容一樣的web頁面,然后在郵件頂部注明:“如果您無法查看郵件內容,請點擊這里”,鏈接到訪友同樣內容的web頁面。
6、文字中出現網站地址鏈接被屏蔽為垃圾郵件的風險是極高的,例如:http://xxx.com此類鏈接,建議寫成“XXX公司”文字加鏈接,或是將網址做成圖片加鏈接。
7、鏈接里面最好不要使用特殊符號,避免郵箱解析錯誤。
8、鏈接代碼應盡量簡短,代碼太長會增加模板大小,進而會影響郵件發送效果。
?
本文轉載于:猿2048?https://www.mk2048.com/blog/blog.php?id=1k20h0j&title=html-edm(郵件營銷)編寫規則