12+ 電子郵件營銷佈局設計的最佳實踐

已發表: 2021-12-24

貴公司的電子郵件設計是否過時? 因為,這是一個熱門話題:這不一定是負面的事情。 雖然有許多電子郵件設計趨勢需要關注,但在設計營銷電子郵件時,也有許多永恆的電子郵件設計最佳實踐需要牢記。 在本文中,我將與您分享可用於創建強大的電子郵件營銷佈局的最佳實踐。 讓我們直接進入細節!

電子郵件佈局的 7 個基本要素

電子郵件佈局的 7 個基本要素

通過了解構成強大電子郵件佈局的每個元素,您將能夠以有效的方式更好地將它們組合在一起。

每封電子郵件都有以下七個基本要素:

  • 標頭和元數據
  • 預頭
  • 標誌和顏色
  • 圖片
  • 身體
  • 號召性用語 (CTA) 按鈕
  • 頁腳

讓我們解決其中一個元素及其在電子郵件佈局中的作用。

1. 標頭和元數據

標頭和元數據

當您的訂閱者收到您的電子郵件時,標題和元數據是他們看到的第一件事。 電子郵件營銷客戶通常會使用您提交給電子郵件營銷提供商的信息預先填充“發件人”和“回复”部分,但您只需單擊草稿中的該區域即可修改郵件的標題信息。

有效的主題行

雖然主題行在技術上不是電子郵件佈局的一部分,但它對您的營銷信息傳遞的性能至關重要。 這是您的收件人首先看到的內容,枯燥、不相關或垃圾郵件的主題行可能會導致您的電子郵件被忽略。

主題行不僅僅用於激勵收件人點擊打開。 沒有主題行的電子郵件更有可能被路由到垃圾郵件箱。 嘗試在您的主題行中加入一個可愛的表情符號。

以下是編寫出色主題行的一些有用提示:

  • 保持簡短。 這樣做是為了避免您的主題行被電子郵件收件箱縮寫。
  • 說實話。 使用主題行讓收件人知道電子郵件中的內容。 不要試圖欺騙 - 沒有“誘餌和轉換”。
  • 盡可能地精明,但不要太精明。 與您的團隊核實,確定一個笑話是否合適。
  • 避免垃圾郵件觸發短語(例如“FREE”或“$$$”)和過多的標點符號。

2. 預頭

預頭

電子郵件預標題,通常稱為介紹,是經常出現在收件人收件箱中主題行旁邊的文本。 雖然並非所有電子郵件客戶端都會自動顯示預標頭,但添加自定義預標頭並以此為契機告訴您的讀者在打開電子郵件時的確切期望仍然是一個好主意。

就像記者一樣,從最重要的事實開始。 例如,如果您要宣傳折扣或推出新產品,請從該信息開始,以吸引訪問者點擊並繼續閱讀。

發送電子郵件時不需要預標頭,但它們可以幫助您的讀者更清楚地了解您的內容。 Preheaders 可以用來灌輸緊迫感。 注意前五到八個字,它們幾乎總是出現在一個人的收件箱中。

如果您將 preheader 字段留空,它將僅顯示電子郵件的前幾行。 您的收件人將看到您的預標題以及前幾行,具體取決於他們的設置。 創建標題時請考慮這一點。

3. 標誌

標識

電子郵件佈局設計可以是一個創造性的過程,但如果你想建立一個強烈的品牌意識——保持某些基本的最佳實踐並保持一致是至關重要的。 您希望您的電子郵件接收者在您動搖之前習慣您的品牌標識,因此請確保您有一套一致的品牌顏色和一個很好的標誌來顯示在您的電子郵件設計中。

將徽標添加到電子郵件正文時,請確保它不會散開以佔據整個屏幕。 您可能需要減小徽標的大小,以便您的電子郵件閱讀器不必向下滾動整個頁面即可查看其下方的內容。 當然,請確保徽標足夠大以便識別或閱讀。

您可以希望您的徽標具有透明背景或帶有公司調色板的表單。 在創建模板時花時間修改您的徽標,以便您的所有電子郵件看起來更專業。

4. 圖片

圖片

圖片可以是在您的電子郵件中使用的有用工具,但前提是它們可以補充您的內容。 客戶或潛在客戶可能會快速滾動過去的文字,但如果他們看到引人注目的圖像,他們會停下來。 是什麼讓電子郵件圖形吸引人?

圖像應該清晰且高分辨率,但不能太大以至於加載需要太多時間。 目標文件大小約為 1 MB 且不超過 5 MB。 太小的圖像可能會顯得像素化,並且您的電子郵件會顯得很業餘。 當它們過大時,您的讀者的電子郵件客戶端可能需要很長時間才能下載它們,或者更糟糕的是,它們可能會將您的電子郵件路由到垃圾郵件文件夾。

5. 身體

身體

當有人打開電子郵件時,他們首先看到的是正文,您可以在其中發揮設計元素的創意。 考慮使用為您的特定行業量身定制的拖放模板。 從頭開始開發定制模板也是可行的,但模板將幫助您創建一個更乾淨、設計更好、符合最佳實踐的電子郵件。

要創建佈局,您可以使用通常稱為內容塊的元素。 這些可以幫助您按照您的設想構建您的電子郵件。 它們可以包含:

  • 文本
  • 圖片
  • 分隔線
  • 鈕扣
  • 墊片
  • 視頻
  • 社交媒體鏈接
  • 指向其他內容的鏈接,例如您的博客

你想給你的讀者什麼信息? 這決定了要包含在模板中的內容塊。 在決定在哪裡放置哪些塊時,請記住可讀性。 安排內容塊時,請牢記電子郵件的目的。

切勿在單個塊中放置太多文本,因為這可能會使讀者感到困惑。 使用柔和的背景顏色、副標題或項目符號來分解材料。 包括可以代表您的電子郵件活動信息的視覺效果,以便接收者準確了解您希望他們做什麼。

還可以共享視頻、試驗動畫,甚至在電子郵件中插入倒數計時器。 請注意不要過度使用它。 在一封電子郵件中使用這些交互式設計組件中的一個或兩個以上。

6. CTA 按鈕

號召性用語按鈕

雖然在技術上包含在電子郵件正文中,但號召性用語按鈕非常重要,以至於它們應該有自己的部分來討論最佳實踐。 您的 CTA 充當讀者遵循的指針。

按鈕上的文字指示他們下一步該做什麼,例如“立即購買”或“了解更多”。 無論您使用什麼文本,您發送電子郵件的根本原因首先是它背後的想法。

始終擁有清晰直接的 CTA 按鈕。 如果您的品牌年輕且令人興奮,請不要害怕調整按鈕上的措辭以反映這一點。 使用積極的語言和盡可能少的詞來解釋活動。

7. 頁腳

頁腳

頁腳是每封電子郵件最底部的部分。 它允許您在不干擾主要設計的情況下插入諸如 CAN-SPAM 法案等法規要求的特殊信息。

頁腳中的必填信息是:

  • 貴公司的名稱和實際地址
  • 收件人更新其個人資料的一種方式
  • 取消訂閱鏈接
  • 貴公司的隱私政策

現在您已經了解了電子郵件佈局的 7 個基本要素,讓我們繼續學習 15 種最佳電子郵件佈局設計實踐。

頂級 12+ 電子郵件佈局設計最佳實踐

1. 考慮到移動設計

考慮到移動設計

僅在過去三年中,在移動設備上打開的電子郵件數量就飆升了 180%,這意味著如果您的電子郵件沒有針對移動設備進行優化,您將失去大部分電子郵件訂閱者。

在電子郵件設計方面,請採用移動優先的心態。 大多數電子郵件客戶端現在會自動更改移動設備的電子郵件佈局,而其他客戶端仍然沒有。 使用可調整的佈局、模板和級聯樣式表 (CSS) 編碼來確保您的電子郵件具有響應性。

盡可能堅持使用單列佈局,並且永遠不要使用超過三列。 確保您使用的字體和號召性用語 (CTA) 大、清晰且易於點擊(46 x 46 像素是適合移動設備的 CTA 的理想尺寸)。 始終在不同的電子郵件客戶端和設備上測試您的電子郵件,以確保正確顯示。

2.堅持600像素的寬度

因為您永遠不知道您的收件人將使用哪個電子郵件客戶端,所以在電子郵件寬度方面,您必須為最小公分母(咳嗽,Microsoft Outlook)構建。

將您的電子郵件保持在 600 像素左右或以下,以獲得最大的可見性。 這可確保您的營銷電子郵件可以在任何電子郵件客戶端的垂直預覽窗格中正確查看。

3.避免使用背景圖片

某些電子郵件客戶端(咳嗽、Outlook)不支持背景圖像,因此使用它們需要您自擔風險。 如果您必須使用背景圖像,請確保它不包含任何關鍵信息或圖像。

4.平衡你的圖片和文字

背景圖像並不是唯一無法加載的圖像。 事實上,許多電子郵件客戶端會自動阻止所有圖形。 此外,圖片較多的電子郵件更有可能被標記為垃圾郵件,這意味著您的收件人可能根本不會收到您的營銷電子郵件。

為了應對這些挑戰,目標是圖形和文本的 50/50 混合。 您需要圖形,因為它們能吸引讀者的注意力,並且比文字更快地講述您的故事。 但是,請確保您繼續傳達您的敘述。 除了正文之外,還包括每個圖像的替代文本(以及後備背景顏色)。

以下是 Medium 如何在電子郵件佈局中平衡他們的圖像和文本:

平衡您的圖像和文字

最後,最好假設所有圖像都將被阻止。 如果沒有人可以看到您的圖片,您的電子郵件還有意義嗎?

5.優化您的圖像

除了為圖像使用替代文本和背景顏色外,還有一些其他圖像格式提示要記住,以實現最佳電子郵件佈局設計:

  • 應優化圖像大小。 圖像越大,電子郵件加載所需的時間就越長。 在保持高質量的同時盡可能減少照片。
  • 聲明圖像的寬度和高度。 當照片無法加載時,指定照片的確切尺寸將有助於您的電子郵件保持其結構。 永遠不要超過 600 像素寬。
  • 對於圖片位置,請使用絕對 URL。 出於各種原因,絕對 URL 優於相對 URL。 對於所有電子郵件照片,請使用絕對鏈接並將它們託管在您自己的網站上。
  • 應避免使用 PNG 文件。 並非所有電子郵件客戶端都支持 PNG。 相反,請使用 JPG。
  • 不要使用視頻。 Flash 和 JavaScript 需要大量時間來加載並經常將您的電子郵件路由到垃圾郵件。 如果您真的想分享視頻,請使用鏈接到包含視頻的頁面的靜止圖像,而不是將視頻嵌入電子郵件本身。 (但是,請考慮合併 GIF 以增加參與度。)

6.堅持常用字體

在為營銷電子郵件選擇字體時,請堅持使用標準系統字體,例如 Arial、Helvetica、Georgia、Tahoma、Times New Roman 和 Verdana。 某些電子郵件客戶端可能不支持其他字體,因此除非您選擇備用網絡安全字體,否則它們可能無法正確呈現。

字體的大小對於電子郵件閱讀同樣重要。 對於正文材料,建議的最小字體大小為 14 像素,而對於標題,建議的最小字體大小為 22 像素。

7.創建一個引人注目的標題

除非您發送純文本電子郵件,否則您應該在電子郵件的開頭創建一個簡單但有吸引力的標題。

電子郵件的左上角是最寶貴的空間——它是最初吸引讀者眼球的地方。 通過在其中包含您公司的徽標以及右側的其他相關信息(例如您的電話號碼或重要的號召性用語)來充分利用它。

如果您想單獨關注您的徽標,請將其標記在中心,如下面的 Artifact Uprising 所示:

創建一個引人注目的標題

確保您的標題跨越電子郵件的整個寬度。 但是,不要過多地塞進你的頭部; 目標是保持在 150 像素左右。 如果您有很多產品或類別要展示,您應該考慮使用導航欄。 它應該夾在標題和正文之間。

8. 將您的關鍵信息放在“首當其衝”

新聞業中的“首屏”一詞指的是封面文章——讀者看到的第一篇文章(因此也是讓他們要么購買報紙要么繼續閱讀的文章)。

儘管電子郵件營銷沒有字面上的折疊,但原則仍然存在。 如果您希望讀者繼續閱讀,請將您最感興趣的信息放在電子郵件的開頭。 最佳位置在電子郵件深度的前三英寸內。

我們談論的是 CTA 按鈕、圖形和文本——不要假設您必須等到電子郵件結束才能鼓勵讀者採取行動。 參與度最高的 CTA 通常是位於電子郵件頂部的 CTA。

也可以利用電子郵件的左側。 根據眼球追踪技術,人們在屏幕左側停留的時間最長,因此在顯示關鍵材料時請記住這一點。

9. 保持正文簡單

在起草電子郵件時,請保持簡短和重點。 這包括簡短的短語和段落、大量的空白以及風格提示,例如項目符號和粗體文本。

如果您要呈現大量文本,請考慮包含一個包含各個部分鏈接的目錄,以便讀者可以輕鬆跳轉到他們想要查看的內容。 但是,避免包含過多的文本; 它不僅會使讀者超載,而且還會成為垃圾郵件的標誌。 相反,應包含指向您網站內容的清晰鏈接。

如果您使用某人的真實姓名和電子郵件地址發送電子郵件,您可能希望在結尾處包含電子郵件簽名。 這不僅增加了個人風格,而且還為讀者提供了一個特定的人來聯繫,如果他們有問題或反饋。

10.添加社交分享按鈕

忽略在您的電子郵件營銷活動中包含社交分享按鈕是您可能犯的最嚴重的錯誤之一。

作為數字營銷人員,您的最終目標是獲得品牌擁護者,這難道不是真的嗎? 有什麼比讓人們在自己的社交媒體渠道上分享您的內容對您的品牌更有益的呢?

在所有營銷電子郵件的底部包含社交網絡鏈接,以使其更容易。 如果敦促讀者分享電子郵件內容似乎過於有力或不切實際,請“關注我們!” 可以使用按鈕代替。 你有移動應用程序嗎? 也在這裡推廣!

我們喜歡 Uber 如何以一種微妙的、適合品牌的方式展示他們的社交分享圖標:

添加社交分享按鈕

11.利用頁腳

頁腳雖然經常被忽視,但卻是任何營銷電子郵件中最重要的方面之一。 頁腳是電子郵件佈局的重要組成部分。 首先,所有商業電子郵件都必須符合 CAN-SPAM 法案,該法案要求您在發送的每封電子郵件中提供退出鏈接以及公司名稱和實際地址。 您還應該解釋為什麼收件人會收到這封電子郵件(即他們在某個時候訂閱了)。

這些信息不僅是法律要求的,也是一個好主意。 如果您不讓收件人輕鬆取消訂閱,他們會對您的公司更加不滿。

電子郵件頁腳也是一個很好的區域,可以包含其他聯繫信息、訂閱選擇以及相關網站頁面的鏈接(例如您的新庫存、商店定位器或活動日曆)。

12. 牢記簡單

最重要的是,簡單明了的電子郵件模板是要走的路。 它們不僅更便於讀者瀏覽和消化,也便於電子郵件客戶端瀏覽和消化。

13. 測試和改進

最後,為了真正確定電子郵件設計的最佳公式,您必須對其進行測試。 在發送電子郵件之前先給自己發送電子郵件的測試版本,以檢查它們在不同電子郵件客戶端中的外觀(以及它是否可能最終進入垃圾郵件文件夾)。

發送消息後,您應該另外運行測試。 沒有兩個電子郵件模板是一樣的,就像沒有兩個讀者是一樣的。 拆分您的列表並測試您的營銷電子郵件的幾種變體,以找到最佳的交付時間、CTA 放置和其他因素。

使用 AVADA 營銷自動化使您的電子郵件營銷佈局設計變得簡單

使用 AVADA 營銷自動化使您的電子郵件營銷佈局設計變得簡單

AVADA Marketing Automation 是一款功能強大的電子郵件和 SMS 營銷工具,可通過其拖放式電子郵件構建器幫助您輕鬆設計電子郵件。 使用此工具設計電子郵件將是小菜一碟,因為您只需要拖放電子郵件元素而無需任何編碼。 它還提供創建和管理電子郵件營銷活動所需的所有功能。

最後的話

而已! 我希望本文為您提供了電子郵件營銷佈局設計的最佳實踐。 請隨時在下面留下評論,以進一步討論該主題!