GmailでHTMLメールを送信する方法は？メリットや注意点を解説

尚、GmailでHTMLメールを作成する場合、ソースコードを記述します。HTML言語のスキルが求められるため、人によっては新たに学ぶ必要があるでしょう。

加えて、開封率などの効果測定機能はありません。Gmailで効果測定をしたいのであれば、やはり測定用URLを記述する必要があります。

Gmailの標準HTMLと簡易HTMLの違い

Gmailには、「標準HTML」と「簡易HTML」の独自設定があります。主な違いは、受信メールの表示方法です。WebブラウザのGmail対応状況により、自動的に切り替わります。

標準HTMLは、受信メールにGmailの全機能を表示する形式です。Gmailに対応しているWebブラウザは、標準HTMLが適用されます。

簡易HTMLは、Gmailの一部機能を非表示にする形式です。Gmail未対応のWebブラウザは、自動で簡易HTML形式になります。簡易HTMLで受信したメールには、チャット機能やスペルチェックなどの機能が表示されません。

簡易HTMLは動作が軽く、読み込みが速くなります。受信メールはHTML形式で表示されますが、HTMLメールは作成できません。

HTMLメール送信時の3つの注意点

HTMLメールを送信する際は、次の3つに注意しましょう。

（1）テーブルレイアウトで構築する

HTMLメールには、2種類のレイアウトがあります。レイアウトを全て自分で構築する「フルCSSレイアウト」と、tableタグで構築する「テーブルレイアウト」です。

HTMLメールを作る際は、テーブルレイアウトを利用しましょう。受信環境によって異なりますが、フルCSSレイアウトで作られたHTMLメールは正しく表示されない可能性があるからです。

フルCSSレイアウトは柔軟にデザインできる一方で、メーラーごとに対応するCSSが異なるケースがあります。

そのため、受信環境によってはレイアウトが崩れてしまうわけです。メーラー同士のCSS対応が進むまでは、テーブルレイアウトを利用したほうが良いでしょう。

（2）CSSは埋め込み形式にする

HTMLメールは、HTMLタグだけでなくCSSによる装飾も併用できます。CSSの役割は、文字・画像のデザインや配置の指定です。

CSSを使う場合は、埋め込み形式で記述しましょう。記述が簡単で管理しやすく、容量の削減にもなるからです。

ちなみに、CSSの記述方法は以下3つの種類があります。

従来、HTMLメールで推奨されてきたのはインライン形式です。埋め込み形式に対応していないメーラーが多く、互換性が高いインライン形式が適していました。

ところがスマートフォンが普及し、ユーザーの画面サイズに最適化して表示する「レスポンシブデザイン」の需要が増加しています。

レスポンシブデザインに適した記述方法が、埋め込み形式です。近年は各メーラーの埋め込み形式の対応が進み、Gmailも2016年に対応しています。

（3）送信前にHTMLメールの表示を確認する

送信前にメールの表示確認をして、デザインが崩れている部分は修正しましょう。受信環境によっては、HTMLメールが正しく表示されません。

メーラーごとに対応するCSSが異なるケースもあるため、できる限り多くの環境でのテストが望ましいです。

メーラーだけでなく、端末ごとのテストもおこないます。PCやスマートフォン、携帯電話といった各端末の表示を確認してみてください。

中でも、携帯電話はHTMLメールを綺麗に表示できない場合が多いです。

また、メールの容量が重すぎると、メーラーによっては自動で省略表示されます。
メールの容量を気にせず作成してしまう場合もあるので、全文表示されているかチェックしましょう。

さらに訴求力を上げるならマルチパートメールがおすすめ

HTMLメールは「マルチパートメール」で送信すると、さらなる訴求力の向上が見込めます。

マルチパートメールとは、受信環境に合わせてHTML表示とテキスト表示を自動で切り替える手法です。

端末やメーラーによっては、HTMLメールを正しく表示できません。マルチパートメールで送信すれば、HTML形式に適していない環境にはテキスト形式で表示されます。

環境ごとに最適な形式でメルマガを送れるため、全てのユーザーに正しく訴求できるわけです。

ただし、メールアドレスが携帯電話のキャリアドメインの場合、マルチパートメールが効かない可能性があります。

キャリアドメインが混在する場合は、デバイス別自動配信も併用したほうが良いでしょう。
※「デバイス別自動配信」とは、メール受信デバイスを判別し、デバイスに最適なメールコンテンツを自動で出し分けて配信する機能です。

Gmailには、マルチパートメールやデバイス別自動配信の機能はありません。難しいソースコードを組む必要があるため、これらの機能があるメール配信システムの利用がおすすめです。

たとえば、「Cuenote FC」はマルチパート配信機能と、デバイス別自動配信機能があります。

GmailでもHTMLメールを配信してメルマガの効果を高めよう

HTMLメールは幅広い表現ができるため、読者に対しビジュアルによる製品やサービスの訴求が可能です。

GmailでもHTMLメールを作れるので、テキスト形式よりも広告効果のあるHTMLメールを送れます。

マルチパートメールやデバイス別の自動配信、レスポンシブデザインなどの特殊な配信を活用すれば、全ての読者にきめ細かな販促活動をおこなえます。

こうした特殊な配信をしたい場合は、メール配信システムの導入を検討してみてはいかがでしょうか。

メール配信システムでは、レスポンシブデザインに対応したHTMLメールをドラッグ&ドロップなどの簡単なマウス操作だけで作成することが可能です。

また、マルチパートメールやデバイス別自動配信にも対応しています。操作に関して専門知識が必要ないため、販促業務の属人化も防げるでしょう。

この製品に関してのお問い合わせ