HTML メール
よみ: エイチティーエムエル メール
画像、文字の色や大きさ、リンク付きのボタン(CTA)などを、Web ページのように自由にデザイン・装飾できるメール形式のことです。視覚的なアピールが強いため、BtoC(一般消費者向け)のメルマガ(メールマガジン)やキャンペーン告知の主流となっています。
運用の絶対原則(マルチパート配信)
HTML メールを送る際は、「必ずテキストだけのメール(代替テキスト)もセットにして送る」のが絶対のルールです。これを「マルチパート形式」と呼びます。
| 形式 | 役割・特徴 |
|---|---|
| HTML 版 | 画像やボタンで視覚的に惹きつける(メイン)。 |
| テキスト版 | HTML を受信できない・拒否している環境向けに、文字だけで内容を伝える(保険)。 |
テキスト版を入れずに HTML だけで送ると、スパム(迷惑メール)として弾かれる確率が跳ね上がります。
実務における制作とテスト工程
Mailchimp、SendGrid、Cuenote などの配信ツールのエディタを使って制作します。最も重要な実務は「配信前のテスト(表示確認)」です。
- Gmail での見え方(PC / スマホ)。
- iPhone 標準メールアプリでの見え方。
- Outlook での見え方(独自の仕様により、レイアウトが最も崩れやすい鬼門です)。
よくある落とし穴(注意点)
テスト配信のサボり:自分の PC(Gmail など)だけで綺麗に見えているからと油断し、そのまま一斉送信してしまう。その結果、取引先の「Outlook」でレイアウトがぐちゃぐちゃに崩れて表示され、ブランドの信頼を損なったり、迷惑メール扱いされたりする大事故につながります。
言葉をよく利用する人
- マーケター
- Web 担当者(発注側)
- デザイナー
- CRM 担当
会話上での使用例
BtoC向けキャンペーンメールの制作を進める場面
-
デザイナー
キャンペーン告知のメール、装飾しっかり入れた形で作っていいですか。
-
Web担当者
はい、HTML メールでお願いします。ただ作ったあとに Outlook や Gmail、iPhone のメールで表示確認をお願いしたいです。あと崩れたとき用にテキスト版も必ず併用しましょう。
-
デザイナー
了解です、複数の環境でチェックしてから渡しますね。
メール配信ツールを選定する場面
-
マーケター
配信ツールを何にするか迷っているんですが、判断基準ってありますか。
-
Web担当者
うちは見栄えのある告知を出すので、HTML メールを作れる機能は必須要件にしましょう。それを満たす Mailchimp あたりが候補になりそうです。