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

サポートページ 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;”>&nbsp;</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の情報は役に立ちましたか?
0 0

Benchmarkから業界トレンド&最新情報をお届けします

ご登録頂きありがとうございます!

登録を完了させるには、認証メールのご確認をお願いします。

質問の回答が見つかりませんか?

サポートへお問い合わせ'

お問い合わせ履歴を閲覧する