メールクライアントによってHTMLメールがうまく表示されないのはなぜですか？

サポートページ aero-right メールクライアントによってHTMLメールがうまく表示されないのはなぜですか？

メールクライアントによってHTMLメールがうまく表示されないのはなぜですか？

到達率更新日 7月 5, 2019

AOL、Yahoo、Gmail、および他の多くのISPは、受信トレイでの表示されるメールのレイアウトに影響を与えます。また、ブラウザによっても同様に影響を与える可能性があることは言うまでもありません。Benchmarkでは、お客様に見栄えの良いメールを作成していただけるようサポートしています。ドラッグ＆ドロップエディターを使用すると、受信環境に伴って表示が変わります。更に受信テスター機能も提供しているので、配信前でもメールのレイアウトを確認できます。

最も効率の良いメール作成方法

一部のメールクライアントには、ESPが回避できない特定の制限があります。表示に使用されているメールクライアントまたはデバイスに関係なく、メールに同じものが表示されるのを考慮する必要があります。

ドラッグ＆ドロップエディターを使用する – ドラッグ＆ドロップエディターの全てのメールテンプレートはモバイル端末受信にも対応しています。
メールをWebバージョンにリンクする：メールにWebページバージョンのリンクを含めます。一部のメールクライアントにおいては、レイアウトが大幅に崩れてメールが乱雑に見える可能性があります。（メール作成のステップ1で有効にする事が可能です）
背景画像 – 画像の背景色は、メールプログラムが画像を表示できない場合に表示されます。フォントの色が目立つように背景色を編集しましょう。そうしないと、メールが空白に見えるためです。
画像への代替テキストの追加 – 代替テキストは、メールキャンペーンで使用される画像を説明するために使用されます。ほとんどのメールクライアントは自動的に画像を表示しません。代替テキストはそれらの画像に説明を加え、代替テキスト付きの画像はブロックされにくくなります。
画像の配置 – 場合によって、画像が大きすぎてテキストを覆ってしまったり、圧縮されているように見えることがあります。画像を揃えてサイズを小さくすると、フォーマットが解除されてしまいます。ドラッグアンドドロップエディタを使えば、これらを心配する必要はありません。

これらのポイントを押さえてメール作成し終えたら、テストメールをご自身または身近な人に送信したいと思われるでしょう。複数のデバイスでテスト用メールを開いてデザインがどのように変更されているかを確認しましょう。受信テスターを使用して、複数のデバイスでメールを表示することもできます。

表示エラー確認済みのメールクライアントリスト

メールクライアント	HTML 対応	仕様
AOL 4.0、5.0	未対応	テキスト対応のみフォーム認識不可
AOL 6.0、 7.0、8.0	対応	スタンダードHTML フォーム認識不可外部スタイルシートへのリンク入りメール受信不可
AOL 9.0	一部対応	HTML画像＆直リンク表示不可フォーム認識不可長いメールはzipファイルになる
AOL Webメール	一部対応	XHTMLフル対応無し <br />タグ認識不可アンカータグ対応無し -アンカーリンクをクリックするとアンカー箇所に飛ばず新しいウィンドウで受信箱が開く
Apple Mail	対応	スタンダードHTML フォントタグ使用不可 – <span>タグを使用アンカーリンクはダブルクリックが必要 El Capitan OSXではアンカーリンクが機能しない
Compuserve	未対応	テキスト対応のみ
Comcast Smartzone	対応	スタンダードHTML 背景画像はブロックされるアンカータグ対応無し -アンカーリンクをクリックするとアンカー箇所に飛ばず新しいウィンドウで受信箱が開く
Comcast XFinity	一部対応	長いメールは途中で切れる – ウェブページバージョンで閲覧するよう誘導するか、メールを短くする必要ありアンカーリンク、目次リンクをクリックするとアンカー箇所に飛ばず新しいウィンドウで受信箱が開く
Entourage (Mac)	対応	スタンダードHTML
Entourage 2008 (Mac)	一部対応	背景画像がブロックされる場合があるフォーム、Flash、その他プラグイン、CSS float、CSSポジショニング、GIF対応箇条点は画像に置き換えられる
Earthlink	一部対応	テキストに下線が入る場合がある
Eudora 3.1	未対応	テキスト対応のみ
Eudora 4.0、4.2、4.3、 5.0	未対応	Internet Explorer使用の場合、スタンダードHTML仕様デフォルトのEudora HTMLビューアでは正常に表示されない場合がある
Gmail	一部対応	ブックマークアンカーのサポート無し長いメールは途中で切れる – ウェブページバージョンで閲覧するよう誘導するか、メールを短くする必要ありメール内の電話番号がハイパーリンクになる
Hotmail	一部対応	デフォルトで画像ブロック <head>, <title>, <meta>, <body> タグ使用不可 – インラインスタイルの使用が必要ホットリンクの有効期限が最大4分、背景画像の無効化 – メール認証設定をONにする必要あり CSS表示問題テキストに下線が表示される場合あり <p>タグで囲んだテキストの行間に余分なスペースが入る – <p>タグを<div>ダグに変更するか、新規ブロックへテキストを入力し直し、同スタイルが貼り付けされないようにする必要あり
Juno 4.0、 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、 2000	対応	スタンダードHTML CSS未対応
Outlook 98、 2001 (Mac)	未対応	リッチテキスト形式のみ
Outlook 2003	一部対応	デフォルトでHTML画像のブロック
Outlook 2007、2010	一部対応	フォーム、Flash、その他プラグイン、CSS float、CSSポジショニング、GIF未対応箇条点は画像に置き換えられる長いメールにはページ区切りが挿入され空白が表示される場合あり画像ボーダー表示未対応 1920px x 1080px 以上の高画質ではテキストフォーマット対応、画像は未対応画像キャプションスタイルはOutlookスタイルに上書きされる縦1728 px以上の画像は切れる段落の間、テキストの間に余分な空白が入るパソコン表示設定では画像がうまく表示されない場合がある注: Microsoft ではOutlook 2007でのHTML認証ツールを提供しています。
Outlook 2007、2010 (Mac)	一部対応	アンカーリンク、目次は機能しないアニメGIF未対応
Outlook 2013、2016	一部対応	長いメールにはページ区切りが挿入され空白が表示される場合ありブロックの最後のテキストが行頭文字の場合、中央が空欄スタイルの行頭文字が追加される – 行間文字を最後に置かないようにするか、</ul>タグでクローズする前に <div style=”display:none;”> </div> を追加 1920 x 1080 px以上の高画質ディスプレイではテキストサイズは調整されるが、画像サイズは調整されないパソコン表示設定によっては画像が正常に表示されない場合があるアニメGIF未対応
Outlook 2016 (Mac)	一部対応	アンカーリンク、目次機能は未対応
Outlook 365	一部対応	リンクに続くテキストのカラーを設定しない限りリンクはデフォルトで青になる – リンクは<span> タグで囲み、 <td> と <div>タグは異なるカラー設定が必要アンカーリンク、目次リンクをクリックすると正しい箇所に飛ばずブランクのWebページが開くテキストは左寄せに設定していても、デフォルトで両端揃えになる画像周りのスペースは設定が反映されない
Outlook Web Access	一部対応	スタンダードHTML 画像はデフォルトでブロックされるアンカーリンク、目次は機能しない画像はライブラリに保存されたオリジナルファイルのサイズで表示されるため、表示問題を防ぐため画像のリサイズが必須
Outlook Express- PC or Mac	対応	スタンダードHTML
Pegasus Mail 3.1- Windows	対応	スタンダードHTML リンクのカラー設定は反映されない
スマートフォン Android、 iPhone等	対応	電話番号がハイパーリンクとして表示される(クリックして電話が可能) メールフッターの住所を認識し、イベント日時をカレンダーに追加可能
Verizon	対応	スタンダードHTML アンカーリンク、目次は機能しない
Yahoo!	対応	スタンダードHTML アンカーリンク、目次が機能しないブラウザがある – 機能しないブラウザではメールが閉じ受信箱ページへ戻る動作となる長いメールは途中で切れる – ウェブページバージョンで閲覧するよう誘導するか、メールを短くする必要あり

参照元: StudioCloud

ご不明点はサポートまでご連絡ください。

FAQの情報は役に立ちましたか？

あなたはすでに投票済みです！

About Benchmark

リソース

アプリ/連携

お問い合わせ

言語選択

何かお困りですか？よくある質問とその回答をまとめました。