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