Mail.ruプレビューがLitmusで利用可能になりました:ここにあなたが知る必要があるすべてがあります

公開: 2016-10-18

1億を超えるアクティブなアカウントを持つMail.ruは、ロシア最大のメールプロバイダーです。 ロシアと東ヨーロッパのサブスクライバーに電子メールを送信している場合、サブスクライバーのかなりの部分がMail.ruWebクライアントで電子メールを開いている可能性があります。

そのことを念頭に置いて、過去に多くのLitmusのお客様がMail.ruのサポートを求めてきたことは当然のことであり、Mail.ruがチェックリストとBuilderのLitmus InstantPreviewsに追加された最新のクライアントであることを発表できることを嬉しく思います。

Mail.ruでのメールはどのように表示されますか?

Chrome、Internet Explorer、およびSafari withLitmusのMail.ruウェブメールクライアントでメールを即座にプレビューします。

メールをテストする→

Mail.ru用にメールを最適化することを始めたばかりですか? 私たちはすでにあなたのために基礎を作り、Mail.ruの受信箱とそれがどのように電子メールをレンダリングするかを詳細に調べました。 知っておくべきことはすべてここにあります。

Mail.ruの受信トレイビュー

Mail.ruは、受信トレイ、送信済み、下書き、スパム、ゴミ箱という非常に単純なフォルダー構造に従います。 すべての受信メールは受信トレイフォルダに送信されます。 Inbox by Gmailなどの他の受信トレイプロバイダーとは異なり、Mail.ruは受信メッセージを別のフォルダーやタブに並べ替えません。 読み取りフォルダもありません。 開かれた電子メールは別のフォルダーに移動されませんが、メインの受信ボックスに残ります。

すべての受信メールが受信トレイに送信され、既読メッセージもこのビューに残っているため、受信トレイは簡単に混雑する可能性があります。 購読者が開封する可能性が高いときに受信トレイに届くようにキャンペーンのタイミングを調整し、強力な件名を作成することは、すべての電子メールキャンペーンにとって重要ですが、個人的なメッセージ、電子メールの読み取り、および競合の間で電子メールを目立たせるためにはさらに重要になります。 Mail.ru受信ボックスのプロモーション。

Mail.ruはメッセージを読む
既読メッセージは受信トレイに残ります

件名とプレビューテキスト

Mail.ruの受信ボックスには、差出人の名前、件名、プレビューテキストが表示されます。 ほとんどの受信トレイプロバイダーは件名を特定の最大長に制限していますが、mail.ruではそうではありません。 件名は、特定の文字数の後で途切れることはありません。 代わりに、表示される文字数はブラウザの幅によってのみ制限されます。

Gmailと同様に、プレビューテキストはデフォルトで件名の横に表示されます。 表示される文字数は、件名の長さとブラウザウィンドウの幅の両方によって異なります。

Mail.ru

ただし、ユーザーは受信トレイの設定でプレビューテキストを無効にするオプションがあります。 この場合、受信トレイには差出人名と件名のみが表示されます。

Mail.ru
プレビューテキストが無効になっている受信トレイビュー

mail.ruの広告

他の無料の電子メールプロバイダーと同様に、Mail.ruは受信トレイに広告を表示します。 広告は、左側と受信トレイの最上部の両方に表示されます。 Mail.ruの受信トレイにはプレビューペインがありません。 受信トレイのメッセージの1つをクリックすると、ユーザーは直接メッセージに移動します。 メッセージビューにも広告が表示されます。

Mail.ru
Mail.ruのメッセージビューの広告

Mail.ruはどのようにメールをレンダリングしますか?

一連のテストでMail.ruを実行しても、それほど多くの驚きは見つかりませんでした。

<head>のCSS

すべての電子メール開発者の夢は、CSSのインライン化を停止し、すべてのCSSを<head>に移動できるようにすることです。 Gmailがメールの先頭でスタイルのサポートを展開することで、この目標にかなり近づきました。すばらしいニュースは、Mail.ruが<head>でもCSSをサポートしていることです。 ホバーオーバー効果を使用してリンクのスタイルを設定する場合、またはすべてのリンクにデフォルトのスタイルを適用する場合に最適です。

メディアクエリ

ただし、Mail.ruはメディアクエリをサポートしていません。 メディアクエリは、さまざまなサイズのデバイス/ブラウザウィンドウに対応するように電子メールのデザインまたは構造を変更します。 Mail.ruはメディアクエリをサポートしていないため、メールの幅がウィンドウのサイズよりも大きい場合は、水平方向のスクロールが必要です。 ハイブリッド/スポンジは、デバイス/ブラウザの幅に応じて電子メールの構造を変更するためにメディアクエリに依存しないため、ハイブリッド/スポンジの電子メールコーディング手法を実装すると、これに対抗できます。

デフォルトでオンの画像

Mail.ruの受信トレイでは、すべてのメールで画像がデフォルトでオンになっており、ユーザーは設定でこれを変更できません。 これは、電子メールのレンダリングとオープントラッキングにとって素晴らしいニュースです。これは、小さなピクセルサイズの画像を読み込んで、電子メールが開かれたかどうかを監視します。

ALTテキスト

メールアクセシビリティファンは、ALTテキストがMail.ruでサポートされていると聞いて喜ぶでしょう。 ALTテキストは、Webを閲覧するときにスクリーンリーダーを使用するユーザーに役立ちますが、画像が電子メールに表示されていない場合のコンテキストも提供します。 Mail.ruではデフォルトで画像がオンになっているため、ユーザーが画像をオフにするオプションがある場合ほど、ALTテキストが表示されない場合があります。 それにもかかわらず、すべてのユーザーが電子メールにアクセスできるようにするために、ALTテキストは電子メールの重要な部分であり続ける必要があります。

アニメーションGIFはすぐに利用できます

ほとんどの電子メールクライアントと同様に、Mail.ruはアニメーションGIFを完全にサポートしています。 埋め込みビデオのサポートが不足しているため、アニメーションGIFは、視覚的に魅力的なコンテンツをサブスクライバーに提供するための優れたフォールバックです。

背景画像のサポート

背景画像はMail.ruで完全にサポートされており、ハッキーなコードを使用する必要はありません。 CSSで簡単に使用できます。

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

CSSプロパティbackground-repeat、background-position、background-sizeもMail.ruでサポートされており、ライブテキストと背景画像を組み合わせてよりアクセスしやすいメールを作成できます。

プログレッシブエンハンスメント

プログレッシブエンハンスメントは、デザインを向上させるために電子メールに実装できる追加のボーナスと考えてください。 それらはあなたのメッセージを伝えるために不可欠ではありませんが、それらをサポートするそれらの電子メールクライアントにとって、あなたはあなたの加入者を驚かせそして喜ばせるためにそれらを使うことができます。

Border-radiusがサポートされています

CSSプロパティborder-radiusは、電子メールに丸みを帯びたCTAボタンを作成するために使用されます。 電子メールのデザインの重要な部分ではありませんが、持っていることは間違いなく素晴らしいことです。 幸いなことに、Mail.ruではborder-radiusがサポートされており、角が丸いCTAがレンダリングされたときにその状態を維持します。

Mail.ru

電子メールでのビデオのサポートなし

ほとんどすべての電子メールクライアントと同様に、電子メールに埋め込まれたビデオはMail.ruではサポートされていません。 ビデオのサポートは限られているため、電子メール自体に埋め込むのではなく、電子メールからビデオにリンクすることをお勧めします。

Mail.ruによる電子メールにリンクされたビデオの処理は、まったく新しいものです。ビデオは、まったく新しいWebブラウザーウィンドウではなく、モーダルウィンドウで開きます。

Mail.ru

メールマーケターは、この機能を気に入ってください。ポップアップを閉じるだけで、サブスクライバーがメールに簡単に戻ることができます。

Webセーフフォントに固執する

Mail.ruではWebフォントがサポートされていないため、電子メールのフォントスタックを注意深く確認してください。 Mail.ruのWebフォントの処理は、フォントスタック内の次のWebセーフフォントを選択するだけであるという点でGmailに似ています。

Mail.ru
Webフォントが有効
Mail.ru
Webフォントはありません

電子メールのデザインがWebフォントに依存している場合は、Webフォントに厳密に一致する適切なWebセーフフォントを使用してください。 セリフウェブフォントをセリフウェブセーフフォントと一致させ、サンセリフと同じようにします。 電子メールの全体的なルックアンドフィールが、WebフォントがWebセーフフォントにレンダリングされたときから変わらないことを確認してください。

Mail.ruのインタラクティブなメールはありません

現在のインタラクティブな電子メール技術は、CSSと組み合わせたラジオボタンまたはチェックボックス技術の使用に依存して、電子メールに双方向性をもたらします。 残念ながら、Mail.ruはこれらの手法のいずれもサポートしていません。つまり、Mail.ruユーザー向けのインタラクティブな電子メールはありません。

Mail.ru
インタラクティブな要素を含むメール
Mail.ru
Mail.ruでレンダリングされたものと同じインタラクティブな電子メール

インタラクティブな電子メールをサポートしていない電子メールクライアントに適したフォールバックを用意する必要があるため、インスタントプレビューを使用してフォールバックがどのように表示されるかを必ずテストしてください。

Mail.ruであなたのメールを見てください

Email Analyticsを使用して、サブスクライバーがどこを開いているかを学習して、Eメールを最適化します。 Builderとチェックリストのインスタントプレビューを使用して、50を超える他の電子メールクライアントとともにMail.ruで電子メールをプレビューします。

Litmusを無料でお試しください→