HTMLメールの作成方法とGmailでの送信手順を徹底解説

HTMLメールも一種のメールですが、Webページと同様に、画像・色・リンク・表などを用いて装飾された形式のメールです。ニュースレター購読時に受け取ったことがある方も多いでしょう。あのような見た目のメールがHTMLメールです。一方、プレーンテキストメールとは文字情報のみで構成されたシンプルなメールのことを指します。社内での日常的なやり取りをイメージすると分かりやすいでしょう。

一般的に、マーケターの間で「どちらの形式が優れているか」という議論はほぼ存在しません。マーケティング施策としては、HTMLメールの方が常に高い成果（コンバージョン）を出す傾向があるからです。ただし、どちらの形式を採用するかを決める前に、いくつか考慮すべき要素があります。最後に、両者の良いところを兼ね備えたソリューションについてもご紹介します。

HTMLでメールを作成するには？

HTMLメールアプリを使えば、Gmail APIを通じてメールの作成だけでなく送信も行えます。自分のGmailアカウントでサインインすれば、WYSIWYGエディタ（ビジュアルエディタ）で直感的にメールを作成できます。さらに、コーディングに慣れている方は、HTMLモードに切り替えて、直接HTMLやCSSでメッセージを記述することも可能です。

このHTMLメールアプリは、従来のバージョンとは異なり、Gmailアカウントを使ってメールを送信できますが、Googleアカウントへのフルアクセス権限は必要ありません。求められるのは「あなたに代わってメッセージを作成・送信する」権限のみで、それ以外のメールボックスの内容を読み取ることはできません。このアプリはオープンソースとして公開されており、Googleアカウントの設定ページからいつでもアクセス権限を取り消すこともできます。

GmailからHTMLメールを送信できる？HTMLの埋め込みは可能？

結論から言えば、Gmailでも他のメールプロバイダと同様にHTMLメールを送信できます。Gmailにはシンプルなツールが用意されており、テキストの太字化・斜体化、色の変更など、好みのスタイルを簡単に適用できます。

ただし、HTMLメールを送信する際には注意すべき点が数多くあります。HTMLデザインをチェックするスパムフィルターへの対策だけでなく、数百種類ものメールクライアント間でHTMLメールの標準規格やサポート状況が統一されていないという課題にも直面します。

メールクライアントの種類

ユーザーが利用しているメールクライアントは多岐にわたります。ThunderbirdやOutlookといったデスクトップ型のクライアントもあれば、Yahoo!メール、Hotmail、GmailなどのWebベースのクライアントもあります。ビジネス向けに特化したものもあれば、個人消費者向けに特化したものもあり、その中で本当に優れたサービスを提供しているのはごく一部です。

ニュースレター用のHTMLメールをデザインする際には、押さえるべきポイントと同時に、避けるべき落とし穴もあります。これらを見落とすと、せっかくの努力が台無しになりかねません。

HTMLメールで背景画像を使わない

メールクライアント、特にWebベースのクライアントの増加やOutlook 2007の登場以降、背景画像への対応は廃止される傾向にあります。もし相手が使用しているメールクライアントが背景画像に対応していると事前に分かっているなら使っても構いませんが、基本のルールとしては背景画像は避けるべきです。

外部リンクのCSSは避ける

外部CSSに対応しているメールクライアントもまだ存在しますが、多くのWebベースのクライアントは外部CSSリンクを無視するか、削除してしまうのが実情です。

同様に、HTMLメールのヘッダー部分に定義したCSSの使用も推奨されません。Webベースのメールクライアントによって無視されたり、剥ぎ取られたりする可能性があります。

メッセージ全体を1枚の画像にしない

スパムフィルターはこの手法を見抜くようになっています。さらに、この方法ではメッセージサイズが大きくなりすぎてしまうというデメリットもあります。

HTMLメールのデザインをWebページのようにしない

HTMLのレンダリング能力において、Webブラウザはメールクライアントよりもはるかに高度です。DIVタグを使ってHTMLメールのレイアウトを組んでも、受信者側ではレイアウトが崩れている可能性がありますので驚かないでください。

Webサイト用にHTMLコードを書く場合、上記のポイントはむしろ優れた設計手法となりますが、メールクライアント環境では問題を引き起こす原因になり得ます。

なぜHTMLメールを選ぶべきか？

Gmailにも優れたビジュアルエディタが搭載されていますが、GmailとHTMLメールアプリの大きな違いは、後者がHTMLで直接メールを書き、スタイルを適用できる点にあります。現状、Gmailでは表を挿入する方法がありませんが、HTMLメールアプリなら簡単に行えます。ツールバーの表ツールを使うか、コード表示に切り替えてtableタグを手動で追加することもできます。

GoogleがダウンしていてもHTMLメールアプリで送信可能

Gmail.comのサイトが一時的にダウンすることは稀にあります。そんなときでも、HTMLメールアプリを使えば、少なくともGmailアカウント経由でメッセージを送信することが可能です。

ソーシャルメディアアイコンや埋め込み画像について

メールに埋め込み画像やSNSアイコンを含めたい場合は、imgur.comなどの画像ホスティングサイトにアップロードし、そのURLを画像挿入ボックスに入力してください。

送信制限はGmailと共通

HTMLメールアプリでメッセージの作成が完了したら、件名と宛先のメールアドレスを入力して送信ボタンを押すだけです。1日の送信上限数はGmailと同一であり、HTMLメールアプリ経由でもGmailと同じ制限が適用されます。

フルスクリーンモード

HTMLメールアプリにはフルスクリーンモードが用意されており、邪魔の入らない環境で集中してメール作成に取り掛かれます。ビジュアルエディタはTinyMCEをベースに、独自のCSS調整を加えたものです。

主な目的が売上の獲得（コンバージョン）であるなら、HTMLメールの方が有利です。また、提供する情報を視覚的に整理したい場合にもHTMLメールが適しています。成功するメールテンプレートを作成できる人材が社内にいるなら、迷わずHTMLメールを選択しましょう。