1、頁面寬度請設定在600到800px以內,長度1024px以內。
2、HTML編碼請使用utf-8。
3、HTML代碼在15KB以內。 (各個郵箱的收件標準不一樣,如果超出15KB您的郵件很有可能會進入垃圾箱)
4、請使用table表格來佈局。同一個<td>裡只放一張圖片,如<td><img src=photo.jpg /></td>。所有的圖片都要定義寬高。同一段文字放在同一<td>裡。
5、如果需要郵件居中顯示,請在table裡設定align=center。
6、不可將word類文件直接轉換為HTML格式,否則會造成編碼不規範。
7、不要使用外鏈的css樣式定義文字和圖片(外鏈的css樣式在郵件裡將不能被讀取,所以發送出去的郵件因為沒有鏈接到樣式,將會使你的郵件內容樣式丟失),正確的寫法:<td style=font-family:arial;font-size:12px;color:black>文字</td>。
8、不使用flash、Java、JavaScript、frames、iframe、activeX以及DHTML,如果頁面中的圖片一定要動態的,請將flash文件轉換成gif動畫使用,但在outlook2007裡,gif將不能正常顯示,因為outlook2007限制gif動畫。
9、不要使用<table></table>以外的body、meta和html之類的標籤,部分郵箱系統會把這些過濾掉。
10、背景圖片代碼寫法如下:<table background=background.gif cellspacing=0 cellpadding=0></table>,但請注意,outlook對背景圖片不識別。
11、不要出現onmouseover、onmouseout,即使在<td>裡設置了,發送到郵箱後也將被過濾,無法顯示設定鼠標經過所顯示的內容。
12、font-family屬性不能為空,否則會被QQ屏蔽為垃圾郵件。
13、若郵件模板內側邊或者上下有空白間距,不要用padding,必須得用標準的td 來設定空白間距,否則會導致各個郵箱解析不同。
14、在yahoo 郵箱裡定義line-height 的注意事項:需在塊級元素裡定義line-height。如果td 裡有p 標籤,則line-height 也必須在p 中定義。無論是td 還是p,如果有超鏈接,則都必須在a 標籤裡定義line-height。如果只是在td 或者p 裡面定義line-height 的話,那yahoo 郵箱將無法識別a 裡面的行高。
15、在有背景圖的地方設置background-color以防背景圖不顯示時可以較美觀的顯示
16、少用float, margin,padding. 絕對定位不能用,清除浮動用<table style=clear:both></table>
1、郵件主題控制在18個字以內,避免使用特殊符號,容易產生亂碼。
2、郵件主題和內容都不要加入帶有網站地址的信息,比如xxx.com祝您新年好。如果客戶的品牌知名度比較高,主題可加入公司的名稱,比如:NIKE運動時尚。
3、文字內容,版面盡量簡潔,突出主題,以達到更高的點擊率。
4、不使用類似如下敏感及帶促銷類的文字:免費、優惠、特惠、特價、低價、便宜、廉價、視頻、賺錢、群發、發財、致富、代開、薪水、交友、支付、商機、法寶、寶典、秘密、情報、機密、保密、絕密、神秘、秘訣等。如果一定需要,請把敏感字做成圖片。
5、如果發送超過20萬封,主題內容要更換,發送超過200萬封,要考慮重新設計。
6、文字應盡量定義字體的樣式,每個郵箱的默認字體樣式不同,為了達到您想要的效果,字體樣式一定要定義完整。
1、盡量使用圖片,以避免文字在各個主流郵箱中的顯示有所不同。例如QQ郵箱,如果未在代碼中設置,郵件中的文字不能自動換行,gmail郵箱郵件內容的字體會自動放大,與原來設定的字符大小不一致。
2、整頁圖片控制在8張以內,每張圖片最大不能超過15KB。
3、圖片地址請不要寫成本地路徑,例如:<img src=images/aa.jpg />,(這樣發送出去的郵件,收件人將沒辦法看到您的圖片)。
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 裡面的內容。如:<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、鏈接代碼應盡量簡短,代碼太長會增加模板大小,進而會影響郵件發送效果。
1、<col>標籤不能被識別,如果要定義幾個td 相同的寬度,可以把具體的寬度寫在具體的td 裡。例如<td width=></td>。
2、內聯元素的padding 無法被識別,例如<a href=# style=padding-left:40px;></a>,a 標籤裡面的內容並不會距離左邊40px。可以在td 裡定義padding。
3、內聯元素的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 標籤中的內容的顏色樣式要定義在a 標籤內,定義在父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>裡面的內容會在上下有空行。
6、p標籤的width 是不認識的,例如<p style= width:320px ></p>,則p 標籤中的內容不會在320px 處自動換行。只有<td>設置了寬度,內容才會在寬度限制處換行。
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 中,如果嵌套的圖片太長,會導致顯示不正常,可將圖片裁切成幾張較短的小圖,再進行佈局。
還有你就是在發送郵件模板時,盡量在格式中粘貼發送源代碼,轉發次數過多也可能丟掉樣式哦!