LitmusとEmail on Acidによるテスト

HTMLメールの表示は、50種類以上のクライアント、バージョン、OSの組み合わせによって大きく異なります。それぞれを手作業でテストするのは不可能です。Litmus と Email on Acid は実際のクライアントエンジンでメールを実行し、スクリーンショットを返すため、送信前に表示崩れを発見できます。

Litmus は、最も長く運営されている商用メールテストサービスです。HTMLを貼り付けるか、一意のシードアドレスに送信すると、Litmus は Outlook 2007-2021、Apple Mail、iOS、Gmail（Web + アプリ）、Yahoo、Office 365、Thunderbird などのプレビューを表示します。

Email on Acid は同様のプレビューに加えて、より強力な自動チェックを提供します。スパムスコアテスト、ダークモード表示の監査、アクセシビリティチェック（色のコントラスト、alt テキスト）、リンク検証などが含まれます。料金は Litmus と同程度なので、チームが最も利用する機能セットを基準に選んでください。

最終送信の直前だけでなく、意味のある変更を行うたびにテストしてください。送信日に Yahoo の不具合を発見すると、土壇場で何時間も修正することになります。修正コストが低い開発中に問題を見つけてください。

時間が足りない場合は、Outlook 2010、2013、2016、365 のテストに大半の時間を使ってください。これらはそれぞれ、Wordエンジンの癖によって少しずつ異なる表示になります。Apple Mail と iOS Mail はほぼ確実に動作し、Gmail Web もいくつかの @media に関する注意点を押さえれば動作します。

どちらのサービスも、Apple Mail、iOS、Outlook、Gmail のダークモードプレビューを提供しています。ロゴが暗い背景でも見えること、テキストのコントラストが保たれていること、色分けされたUI（ステータスピル、バッジ）が判別可能であることを確認してください。

これらのツールは SpamAssassin と一般的ないくつかのフィルターをシミュレートし、トリガーワード、list-unsubscribe ヘッダーの欠落、疑わしいリンクパターンを指摘します。スパムスコアが低くても受信トレイに届くとは限りませんが、スコアが高いメールはほぼ必ず迷惑メールフォルダーに入ります。

どちらのサービスもすべてのリンクと画像をスキャンし、壊れたURL、alt テキストの欠落、大きな画像サイズを報告します。最終送信前に実行してください。100万人規模のキャンペーンでCTAが壊れていると、取り戻すのは困難です。

stylelint と stylelint-email または htmlemail.io のレシピを使用して、ビルド時に未対応のCSSを検出してください。Litmus/EOA と組み合わせて視覚的にも確認します。静的Lintは、視覚的な差分よりも早く、低コストで問題を検出できます。

Mailtrap、putsmail.com、自分で管理している Gmail/Outlook/iCloud アカウントの実際のメールボックスでは、機能が限定された無料プレビューを利用できます。開発中の簡単な確認にはこれらを使い、送信前の包括的なマトリクス確認には有料サービスを利用してください。

SendGrid、Mailgun、Postmark などは、Litmus または EOA のプレビューをメール作成画面に統合しています。可能な限り、メールを送信するのと同じツールでテストしてください。表示結果が受信者に見えるものと正確に一致します。

Litmus と Email on Acid は、実際のクライアントエンジンでメールを表示し、スクリーンショット、ダークモードプレビュー、スパムスコア、アクセシビリティ監査を提供します。Outlookの各種環境を重点的にテストし、CIで静的Lintを実行し、プレビューを送信ツールに統合してください。そうすれば、テストしたものをそのまま受信者に届けられます。