メールと言えば主流になっているのはテキストメールです。
テキストメールは文章のみで構成されるもので、企業でも約6割が使用しているメール形式です。しかし、それ以外にもHTMLメールと呼ばれるメール形式もあります。

HTMLメールは「Gmai」lや「Outlook」でも使用できるメール形式で、画像の挿入や文字の加工ができるものであり、従来のテキストメールの概念を覆すような様々な機能が搭載されています。
とはいえ、メール配信を行うときに形式まで考えることは少ないのではないでしょうか。そこで今回は、htmlメールの特徴や注意点・メーラーごとの送信方法について解説していきます。

HTMLメールとは

HTML形式で作成されたメールのことを「HTMLメール」と呼びます。

HTMLとは、Webサイトを作成するためのマークアップ言語であり、現在あるWebサイトにとっては欠かせないものとなっています。

これによって、文字のフォントや色・大きさの変更、画像・動画のメール内挿入も可能になっています。

HTMLメールでは主に以下の4つのことが可能となります

  • 開封率や開封時間などの計測
  • 視覚的な訴求
  • ブランドイメージの認知

1つずつ解説していきます。

開封率や開封時間などの計測

HTMLメールは開封率の計測が可能です。

テキストメールでは開封率の計測は難しかったのですが、HTMLメールでは開封データを計測し、マーケティングに活かせます。

たとえば、メールの開封数や開封率・開封時間・クリックスルーなどのデータが得られます。

これらのデータを活かし、開封率が高いタイトルの研究もできるようになるので、開封率が重要なメールマガジンの作成にも役立てることができます。

それに加え、開封時間の分析をすればユーザーに読まれやすい時間帯に合わせた配信も可能。このように、より効率の良いメールマーケティングが実現への手助けになります。

視覚的な訴求

HTMLメールは上記のような開封に関係するデータ収集以外にも、視覚的な訴求に絶大な効果を発揮します。テキストはもちろん、画像や動画の埋め込みができるため、より見栄えの良いページレイアウトが可能です。

さらにCSSの埋め込みによってフォントやサイズ色の変更を行えばより効果的な情報の提供にも繋がります。

メールという手軽なツールでありながら、まるで広告チラシや自社のウェブサイトのような視覚的訴求ができるようになるのです。

これにより、サービスやキャンペーン情報の詳細が開封者には伝わりやすくなりますし、必要な情報だけを選択しやすくなります。そうなると、テキストメールよりもHTMLメールの方がメールからの購買につながるケースも多くなるでしょう。

ブランドイメージの認知

画像の埋め込みができるということは、企業のロゴを埋め込むこともできます。
メールに企業のシンボルマークであるロゴを埋め込むことによって、ブランドイメージの認知にもつながるものです。

さらに、フォントの調整によって自社サイトと一貫性を持たせればさらにその効果は大きくなります。
ブランドイメージの認知と認識ができるようになってくると、自社からのメルマガである認識も早まり、企業への安心感も増すので、クリック率や問い合わせ回数の向上も期待できます。

送信時の注意点

このように、HTMLメールには多くのメリットと特徴があります。しかし送信時には注意しておくべき点もあります。
注意点を理解した上で使用しないと、せっかくの機能の効果を十分に発揮できません。
具体的な送信時の注意点としては以下の3つです。

  • マルチパートの設定が必要
  • 専門的な知識が必要になることがある
  • レイアウトが崩れることがある

1つずつ解説していきます。

マルチパートの設定が必要

HTMLメールを送信するときにはマルチパートの設定が必要ですマルチパートとは読者の受信環境に応じて配信形式を自動で切り替える機能です。

もちろんスマートフォンの普及によってHTMLメールの受信ができることが多くなっていますが、すべてのユーザーがスマートフォンを所持しているわけでもありません。
HTMLメールに対応していないデバイスは、本文が表示されなかったり、画像部分が表示されなかったりすることがあります。

そうなると、せっかくの情報が伝わらなくなってしまうので、HTMLメールとテキストメールを自動で切り替える設定が必要になってくるのです。

レイアウトが崩れることがある

先ほど解説したマルチパートの設定にもつながりますが、HTMLメールではレイアウト崩れが起こる可能性があります。このレイアウト崩れは、読者側の環境がHTMLメールに対応していないことが考えられます。

こちらがページレイアウトを整えていたとしても、プロパティに対応していないメールではうまく表示されません。

このようなケースの対応としては、HTMLのヘッダにCSSの記述をするかCSSを使わずにテーブルでページレイアウトを行うことが必要になります。
とはいえ、レイアウト崩れにはさまざまな原因が考えられるので、不具合を想定したマルチパートを設定はしておきましょう。

専門的な知識が必要になることがある

上記のように、HTMLメールでは専門的な知識が必要になることがあります。HTMLCSS言語の知識が求められることもあり、これらはホームページを作成する時には必ず使うものです。

つまり、デザインやプログラミングに知見がないと扱いづらい場合があるということ。
加えて、画像のアップロード先になるサーバー知識も必要になるかもしれません。

ただ、次に説明する各メーラーは高度なHTMLCSSの知識は必要なく、ブログ感覚でHTMLの作成ができることが特徴です。

とはいえ、多少の知識が必要になるメーラーもあります。

メーラーごとの送信方法

ここからはいくつかのメールごとに送信方法を紹介していきます。
紹介するメーラーは以下の4つです。

  • gmail
  • outlook
  • mac
  • thunderbird

gmail

gmailにはテキストモードがあり、そちらを設定することでHTMLメールの送信が可能になります。
「リッチテキストモード」と「プレーンテキストモード」の2種類があり、HTMLメールの時は「リッチテキストモード」を使用しましょう。
具体的な手順は以下の通りです。

  1. 新規メール作成画面を開く
  2. 右下にある「⋮」アイコンを選ぶ
  3. プレーンテキストモードにチェックがないか確認
  4. 書式設定や画像の挿入を行い送信する

outlook

outlookの送信手順も非常に簡単です。
具体的な手順は以下の通りです。

  1. オプションを開く
  2. 「次の形式でメッセージを作成する」から「HTML形式」を選択
  3. テンプレートのフォルダーを開き作成していたHTMLファイルを追加
  4. オプションを開きメニューメールを選択
  5. ひな形およびフォントから追加したHTMLファイルを選択
  6. ひな形を利用する場合は選択しOKをクリック

mac

macでHTMLメールを送信するの場合は、2種類の方法があります。
Mail.appで作成するか、テンプレートの使用によって作成するかです。
Mail.appは、macに標準搭載させているメールアプリで、以下のような手順でHTMLメールが送信できます。

  1. 通信設定を開く
  2. 作成タブをクリック
  3. フォーマットリッチテキスト形式に切り替え
  4. 返信レイアウトから返信する際のフォーマットを指定

また、テンプレートを使用する場合は以下の通りです。

  1. 新規メッセージをクリック
  2. 右上にあるひな形の表示を選ぶ
  3. テンプレートを選択
  4. 記入されている英文を編集
  5. 使用したい画像をドラッグ&ドロップで切り替え

thunderbird

thunderbirdも簡単に送信できます。
具体的な送信手順は以下の通りです。

  1. 「このアカウントの設定を表示する」を選ぶ
  2. HTML形式でメッセージを編集する」にチェックを入れる
  3. 左下の作成をクリックして新規メール作成画面を開く
  4. 挿入をクリック
  5. HTMLを選択し作成したHTMLを貼り付けるか記述する
  6. 挿入をクリック
  7. オプションの送信形式をクリックし形式を選択して送信

まとめ

このようにHTMLメールは、Gmailを始め多くのメーラーで利用できる形式です。
お伝えしたように、HTMLメールの活用はメルマガでの効果が非常に高く、読者の購買意欲をそそるようなメールの作成ができます。
多少の知識が必要になる場合もありますが、積極的に使っていきたい機能です。