知識庫首頁 aero-right

HTML 郵件在不同郵件客戶端顯示的問題

AOL、Yahoo、Gmail 等 ISP 業者會影響郵件在收件匣呈現的樣貌,更別說不同的瀏覽器也會有影響。Benchmark 致力協助我們的客戶建立精美的郵件。使用拖曳式編輯器,編輯適合各種行動裝置的響應式郵件。此外,我們也提供收件匣測試功能,讓您在郵件進到收件人的信箱前,提前瀏覽郵件呈現的樣貌。 建立電子報的最佳作法 有些郵件客戶端設有一些限制,任何一間 ESP 也無法避免。下列幾個重點指出,不論郵件客戶端或是瀏覽郵件的裝置為何,郵件都能顯示相同樣貌的方法。 使用拖曳式編輯器 - 所有拖曳式編輯器裡的郵件範本都是響應式郵件。 開啟郵件的網頁版本選項 - 將網頁版本連結加入郵件。有些郵件客戶端沒有遵守網路規定,可能會讓您的郵件看起來不整齊。(在建立郵件的步驟 1 開啟此選項) 背景圖片 - 當收件端無法顯示圖片時,郵件會顯示背景圖片的顏色。編輯背景顏色,選擇可以突出文字的顏色,否則郵件可能會呈現空白。 加入圖片的替代文字 - 替代文字是用來描述電子報裡面的圖片。大部分收件端不會自動顯示圖片,所以替代文字可以提供文字說明。使用替代文字,郵件比較不容易被檔信。 對齊圖片 - 大部分情況下,圖片尺寸可能會太大,覆蓋住文字,或是畫質被壓縮。對齊圖片並縮小尺寸來清除格式。如果您使用我們的拖曳式編輯器,這些問題都不用煩惱,因為我們已經為您處理好了。 當您完成上述設定後,您可能需要發送一封測試信給自己或是給您信任的人。試著在多個裝置上開啟您的測試信,瀏覽郵件設計的樣貌。您也可以在拖曳式編輯器裡使用「收件匣測試」,瀏覽您的郵件在不同裝置上呈現的樣貌。 不同郵件服務商讀取 HTML 郵件已知問題一覽表 郵件客戶端 支援 HTML 已知問題 AOL 4.0 and 5.0 否 僅支援文字 不支援表單 AOL 6.0, 7.0, and 8.0 是 標準 HTML 不支援表單 拒收連結到外部樣式表的郵件 AOL 9.0 部份 無法讀取 HTML 圖片及熱連結 不支援表單 內容過長的郵件會轉為壓縮檔 AOL Webmail 部份 不完全支援 XHTML 語法 不支援 <br /> 標籤 不支援錨點標籤 - 在郵件內點擊錨點標籤不會跳到錨點,而是彈出新的收件匣視窗 Apple Mail 是 標準 HTML 不允許字型標籤 - 使用 <span> 標籤取代 必須點擊兩次錨點連結才能正常運作 在 El Capitan OSX 作業系統下,錨點連結無法運作 Compuserve 否 僅支援文字 Comcast Smartzone 是 標準 HTML 背景圖片被封鎖 不支援錨點標籤 - 在郵件內點擊錨點標籤不會跳到設定的錨點,而是彈出新的收件匣視窗 Comcast XFinity 部份 縮短內容過長的電子報 - 使用網頁版本連結或縮短郵件內容 點擊錨點或目錄表不會跳到設定的錨點,而是彈出新的收件匣視窗。 Entourage (Mac) 是 標準 HTML Entourage 2008 (Mac) 部份 背景圖片可能被封鎖 支援表格、Flash 或其他外掛、CSS 浮動屬性、CSS 位置屬性以及 GIF 動畫 項目符號由圖片條列取代 Earthlink 部份 有時候文字會加上底線 Eudora 3.1 否 僅支援文字 Eudora 4.0, 4.2, 4.3, and 5.0 否 使用 Internet Explorer 時支援標準 HTML 使用預設 Eudora HTML 瀏覽郵件時,HTML 支援度不佳 Gmail 部份 不支援書籤錨點 縮短內容過長的電子報 - 使用網頁版本連結或縮短郵件內容 郵件內的電話號碼轉成超連結 Hotmail 部份 預設不會載入圖片 不支援 <head>、<title>、<meta> 以及 <body> 標籤 - 必須使用行內樣式 4 分鐘後熱連結將失效並移除背景圖片 - 需要開啟驗證 CSS 問題 文字可能顯示底線 連續使用 <p> 標籤會產生空白斷行的間距 - 請使用 <div>  標籤,或建立新的文字,不要複製貼上原本的樣式。 Juno 4.0, and 5.0 是 接近標準 HTML CSS 問題 Lotus Notes 4.6 否 不支援字型或連結顏色 Lotus Notes 5.0 是 接近標準 HTML CSS 問題 Novell GroupWise 5.5 是 標準 HTML Office 365 部份 標準 HTML 預設不會載入圖片 CSS 問題 錨點連結以及目錄表無法運作 圖片常常以儲存在圖庫的原始圖檔大小顯示,造成扭曲或延展 - 請在圖庫重新調整圖片尺寸,然後再插入郵件。 Outlook 97 部份 不支援字型或連結顏色 會有對齊的問題 Outlook 98 and 2000 是 標準 HTML 不完全支援 CSS Outlook 98 and 2001 (Mac) 否 僅支援富文字格式(或稱多文字格式) Outlook 2003 部份 預設不會載入 HTML 圖片。 Outlook 2007 and 2010 部份 不支援表格、Flash 或其他外掛、CSS 浮動屬性、CSS 位置屬性以及 GIF 動畫 項目符號由圖片條列取代 針對內容冗長且會斷行的郵件插入分頁符號 不支援圖片邊框 超過 1920 x 1080 像素的高解析度圖片會縮小文字,但不會縮小圖片 圖片說明文字樣式會被 Outlook 樣式覆寫 高度超過 1728 像素的圖片會被剪裁 在段落間或 2 倍行高的文字會插入額外一行間距 圖片可能因為電腦顯示設定而變形、扭曲 注意:微軟建立一套工具,協助您檢驗您的郵件在 Outlook 2007 呈現的樣貌。 Outlook 2007 and 2010 (Mac) 部份 不支援錨點連結以及目錄表 不支援 GIF 動畫 Outlook 2013 and 2016 部份 針對內容冗長且會斷行的郵件插入分頁符號 如果區塊最後一個文字是項目符號,郵件會多出一個空的項目符號 - 不要把項目符號放在區塊文字的結果,或是在區塊的結尾標籤 </ul> 前新增 <div style="display:none;">&nbsp;</div> 超過 1920 x 1080 像素的高解析度圖片會縮小文字,但不會縮小圖片 圖片可能因為電腦顯示設定而變形、扭曲 不支援 GIF 動畫圖檔 Outlook 2016 (Mac) 部份 不支援錨點連結以及目錄表 Outlook 365 部份 連結顏色預設為藍色,除非前面的文字設定為其他顏色 - 連結需要放在 <span> 以及 <td> 標籤內,<div> 內的文字必須使用不同顏色 點擊錨點或目錄表不會跳到設定的錨點,而是彈出空白視窗。 即使郵件設定靠左對齊,文字仍然會以預設形式出現 圖片沒有間距 Outlook Web Access 部份 標準 HTML 預設不載入圖片 不支援錨點連結以及目錄表 圖片常常以儲存在圖庫的原始圖檔大小顯示,造成扭曲或延展 - 請在圖庫重新調整圖片尺寸,然後再插入郵件。 Outlook Express- PC or Mac 是 標準 HTML Pegasus Mail 3.1- Windows 是 標準 HTML 不支援連結顏色 Smartphones Android, iPhone, etc. 是 電話號碼可能會以連結方式呈現(可點擊的按鈕) 附加在郵件頁尾實體地址旁的電話號碼可能會被手機認定為日期格式 Verizon 是 標準 HTML 不支援錨點連結或目錄表連結 Yahoo! 是 標準 HTML 所有瀏覽器都不支援錨點或目錄表 - 點擊後,郵件會關閉,回到收件匣。 縮短內容過長的電子報 - 使用網頁版本連結或縮短郵件內容 資料來源:StudioCloud 如果您有任何關於郵件顯示的問題,請隨時透過電子郵件、線上客服或電話與我們的支援團隊聯絡。

傳送 六月 25, 2019

使用 Benchmark Email 進行域名驗證

在協助我們的客戶最佳的 EDM 行銷服務過程中,我們團隊不斷改善現有及增加新的功能。這次,我們針對使用 Benchmark Email 的客戶,新增了域名驗證機制,協助客戶改善郵件到達率。為了減少垃圾郵件進入他們的伺服器,ISP 業者會針對收來信的標頭,檢查郵件驗證紀錄。 非常關鍵的角色。域名驗證可以協助您完全掌控您的發送評等。透過驗證機制,ISP 業者會被告知這些郵件是透過可信任的郵件平台代發。要設定域名驗證,請依照下列步驟操作。 發布 Dual DKIM 的 CNAME 紀錄:不需要設定 SPF ,但需要發布兩筆 CNAME 紀錄。下面提供 CNAME 紀錄供您參考: 1st CNAME rCLIENTID.rCLIENTID.CLIENTDOMAIN.com 應該指向 rCLIENTID.benchclient.com 2nd CNAME bmdeda._domainkey.CLIENTDOMAIN.com 應該指向 dkim.CLIENTID.benchclient.com 請聯絡我們的支援團隊,取得您的 ClientID 以及 ClientDomain。您需要 Client ID 以及 Client Domain 才能更新 CNAME 紀錄。 CLIENTID 是您在 Benchmark Email 的獨立 ID。例如: 1234567 CLIENTDOMAIN 是您的發送域名。例如:www.yourdomain.com 注意:記得在第一筆 CNAME 前面加入小寫字母 r,您可以為一個或一個以上的發送域名加入 CNAME 驗證。 完成 CNAME 設定後,您還可以發布 DMARC 政策。以下是範例: v=DMARC1;p=none;sp=none;pct=100;adkim=s;aspf=s;rua=mailto:YOUREMAILADDRESS,mailto:rCLIENTID@dc.bmesrv.com;ruf=mailto:YOUREMAILADDRESS;rf=afrf;ri=86400;fo=0; 上面的 DMARC 紀錄裡: CLIENTID 是您的獨立 ID,由我們支援團隊提供。 YOUREMAILADDRESS 是您接收 DMARC 報告用的電子信箱。 子帳戶用戶 針對使用子帳戶的用戶,如果您的帳戶不適用下列步驟,請跳到步驟 4。 子帳戶如果跟母帳戶使用同一個域名,則子帳戶需要個別發布紀錄。請參考下列範例。 母帳戶設定: rMasterAccountClientID.ClientDomain 應該指向 rMasterAccountClientID.benchclient.com bmdeda._domainkey.ClientDomain 應該指向 dkim.MasterAccountClientID.benchclient.com 子帳戶設定: rSubAccountClientID.ClientDomain 應該指向 rSubAccountClientID.benchclient.com bmdeda._domainkey.ClientDomain 應該指向 dkim.SubAccountClientID.benchclient.com 更新 CNAME 和 DMARC 紀錄後,域名驗證需要從我們這端啟動。 要啟動域名驗證,請依照下列步驟操作: 請回覆您的工單,聯絡我們的支援團隊。(直接回覆在當初我們提供您的 ClientID 以及 ClientDomain 的工單)。 域名驗證啟動後,我們的支援團隊會發送電子郵件通知您。 我們建議您前 2~3 天放慢速度發送,確保一切設定正常運作。 重要:CNAME 跟 DMARC 需要大約 24~48 小時才能正確顯示。 發布上述步驟後,您將享有下列好處: 不需要更新 SPF 紀錄。 發送域名驗證過的郵件* 從您的域名發送的所有郵件都會使用您的發送評等,而不是 Benchmark 的發送評等。 保護您的域名免於詐騙及網路釣魚攻擊。 如何加入新的 CNAME 下面列出最受歡迎的域名或網站託管服務商的網址,教您如何新增 CNAME。要瀏覽網站託管服務商的 FAQ,請點擊他們的名稱。 如果您沒有權限更新 CNAME,請聯絡您的 IT 人員或網路託管服務商。 Go Daddy.com 登入您的 GoDaddy 帳戶。 接著,點擊使用者圖像按鈕(右上角),選擇「我的 產品」。 在列表中選擇您的域名,進入「網域設定」頁面。 在「其他設定」,點擊「管理 DNS」。 接著,在「紀錄」區塊,點擊「新增」。 在「類型」的下拉式選單中選擇 CNAME。 現在,完成下列欄位: 主機:rCLIENTID.CLIENTDOMAIN.com/bmdeda._domainkey.CLIENTDOMAIN.com 指向:rCLIENTID.benchclient.com/dkim.CLIENTID.benchclient.com TTL: 3600 最後,點擊「儲存」,更新您的 CNAME。 Bluehost.com 在「域名」處點擊「DNS 區域編輯器」。 從下拉式選單點擊您想新增 CNAME 的域名。 找到「新增 DNS 紀錄」。 在主機紀錄欄位新增想要的紀錄名稱 rCLIENTID.CLIENTDOMAIN.com/bmdeda._domainkey.CLIENTDOMAIN.com。 TTL “3600”(可以保留預設值)。 從紀錄類型的下拉式選單中選擇 CNAME。 在指向欄位輸入 rCLIENTID.benchclient.com/dkim.CLIENTID.benchclient.com 然後點擊「新增紀錄」。 InMotion Hosting 登入您的 CPanel。 在域名處選擇「進階區域編輯器」按鈕。 點擊下拉式選單,選擇您要加入 CNAME 的域名 從紀錄類型的下拉式選單中選擇 CNAME。 完成下列設定 名稱: rCLIENTID.CLIENTDOMAIN.com/bmdeda._domainkey.CLIENTDOMAIN.com TTL : 3600 CNAME : rCLIENTID.benchclient.com/dkim.CLIENTID.benchclient.com 完成。 HostGator.com 在控制面板中搜尋域名,前往 DNS 服務界面。 點擊管理 DNS 連結會出現「DNS 管理控制台」,接著就可以輸入下列紀錄。 點擊「CNAME 紀錄」,接著在下一個頁面點擊「新增 CNAME 紀錄」。 您會在該頁面找到三個欄位。 主機名稱:rCLIENTID.CLIENTDOMAIN.com/bmdeda._domainkey.CLIENTDOMAIN.com Value: rCLIENTID.benchclient.com/dkim.CLIENTID.benchclient.com TTL:(可以保留預設值) 點擊「新增紀錄」按鈕就可以發佈您的紀錄。 HostMonster.com 在「域名區塊」點擊「DNS 區塊編輯器」。 從下拉式選中單點擊您要修改的域名。 接著,前往「新增 DNS 紀錄」。 在主機紀錄欄位輸入 rCLIENTID.CLIENTDOMAIN.com/bmdeda._domainkey.CLIENTDOMAIN.com。 TTL “3600”(可以保留預設值)。 從下拉式選單中選擇 CNAME。 在指向欄位輸入 rCLIENTID.benchclient.com/dkim.CLIENTID.benchclient.com。 接著點擊「新增紀錄」。 Arvixe.com 選擇「新增紀錄」。 在下拉式選單中,切換「紀錄」類型到 CNAME。 在域名區塊,新增 rCLIENTID.CLIENTDOMAIN.com/bmdeda._domainkey.CLIENTDOMAIN.com 在 CNAME 那裡,新增 rCLIENTID.benchclient.com/dkim.CLIENTID.benchclient.com 接著,點擊「確定」。 在彈出視窗選擇「更新」。(若新增多個紀錄,全部完成後再更新即可) CloudFlare.com 登入您的 Cloudfare 帳戶。 在左上方下拉式選單中選擇您的域名。 點擊 「DNS 設定標籤」。 最後,新增 CNAME 紀錄: rCLIENTID.benchclient.com/dkim.CLIENTID.benchclient.com Networksolutions.com 前往「DNS 管理員設定」頁面。 接著,在主機別名:CNAME 紀錄區塊 ,選擇新增/ 編輯。 您可以在可編輯的表格看到您目前的 CNAME。 在別名欄位輸入或修改您的子域名。 舉例,如果您選 web.mydomain.com 當您的自訂網域,請輸入 web。 或者如果您使用根網域,像是 www.mydomain.com,那就要輸入 www。 從選項按鈕中選擇「其他主機」。 在其他主機欄位輸入 rCLIENTID.benchclient.com/dkim.CLIENTID.benchclient.com。 最後,點擊「儲存變更」。 Ipage.com 前往您的「域名中心」。 選擇您要新增或編輯 CNAME 的域名。 接著,選擇 DNS。 在「修改」處,點擊 CNAME 紀錄。 輸入下面內容 主機:rCLIENTID.CLIENTDOMAIN.com/bmdeda._domainkey.CLIENTDOMAIN.com 指向:rCLIENTID.benchclient.com/dkim.CLIENTID.benchclient.com 最後,點擊「新增」。 Name.com 點擊「域名」標籤,選擇我的域名列表。(選單最上方) 選擇您要新增 CNAME 的域名。 選擇位於左邊的 DNS 紀錄。 新增 Benchmark 提供的 CNAME 紀錄。 從下拉式選單中選擇 CNAME。 在主機欄位輸入您的發送域名 rCLIENTID.CLIENTDOMAIN.com/bmdeda._domainkey.CLIENTDOMAIN.com。 在回覆欄位新增 rCLIENTID.benchclient.com/dkim.CLIENTID.benchclient.com。 輸入您想要的 TTL,或是保留預設值。 最後,選擇藍色的「新增紀錄」按鈕。 如果您需要了解更多關於域名驗證的步驟,請隨時透過線上客服、電子郵件或電話與我們的支援團隊聯絡。

傳送 九月 20, 2019