(2016-06-16)如何在不影響電子報內容的情況下修改預覽文字?

(2016-06-16)影響開信率的因素是什麼?當收件者打開收件匣後,收件者會看到的要素包括:寄件者姓名、主旨、預覽文字。

我們先假設起跑點是一樣的:收件者、寄件者都處於相同狀態、且內容都十分吸引人的情況下,訊息傳遞的完整性會是引起開信興趣的決定性因素。

因此我們可以理解,在收件匣中,預覽文字代表的是主旨的延伸 – 是十分有限且珍貴的資源。由於email 預設抓取的是電子報最上方的純文字。因此,有時會因為戰略的需求,而犧牲預覽文字,或是一部分的電子報內容。

例如,在下面的例子中,LinkedIn 電子報的內容如下。可以看出最上方的文字是 ”If you have trouble viewing this mail, read the online version”。



一般情況下,在收件匣中的預覽文字應該是會與上方預期的一致。
然而,實際在收件匣中呈現出來的預覽文字如下:


要如何在不犧牲內容的情況下,達到這個效果呢?

今天要分享的小技巧就是針對這個問題進行解決,一共有兩種方法,分別是為不想碰 html 原始碼、或願意修改原始碼的行銷人員所提供。

將預覽文字與背景融為一體

這是最直覺,也最不需要技術的處理方法。只要在電子報最上方預留一行空行,將你希望顯示的預覽文字打在最上面


將文字顏色調整至和圖片相同,如下圖


這張圖中的文字已經調整至和背景一致,要反白才看的見囉

將預覽文字藏在原始碼中

這算是比較進階的做法,但是可以讓預覽文字從電子報中完全完全消失。實際作法如下:

將預覽文字打在電子報的正上方,並將這段文字的屬性 (style) 改為 display:none;font-size:0;max-height:0;width:0;line-height:0;mso-hide:all。

例如,這個例子裡,就是 <p style="display:none;font-size:0;max-height:0;width:0;line-height:0;mso-hide:all"> Download Our latest eBook, Creating Your First Big Rock: A Step by Step Guide for Marquee Content. (這段文字可以自行修改)   </p>

如果是直接把原始碼貼上的話,則是要特別注意要直接貼在 <body> 後,請參考下圖。



完成之後,最好試寄一封給自己確認,就可以確認預覽文字是否成功修改。