Mail.ru 預覽現在可在 Litmus 中使用:這是您需要知道的一切

已發表: 2016-10-18

Mail.ru 擁有超過 1 億個活躍帳戶,是俄羅斯最大的電子郵件提供商。 如果您向俄羅斯和東歐的訂閱者發送電子郵件,很可能有很大一部分訂閱者會在 Mail.ru 網絡客戶端中打開他們的電子郵件。

考慮到這一點,許多 Litmus 客戶過去曾要求 Mail.ru 支持也就不足為奇了,我們很高興地宣布 Mail.ru 是 Checklist 和 Builder 中 Litmus Instant Previews 的最新客戶。

您在 Mail.ru 中的電子郵件是什麼樣的?

使用 Litmus 在 Chrome、Internet Explorer 和 Safari 中的 Mail.ru 網絡郵件客戶端中即時預覽您的電子郵件。

測試您的電子郵件 →

您是否剛剛開始針對 Mail.ru 優化電子郵件? 我們已經為您完成了基礎工作,並詳細查看了 Mail.ru 的收件箱以及它如何呈現電子郵件。 以下是您需要知道的一切:

Mail.ru 收件箱視圖

Mail.ru 遵循一個非常簡單的文件夾結構:收件箱、已發送、草稿、垃圾郵件和垃圾箱。 所有收到的電子郵件都會發送到收件箱文件夾。 與 Inbox by Gmail 等其他收件箱提供商不同,Mail.ru 不會將任何收到的郵件分類到不同的文件夾或選項卡中。 也沒有讀取文件夾。 已打開的電子郵件不會移動到單獨的文件夾中,而是保留在主收件箱中。

由於所有傳入的電子郵件都被發送到收件箱,並且閱讀的郵件也保留在此視圖中,因此收件箱很容易變得擁擠。 為您的營銷活動計時,以便它們在您的訂閱者可能打開時進入收件箱並製作強大的主題行是每個電子郵件營銷活動的關鍵,但對於使您的電子郵件在個人信息、閱讀電子郵件和競爭之間脫穎而出變得更加重要Mail.ru 收件箱中的促銷活動。

Mail.ru 閱讀郵件
已讀郵件保留在收件箱中

主題行和預覽文本

Mail.ru 收件箱顯示發件人名稱、主題行和預覽文本。 雖然大多數收件箱提供商將主題行限制為特定的最大長度,但對於 mail.ru,情況並非如此。 在特定數量的字符後,主題行不會被截斷。 相反,顯示的字符數僅受瀏覽器寬度的限制。

與 Gmail 類似,預覽文本默認顯示在主題行旁邊。 顯示的字符數取決於主題行的長度和瀏覽器窗口的寬度。

郵件.ru

但是,用戶可以選擇在收件箱設置中禁用預覽文本。 在這種情況下,收件箱僅顯示發件人名稱和主題行。

郵件.ru
禁用預覽文本的收件箱視圖

mail.ru 中的廣告

與其他免費電子郵件提供商類似,Mail.ru 在收件箱中顯示廣告。 廣告出現在收件箱的左側和最頂部。 Mail.ru 的收件箱沒有預覽窗格。 單擊收件箱中的其中一封郵件會將用戶直接帶到該郵件中。 消息視圖中也會顯示廣告。

郵件.ru
Mail.ru 消息視圖中的廣告

Mail.ru 如何呈現您的電子郵件?

在通過我們的一系列測試運行 Mail.ru 時,我們沒有發現太多驚喜。

<head> 中的 CSS

每個電子郵件開發人員的夢想是能夠停止內聯 CSS 並將他們所有的 CSS 移動到 <head> 中。 隨著 Gmail 推出對電子郵件頭部樣式的支持,我們離這個目標更近了一步,好消息是 Mail.ru 也支持 <head> 中的 CSS。 如果您想使用懸停效果設置鏈接樣式,或者希望將默認樣式應用於所有鏈接,則非常適合。

媒體查詢

但是,Mail.ru 不支持媒體查詢。 媒體查詢會改變電子郵件的設計或結構,以適應不同尺寸的設備/瀏覽器窗口。 由於 Mail.ru 不支持媒體查詢,如果您的電子郵件寬度大於窗口大小,請期待一些水平滾動。 實施混合/海綿電子郵件編碼技術將抵消這一點,因為混合/海綿不依賴媒體查詢來根據設備/瀏覽器寬度改變電子郵件的結構。

默認打開圖像

在 Mail.ru 收件箱中,默認情況下所有電子郵件的圖像都是打開的,用戶無法在其設置中更改此設置。 這對於電子郵件渲染和打開跟踪來說是個好消息,它會加載一個像素大小的小圖像來監控電子郵件是否已被打開

替代文字

電子郵件可訪問性粉絲會很高興聽到 Mail.ru 支持 ALT 文本。 ALT 文本使瀏覽網頁時使用屏幕閱讀器的用戶受益,但當圖像未顯示在電子郵件中時,它也會提供上下文。 由於在 Mail.ru 中默認啟用圖像,因此可能不會像用戶可以選擇關閉圖像那樣經常看到 ALT 文本。 儘管如此,ALT 文本仍應是您電子郵件的重要組成部分,以確保所有用戶都可以訪問您的電子郵件。

動畫 GIF 一去不復返了

像大多數電子郵件客戶端一樣,Mail.ru 完全支持動畫 GIF。 由於缺乏對嵌入式視頻的支持,動畫 GIF 是一個很好的後備,可以為訂閱者提供一些視覺上吸引人的內容。

背景圖片支持

Mail.ru 完全支持背景圖像,無需使用任何黑客代碼。 你可以簡單地在你的 CSS 中使用:

 background-image:url(https://thisisyourimageurl.com/bgimage.jpg);

Mail.ru 還支持 CSS 屬性 background-repeat、background-position 和 background-size,允許您將實時文本與背景圖像結合起來,以獲得更易於訪問的電子郵件。

漸進增強

將漸進增強視為您可以在電子郵件中實施以提升設計的額外獎勵。 儘管它們對於傳達您的信息並不重要,但對於那些支持它們的電子郵件客戶端,您可以使用它們來給訂閱者帶來驚喜和愉悅。

支持邊界半徑

CSS 屬性 border-radius 用於在電子郵件中創建圓形 CTA 按鈕。 雖然不是電子郵件設計的重要組成部分,但擁有它絕對是件好事。 好消息是,Mail.ru 支持 border-radius,確保您的 CTA 在渲染時保持圓角。

郵件.ru

不支持電子郵件中的視頻

與幾乎所有電子郵件客戶端一樣,Mail.ru 不支持電子郵件中的嵌入視頻。 由於視頻支持有限,建議您從電子郵件鏈接到視頻,而不是將其嵌入電子郵件本身。

Mail.ru 對電子郵件中鏈接的視頻的處理是新的——視頻在模式窗口中打開,而不是在全新的網絡瀏覽器窗口中打開。

郵件.ru

電子郵件營銷人員應該喜歡這個功能,因為它使訂閱者只需關閉彈出窗口就可以更輕鬆地返回電子郵件!

堅持使用 Web 安全字體

請仔細查看電子郵件中的字體堆棧,因為 Mail.ru 不支持 Web 字體。 Mail.ru 對網絡字體的處理類似於 Gmail,因為它只會在您的字體堆棧中選擇下一個網絡安全字體。

郵件.ru
網頁字體已啟用
郵件.ru
沒有網頁字體

如果您的電子郵件設計確實依賴於網絡字體,請務必使用與您的網絡字體緊密匹配的適當的網絡安全字體。 將 serif 網絡字體與 serif 網絡安全字體相匹配,與 sans-serif 相同。 確保您的電子郵件的整體外觀從 Web 字體呈現為 Web 安全字體時不會發生變化。

Mail.ru 沒有交互式電子郵件

當前的交互式電子郵件技術依賴於使用單選按鈕或複選框技術結合 CSS 為電子郵件帶來交互性。 遺憾的是,Mail.ru 不支持這些技術中的任何一種,這意味著 Mail.ru 用戶沒有交互式電子郵件。

郵件.ru
帶有互動元素的電子郵件
郵件.ru
與 Mail.ru 中呈現的相同的交互式電子郵件

為不支持交互式電子郵件的電子郵件客戶端提供合適的後備是必要的,因此請務必使用我們的即時預覽測試您的後備顯示方式。

在 Mail.ru 中查看您的電子郵件

通過電子郵件分析了解訂閱者打開的位置來優化您的電子郵件。 使用 Builder 和 Checklist 中的即時預覽,在 Mail.ru 中預覽您的電子郵件以及 50 多個其他電子郵件客戶端。

免費試用 Litmus →