制作郵件模板的規(guī)范大全
時(shí)間：2023-07-06 03:00:02 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-07-06 03:00:02 來源：網(wǎng)站運(yùn)營(yíng)
制作郵件模板的規(guī)范大全：
第一部分：郵件模板概括
1、郵件類型：1) 新聞?dòng)嗛啠阂话阄淖謨?nèi)容居多，每段文字具有相應(yīng)的鏈接可供點(diǎn)擊，同時(shí)加入少量圖片進(jìn)行點(diǎn)綴，模板頂部帶有顯著的公司logo和郵件發(fā)送內(nèi)容標(biāo)示，模板底部具有公司的聯(lián)系方式，免責(zé)申明等欄目，郵件通常大于50K。
2) 產(chǎn)品訂閱：一般圖片內(nèi)容為主，圖片帶有相應(yīng)的鏈接可供點(diǎn)擊，目的是有針對(duì)性的介紹最新的產(chǎn)品或活動(dòng)信息，由于采用圖片為主的形式，郵件大小通常在20k以內(nèi)。
注：以上類型的模板制作均采用標(biāo)準(zhǔn)的html語言，并插入具有絕對(duì)地址鏈接的圖片和鏈接。
2、郵件模板顯示尺寸：考慮到現(xiàn)在顯示器不同分辯率的問題，一般建議郵件模板的顯示寬度為800px至1024px之間；模板高度在1280px左右（即用戶之需要一次滾動(dòng)屏幕就可瀏覽全部?jī)?nèi)容）。
模板最佳尺寸：顯示寬度400px-800px，模板高度控制在一屏以內(nèi)。
3、標(biāo)準(zhǔn)郵件模板中需包括以下內(nèi)容：1)標(biāo)準(zhǔn)頁眉頁腳應(yīng)用
必須含有郵件無法正常顯示的引導(dǎo)入口，如下的類似文字，如：
如果無法瀏覽此郵件，請(qǐng)點(diǎn)擊
這里；（另外，最好建議用戶將發(fā)件人加入聯(lián)系人列表 ）
必須含有明顯的
退訂鏈接標(biāo)示（退訂鏈接可直接由發(fā)送系統(tǒng)提供或鏈接到用戶自己提供的退訂鏈接）；
2)其他頁眉頁腳應(yīng)用
表明郵件的主要目的：郵件退訂、訂閱內(nèi)容、修改訂閱郵箱、隱私保護(hù)說明、企業(yè)服務(wù)標(biāo)準(zhǔn)等
注：目前網(wǎng)民使用的主流的瀏覽器有：微軟IE7/IE8、以IE為核心的遨游/Green、Google Chrome及FireFox，使用覆蓋率超過90%；經(jīng)過模板制作規(guī)范的建議修改后，以上瀏覽器均能正常顯示模板。
第二部分：靜態(tài)頁面的制作
一、內(nèi)容比例郵件模板中，圖片及文字應(yīng)具有平衡的比例，從門戶的判斷機(jī)制上來看，郵件正文中文本的比例越合理，被判斷為垃圾郵件的可能性越小，尤其是網(wǎng)易。通常我們建議根據(jù)郵件的內(nèi)容將非效果性文字都以文本的形式呈現(xiàn)。
二、切圖方式1、頁面制作方式目前分為table與div兩種方式要確保郵件模板在不同的郵件客戶端中顯示效果保持一致，需采用table格式的切割；而div格式由于有些屬性不被郵件客戶端完全支持，所以建議避免使用。
2、切割圖片時(shí)，在不影響圖片失真的情況下，所切割圖片應(yīng)盡可能的優(yōu)化
圖片優(yōu)化后，容量減小，保證了用戶打開郵件時(shí)，在最短時(shí)間內(nèi)看到感興趣的圖片，提高郵件模板的閱讀率；另外，當(dāng)遇到頁面中有動(dòng)畫時(shí)，可將動(dòng)畫導(dǎo)出為gif圖片；對(duì)于頁面中的flash動(dòng)畫，目前大部分郵件客戶端暫不支持正常的顯示。
3、插入的圖片要定義高和寬
通常圖片的高和寬都使用width和height進(jìn)行定義，但在qq郵箱中會(huì)清除頁面里所有圖片的高和寬，導(dǎo)致頁面顯示變形；所以圖片的高和寬建議采用style中定義的方式，如：style="width:xxx;height:xxx"。
4、不使用背景圖片
在outlook中，背景圖片將無法顯示，其他郵件客戶端可正確顯示背景圖片。
5、圖片的地址鏈接
不采用map標(biāo)記形式，因?yàn)閙ap標(biāo)記在outlook中無法進(jìn)行正常的點(diǎn)擊，即無法打開該鏈接指向的網(wǎng)址。
6、不使用word轉(zhuǎn)換的html文件作為模板
由于word轉(zhuǎn)換后會(huì)在html中插入大量無用代碼，導(dǎo)致郵件出現(xiàn)顯示錯(cuò)亂和易被攔截等問題。同時(shí)，建議對(duì)word文檔手工轉(zhuǎn)換成html網(wǎng)頁后，加入相關(guān)圖片，以更好的吸引客戶眼球。
三、CSS樣式定義1、CSS樣式的添加可分為兩種方式：
1)外部調(diào)用樣式；
2)內(nèi)部調(diào)用樣式；
3)HTML Tag中直接定義樣式。
2、對(duì)以上內(nèi)容分別進(jìn)行相關(guān)闡述
1)外部調(diào)用樣式，指在網(wǎng)頁的<head>中寫出樣式表文件的名稱和路徑，例如：
<head><link href="all.css" rel="stylesheet" type="text/css" /></head>
2)內(nèi)部調(diào)用樣式，指在頁面的頭部，以<style>開頭，以</style>結(jié)尾的樣式定義。例如：
<head><style>body{font-family:Arial,Helvetica,sans-serif;font-size:12px;margin:0auto;padding:0px;color:#000000;}</style></head>
3)HTMLTag中直接定義樣式，指直接在htmltag標(biāo)記中寫style定義。例如：
<span style="font-family:Arial;font-size:12px;color:#6F6E6E">文字信息</span>
第一種和第二種方式為制作網(wǎng)頁的常用方式，但這兩種方式在郵件客戶端中某些定義將無法生效。第三種方式在郵件客戶端中顯示兼容性最高，但手工制作繁瑣，所以系統(tǒng)集成了“網(wǎng)頁抓取”功能，抓取功能將自動(dòng)把第一種和第二種網(wǎng)頁轉(zhuǎn)換成第三種網(wǎng)頁的樣式定義模式，從而確保了模板顯示的最大兼容性。
3、其他
Alt值——在主要的圖片中定義Alt，標(biāo)注上圖片中的文字內(nèi)容，在圖片無法正常顯示時(shí)，用戶仍然可以看到圖片所要傳達(dá)的主題內(nèi)容。
第三部分、頁面的測(cè)試頁面制作完畢以后，需上傳到web專用服務(wù)器
測(cè)試時(shí)頁面抓取分為：
1、url抓取（url抓取是系統(tǒng)專為提供模板顯示兼容性而設(shè)計(jì)的功能，建議使用）
2、html代碼復(fù)制，使用代碼復(fù)制要求網(wǎng)頁中的鏈接或引用都使用絕對(duì)地址，否則網(wǎng)頁中的圖片將無法在郵件中正常顯示；）
第四部分、查看郵箱郵件模板的發(fā)送有可能發(fā)生的三種情況
1、郵件進(jìn)入收件箱；
2、郵件進(jìn)入垃圾箱；
3、郵件被拒收；
出現(xiàn)以上情況后，建議對(duì)郵件做如下調(diào)整：
1、適當(dāng)更換郵件主題；
2、刪除模板中可能為國(guó)家規(guī)定的政治敏感詞匯或色情、推銷等詞匯；
3、模板內(nèi)容采用文字和圖片混合排列的方式；
4、刪除模板中不必要的鏈接，郵件中的鏈接不易過多，建議少于10個(gè)；
在線咨詢