預覽和優化您的電子郵件在客戶端和裝置上的顯示方式
上次更新時間: 六月 28, 2023
可与下列任何一种订阅一起使用,除非有说明:
|
|
舊版 Marketing Hub Basic |
在設計行銷電子郵件時,您可以預覽不同裝置類型和電子郵件客戶端的外觀。 如果您發現您的電子郵件並未如預期顯示在特定客戶身上,請閱讀以下常見問題的最佳做法和修繕方法。
透過行動裝置和桌面客戶端預覽您的電子郵件
在發送電子郵件之前,您可以預覽不同客戶和裝置的外觀。
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「電子郵件」。
- 按一下現有草稿電郵的名稱。
- 在電郵編輯器的右上角,按一下[操作]下拉式選單,然後按一下[預覽]。
- 查看您的電郵在寬寬的桌面畫面和較小的手機版本上的外觀
- 若要預覽電子郵件在特定電子郵件客戶端的顯示方式,請按一下預覽畫面頂部的客戶端。
- 在左側窗格中,選擇您要預覽的任何電子郵件客戶端旁邊的核取方塊。
- 在右上角,點擊「馬上測試我的電子郵件」。 HubSpot將為您選擇的每個客戶產生預覽。
- 按一下<或>按鈕,在客戶端預覽之間進行瀏覽。
- 預設情況下,當電子郵件首次載入時,許多客戶最初會停用影像。 若要查看電子郵件在沒有圖片的情況下的顯示方式,請開啟「圖片封鎖」開關。
修復Gmail剪輯問題
如果您的電子郵件總大小(包括訊息標記中的任何嵌入代碼)超過102 KB , Gmail將會剪輯您的電子郵件。 若要檢視電子郵件的完整內容,收件人必須點擊「檢視整個訊息」連結,這可能會對你的傳送聲譽造成負面影響,並幹擾HubSpot跟蹤與電子郵件互動的功能。
如果你的草稿電郵有被剪輯到Gmail的風險,則會在「檢閱」和「發送」面板中顯示警告。
要防止Gmail剪輯您的電子郵件,您可以按照以下步驟操作:
- 剪除任何額外內容:修改電子郵件,以刪除收件人不需要閱讀的任何內容。 如果您從獨立的編輯器複製了內容,也應檢查可能包含的代碼或風格。 請注意,移除大型圖片不會大幅降低電子郵件的大小,因為這些圖片是與電子郵件內容分開載入的。
- 避免發送相同主題行的多封電子郵件:如果您向同一主題行的收件人發送多封電子郵件,即使最近發送的電子郵件包含了新的內容, Gmail也會自動將它們合併成一個紀錄。
- 變更後,請測試您的電子郵件:修改電子郵件以縮小其大小後,請將測試電子郵件發送至您擁有的Gmail帳戶,以驗證您的電子郵件是否符合您的預期,且沒有任何剪輯。
讓您的電子郵件流動友好
雖然很難將電郵設計成完全顯示在桌面和手機之間,但你可以按照以下提示來確保手機體驗的一致性。
使用自適應郵件模板
所有HubSpot拖放模板預設都會自動回應。 也就是說,內容會調整成與檢視的畫面相符。 HubSpot也會為內容編輯器中的影像新增最大寬度,因此您不必擔心編輯源代碼以新增最大寬度。
如果你在HubSpot中建立碼化電郵範本,請務必使用我們的回應式電郵範本標記。 您也可以從模板市場購買自動回應的電子郵件範本。
縮小影像檔案大小
在大多數情況下,行動裝置的下載速度比桌面版慢。 使用較小的圖片檔案來減少電子郵件載入時間。 HubSpot會自動調整影像大小,在< img >標籤中包含寬度屬性。 FastStone相片調整器和JPEGmini等服務也可以將檔案大小減少多達80% ,而不會降低影像的品質。
增加連結和CTA按鈕的大小
請確保你的內容足以在行動裝置上清晰讀取。 為了確保訂閱者能清楚看到並點擊你的內容,請確保所有文字連結和CTA按鈕都比57x57像素高且寬。
疑難排查電子郵件預覽文字
當您的電子郵件出現在收件人的收件匣中時, Gmail或Outlook等電子郵件客戶端可能會在主題行和預覽文字之後,從電子郵件正文中呈現其他內容。 預覽後,此行為可能會導致意外的文字。 例如,如果你在電子郵件頂部包含圖片(如旗幟或標誌) ,圖片的替代文字可能會包含在電子郵件的預覽中。
為了防止此問題,您可以嘗試在電子郵件頂部提供電子郵件內容的摘要,作為圖片的替換文字,也可以完全省略替換文字。 若要確認完整的預覽文字是否符合預期,您可以向自己發送測試電郵。
避免使用JavaScript和內聯框架
如果你使用經典的電郵編輯器創建電郵,你應該避免在範本中使用< script >或< iframe >元素,因為大多數主要電郵客戶都不會渲染這些元素。 如果您要將< iframe >新增至HTML元素,以便將影片插入電郵,您應該選擇使用影片模組。