HTMLメールを送るときの注意点

HTMLメールは、読者の環境によって見え方が変わってしまいます。

スマートフォンが普及してからは、HTMLメールの65.5％はスマートフォンなどの閲覧だそうです。

しかし、スマートフォンはパソコンと比較して、画面サイズが小さいです。

そのため、スマートフォンでも負荷なく読めるように、メールを作る必要があります。

HTMLメールは、読者によって見え方が違う

HTMLメールは、ホームページを作成する技術で作られますが

課題として、読者の環境によって見え方が変わってしまいます。

例えば、

・ パソコン vs  スマートフォン

・ Windowsのパソコン vs  Macのパソコン

・ Gmail vs Yahoo Mail vs Outlook.com （Microsoft）

などなど で 見え方が大きく変わります。

◆◆◆

スマートフォン対応は必須

これまでのメールは、そのほとんどが

パソコンのメールに対応することが主流でした。

しかし、スマートフォンが普及してからは、

HTMLメールの65.5％はスマートフォンなどの閲覧だそうです。

したがって、スマートフォンで読むことを前提にして

HTMLメールを作る必要があります。

◆◆◆

HTMLメールを作るときのポイント

スマートフォンでの閲覧を想定した場合、押さえておきたいポイントは5つあります。

（1） HTMLメールは1カラムでのレイアウトを基準に考える

（2） 文字の大きさは14px～20px

（3） 縦方向の長さはできるだけ短く

（4） リンクなど、行動を促すためのボタンの高さは、最低44px

（5） 画像の多用は避ける （画面表示が遅くなると、読んでもらえる確率は減ります）

注意点からわかることは、縦方向に長いWebページのような画像を多用した

HTMLメールを作るのではない ということです。

読者がスマートフォンでも負荷をかけずに、読めるような作りが必要となります。

◆◆◆

HTMLメールは1カラムでのレイアウトで

HTMLメールは1カラムでのレイアウトを基準に考えるのが理想です。

スマートフォンでは縮小表示されることを考えると、

2カラムや3カラムに複雑なレイアウトは、あまり現実的ではありません。

パッと見て、ある程度視認できる、1カラムでのレイアウトをお奨めします。

◆◆◆

弊社システム での操作の注意点

最後に、弊社のシステムの場合、どのように操作したらいいのか

簡単にご説明します。

1カラムでのレイアウトを基準にする場合、次の手順でテンプレートを選択してください。

1. TOPページ から 「HTMLメール」 を選択し、テンプレ管理  をクリックします。

2. 0001 ～ 0003 のいずれかのレイアウトを選びます。

上記で選んだテンプレートに従って、

HTMLメールを作成して頂ければ、1カラムのレイアウトでHTMLメールを作成できます。

＞＞ よくある問合せに戻る

＜ 参考記事 ＞

Q1 メールを送るときに見やすくするために、工夫すべき点はありますか。

Q2 デコメール機能というのは、どんなメールがどういう風に作れるのですか。