レスポンシブHTMLメールとは?

PC/スマートフォン両方に対応するHTMLメールを作成する方法

顧客が閲覧しているデバイスに最適なメールを送ろう

よくある課題


クリックすると拡大できます

昨今、HTMLメールにてメールマガジンを送られている企業様も多くなってきています。また現在テキスト形式でしか送っていなく、HTMLメールを検討していらっしゃるマーケターもいらっしゃるかと存じます。

しかし多くの企業様は、PC用のHTMLメールを送られています。
スマートフォンが普及した中、スマートフォンで閲覧する顧客に対してPC用のHTMLメールを送ると、視認性・可読性・操作性の観点で様々なストレスを与えてしまいます。



レスポンシブHTMLメールでPC/スマートフォンに両対応

クリックすると拡大できます

各デバイスごとにメールソースを制作するには、コストも工数も大幅にかかってしまいます。
そこで、1つのメールソースで、各デバイスに最適なサイズとレイアウトで表示できる「レスポンシブHTMLメール」という手法があります。

画像や文字のサイズが画面の幅に合わせて可変するので、可読性や操作性が大幅に向上します。顧客にとって見やすいメールを配信することで、クリック率の向上が見込めます。
また、ソースが1つなので、複数のソースを作成するよりも工数を削減できます。



レスポンシブHTMLメールの効果

弊社クライアントの某アパレルメーカー様

【課題】
テキストメールで送っていたが、ある時期からCTRが低迷していた。
メール経由だとクリックされないと、その先の購買まで至らないのでかなり困っていた。

【解決策】
PCで読む人にも、スマートフォンで読む人にも読みやすいメールを送ることにした。
レスポンシブHTMLの雛形を制作してもらい、それを使い回しながらメールを送った。

【効果】
テキストメールの時と比べ、CTRが約3倍ほど増加した。
今ではレスポンシブHTMLメールを中心に送っている。

レスポンシブHTML制作の難しさ

  • 制作には専門知識が必要
    ただでさえ専門の知識・技術が必要なHTML制作(コーディング)ですが、
    メールの場合はWebページの制作とは違ったナレッジが求められます。
    (土台の組み方やスタイルの当て方にクセがあり、手間もかかります)

  • メーラーごとに実装状況にかなりの差が出る
    デバイスだけでなく、メーラーによってもメール表示の仕様が異なります。
    あるメーラーでは正しく表示されていても、他のメーラーでレイアウトが崩れている場合があります。

    多くの顧客の環境に正しく表示されるようなメールを制作しようとすると、一筋縄には行きません。
    特にGmailやOutlookなどのWebメーラーへの対応は、大変な思いをしたマーケターもいらっしゃるかもしれません。

    しかし、現在のマーケティング環境では、レスポンシブ対応は急務と考える企業様は多いです。
    そのため自社で対応が難しい場合、アウトソースする企業様は増えております。


トライコーンにお任せください

クリックすると拡大できます

レスポンシブ対応を行っても、各メーラーへの対応は経験値がないとレイアウトが崩れ、正しい表示ができないことがあります。
トライコーンでは、長年の実績から、レイアウト崩れをしないためのノウハウや知識があり、顧客へ最適な形でメールをお送りしています。

また、画像制作やHTMLメールのコーディングだけでなく、制作後の各種端末、メールソフトでの検証を十分に行うため、メールを製作する貴社スタッフの工数削減へと繋がります。
その他効果を出すために、開封率向上を目指した件名やファーストビューのご提案や、クリック率向上を目指した画像の製作やABテストのお手伝いを行っています。