叮咚！You got a mail！
在收到一封 Email 時，第一眼看到的是什麼呢？寄件人？主旨？這些影響收件人第一印象的元素，都是影響開信率的重要因素。如何設計出好的主旨提升開信率？推薦閱讀：什麼主旨開信率高？五個關鍵測試幫你「問」出答案
但是你可能不知道，有一個一樣重要但往往被忽略的要素： Preheader
Preheader 是什麼 ？
Preheader（預覽文字），是指 Email 在收件夾時，除了寄件人和信件主旨外，所顯示出的預覽文字，也是讀者第一眼看到的訊息之一。
Preheader 分成兩種：顯示型、隱藏型
顯示型：Preheader = Email 內文的前幾行。
在預設的情況下，信件的前幾行文字會被當成 Preheader。因此在設計 Email 版面時應避免將不適合的資訊放在版面最上方。
如下圖中讓「顯示有問題 ? 在瀏覽器中檢查」或是「訂閱/取消電子報」的內容成為 Preheader，不僅無法幫助讀者理解信件內容，更讓讀者在開信之前就留下壞印象：
另一個常見的錯誤是，有些電子報以圖片的方式呈現，沒有任何的文字內容，這麼一來當信箱在抓取 Preheader 內容時，「 取消訂閱 」等被放在版面最底端的文字，也會顯示在 Preheader，例如下面這個例子：
讓「取消訂閱」、「無法正常瀏覽請點此」這些功能性文字出現在 Preheader，是電子報常見的錯誤
隱藏型：Preheader ≠ Email 內文的前幾行。
利用 HTML 和 CSS 語法，將 Preheader 文字從 Email 內文隱藏。這有兩種方式可以做到。
將預覽文字與背景融為一體
如果不想修改複雜的 HTML 原始碼，最簡便的方式是在電子報最上方預留一行，打上希望出現在 Preheader 的文字，然後將文字顏色調整與背景一致。如此一來，如果使用者不將文字反白，Preheader 的內容就不會出現在信件中。
將預覽文字藏在原始碼中
這屬於比較進階的做法，可以讓 Preheader 文字完全消失於電子報中。可以透過各種不同的 HTML 與 CSS 語法達到這個效果，本文提供其中一種方式作為參考。
延伸閱讀：怎麼做出隱藏式 Preheader
來看看例子：下圖中的 Preheader 並非顯示信件內容最前面的 「Acrobat 讓您以前所未有… 」以及中間的「 不用停下來簽名…」，而是另外設定的「 利用Acrobat Pro DC 快速簽名和發送文件，無須紙筆。 」
Preheader 重要嗎？
根據 litmus 的調查，有 24% 的使用者表示他們會根據預覽文字顯示的內容，來決定是否打開一封 Email，然而 Preheader 的重要性卻往往容易被低估。許多品牌都忽視了這一點，從而讓不適當的任意內容出現。
Preheader 重要嗎？重要阿！你看，酷航還特別修正了他們的錯誤：下圖是三月及四月修正的前後對照，雖然版面沒有改變，依然把無法顯示時的連結放在信件內容開頭，方便使用者在無法閱讀信件內容時點擊，但是透過設定隱藏式 Preheader，可以讓讀者在開信之前，看到更多有吸引力的宣傳資訊。
在 2017 年的今天，無論是透過電腦或行動裝置收信，大多都會顯示 Preheader，雖然並非 100% 支援，但主要的 Email 信箱，如 iOS 內建信箱、Gmail、Outlook、YAHOO 等，都支援顯示 Preheader。
根據不同裝置的支援程度不同，整理如下表：
參考 litmus，Icons Alfredo Hernandez on Flaticon
所以，善用 Preheader 提升開信率，是 Email 行銷人員必學的一招
Preheader 的基本注意事項
Preheader（也有人寫成 pre-header 或 pre header）設定起來不難，但有幾個基本原則要顧。
搭配主旨、補充主旨
Preheader 和主旨永遠會一起出現，應該當成一個整體來想。利用 Preheader 的空間，替讀者先預覽一下信件內容，和主旨互相呼應，讓他在點開之前就能掌握重點。
舉個例子。Pinkoi 的聖誕購物信，主旨形容禮物讓人捨不得送出去，Preheader 則俏皮地補上小編想拆開禮物自己用的心聲，讀者看了會心一笑，也好奇禮物到底有多讓人愛不釋手。
Preheader 也能用來補充主旨沒說完的資訊。像昇恆昌的信，主旨說明開幕優惠將延長，Preheader 就進一步交代延長到什麼時候。
長度適中
預覽區的空間有限，要用讀者一眼就能聚焦的關鍵字。字句太冗長，就失去預覽的意義；太精簡又浪費了這個位置。比較好的做法，是找出關鍵字句，把長度抓在平衡點。
建議的長度是 15 到 50 字元。另外，在 Gmail 這類網頁信箱，Preheader 的長度會和主旨一起計算，主旨字數越多，留給 Preheader 的空間就越少。所以還是那句話：主旨和 Preheader 永遠要一起考慮。
加入姓名
個人化訊息有助於提升開信率。除了主旨，Preheader 也很適合放讀者的姓名，別浪費這個位置。
用電子豹的拖拉式 Email 編輯器排版時，也可以順便看一下信件最上方放的是什麼文字，避免「無法顯示請點此」這類功能性文字變成 Preheader。
Preheader 的設計秘訣
好的 email preheader 不只是補主旨的字數，還能替開信多推一把。
增加誘因
用優惠資訊吸引目光，例如折扣的數字，或「免費」「贈送」這類字眼。再加上「限時」「倒數」這種有急迫感的詞，更能提高讀者開信的動機。
除了主打優惠，也可以用 CTA 邀請讀者行動，讓他有理由點開。
發揮創意、製造神祕感
Preheader 同樣是發揮創意的好地方。幽默、活潑的文字，比死板的敘述更容易吸引注意。
加入表情圖案或 emoji，能讓你的電子報在收件匣裡更醒目。也可以適時用一點神祕、懸疑的口氣，引導讀者繼續開信。例如有品牌在 Preheader 只寫「眨眨、戳戳」，雖然讓人摸不著頭緒，卻也勾起了想一探究竟的好奇心。
結語
了解 Preheader 的重要性之後，實際設計時，可以對照上面的注意事項與設計秘訣，逐封檢查你的預覽文字。