HTMLメールをスマホに配信するには?注意ポイント・レスポンシブ化の方法を解説!
「HTMLメールをスマホに配信したい」それが、マーケティング担当者からのもっとも大きな要望だといわれています。画像やリッチテキストを活用し、Webページ・ランディングページのようなメルマガを配信できるHTMLメールは、マーケティングに非常に効果的。インターネットユーザーの6割がスマホを活用している現代では、スマホユーザーにもHTMLメールを配信したいと考えるのは当然の流れです。しかし、簡単なことではないのが現実。スマホの場合、HTMLメールの受信に問題を抱えるケースが多々あるからです。ではどうすれば?そこで本記事では、HTMLメールをスマホに配信する場合の注意ポイントや解決策を徹底解説!HTMLメールのレスポンシブ化によるスマホ最適化も紹介していきます。
HTMLメールはスマホに配信できない?
一般的な方の認識としては、スマホ=「iOS / AndroidなどのモバイルOSが動作する、小型のコンピューター」というものではないでしょうか?それなら、PCが問題なくHTMLメールを受信できるのと同じように、スマホでも簡単にHTMLメールを受信できるはずです。
たしかに、それはある意味においては「正解」であり、アメリカではスマホでHTMLメールを受信することになんの問題も生じません。しかし、日本では必ずしも正解だとはいえず、スマホユーザーによっては「HTMLメールが見れない」「表示が崩れる」「画像が表示できない」ケースが多々あります。
HTMLメールの画像はサーバ参照が一般的
なぜ日本ではHTMLメールのスマホ配信に問題が生じることがあるのか?その前に、HTMLメールの仕組み、どのようにメール配信されるのかを簡単におさらいしておきましょう。
HTMLメールとは、Webページを作成する際に使われるプログラミング言語「HTML(Hyper Text Markup Language)」を活用したメールのことです。
文章を直接打ち込んでいくテキストメールと異なり、<h2>、<img>、<p>などの「HTMLタグ」を目印に文章・画像をレイアウトしていくメールです。
Webページのようなメールを制作できるHTMLメールは、特徴を活かすために画像を埋め込むケースがほとんどですが、メールに添付するのではなく、外部サーバから画像データを参照する場合が一般的です。
つまり、配信されたHTMLメールを見るためには、HTMLタグに対応し、かつ外部サーバからのデータ参照が可能な「メーラー」が必要なのです。
スマホで使えるメールアドレス・メーラーは?
それでは、日本で利用できる一般的なスマホでは、どのようなメールアドレス・メーラーが使えるのでしょうか?
大きくは、PCでの受信を前提にした「PCドメインのメールアドレス」「PCドメイン対応のメールアプリ」、スマホでの受信に特化した「携帯キャリアドメインのメールアプリ」「キャリアドメイン対応のメールアプリ」の2つに分類できます。それぞれを簡単に解説していきます。
PCメールアドレス・メールアプリ
PCメールアドレスとは、メールサーバを活用してメールを送受信するためのメールアドレスのこと。企業が専用メールサーバを設置する、あるいはホスティングサービスを活用し、取得した独自ドメインをもとに設定される場合が一般的です。
Gmail、YahooメールなどのWebメールサービスもPCメールアドレスに含められるといえるでしょう。PCメールアドレス宛に送信されたメールは、Outlook、Mail、Thunderbirdといったメーラーで受信・閲覧しますが、GmailなどのWebメールならブラウザだけでメール受信・閲覧が可能でっす。
近年では「Gmail」「Spark」など、iOS / Android向けメールアプリが多数リリースされており、多くのスマホユーザーがインストールしてPCメールアドレスを受信できるように設定しています。この場合、HTMLメールの受信に問題が発生することはほとんどありません。
携帯キャリアのメールアドレス・メールアプリ
携帯キャリアのメールアドレスとは、携帯キャリアと契約する際に付いてくるメールアドレスのこと。スマートフォンの契約時に「@dokomo.ne.jp」「@i,softbank.jp」などを設定したことを思い出した方も多いはずです。
iPhoneの場合、携帯キャリアのメールアドレス宛に送信されたメールは、iPhone純正の「Mail」で受信されますが、Androidの場合は、それぞれのキャリアが独自開発した「専用メーラー」で受信されます。
各キャリアに応じてAndroidメーラーの仕様はまちまちであり、HTMLメールへの対応も機種・キャリアごとに大きく異なります。
日本独自に進化した携帯メール
なぜキャリアメールなどというものが存在するのか?それは、フィーチャーフォンの時代から独自に進化を遂げてきた、日本ならではの携帯電話文化があるからです。
cHTML形式のメールを送受信できる、NTTドコモのデコメールなどが挙げられますが、他社もこれに追随したメールサービスを携帯電話に搭載するようになった為、キャリア独自のメールシステムが必須になった経緯があります。現在のキャリアメールはその名残だともいえます。
実際、フィーチャーフォンの時代から「MMS(Multimedia Messeging Servece)」が活用されてきたアメリカでは、キャリアメールアドレスというものは存在しません。
アメリカのスマホユーザーは、PCメールアドレスを取得したうえで、汎用のメールアプリを活用してメールを送受信する場合がほとんどです。
スマホでもHTMLメールが見れるアドレスは?
日本のスマホでは、PC・キャリアメールアドレスの2つが使えるのは上述した通りですが、すべてのユーザーがPCメールアドレスを利用しているわけではありません。メルマガ登録にあたって、キャリアメールアドレスを選ぶスマホユーザーもいます。
では、キャリアメールアドレスを見ただけで、HTMLメールに対応したスマホであるか判断できるのか?というと、そんなに単純なものでもありません。
同じキャリアでも、スマホの機種によってHTMLメールへの対応状況が異なるからです。一覧表で確認してみましょう。(HTMLメールを見れないフィーチャーフォンは除外しています)
メールアドレス | スマホの機種 | HTMLメールへの対応 | 備考 |
---|---|---|---|
GmailなどのPCアドレス | スマホ全般 | ○ | |
@docomo.ne.jp(キャリア) | iPhone | ○ | |
@docomo.ne.jp(キャリア) | Android | △ | 画像なし・表示崩れの可能性あり |
@ezweb.ne.jp、@au.com(キャリア) | iPhone | ○ | |
@ezweb.ne.jp、@au.com(キャリア) | Android | △ | 表示崩れの可能性あり |
@softbank.ne.jp(キャリア) | iPhone | × | |
@softbank.ne.jp(キャリア) | Android | △ | 画像なし・表示崩れの可能性あり |
@i.softbank..jp(キャリア) | iPhone | ○ |
スマホでのHTMLメールの見え方1:正常に表示
上の表からおわかりの通り、配信したHTMLメールが「正常な状態で表示される」のは、PCメールアドレス + 汎用メールアプリを利用するスマホ、もしくは「@softbank.ne.jp」以外のキャリアメールアドレスを利用するiPhoneです。
これは上述したように、iPhoneのキャリアメールアドレス宛メールを受信するメーラーが、iPhone純正の「Mail」だからです。
では、なぜ同じキャリアアドレスであるiPhoneの「@softbank.ne.jp」ではHTMLメールを受信できないのか?これは、「@softbank.ne.jp」宛のメールを受信するのが「SMSメッセージアプリ」だからです。
着信自体は知らせてくれますが「HTMLメールが表示できるメールソフトでご覧下さい」というアラートが表示されてしまいます。
スマホでのHTMLメールの見え方2:画像がない・表示が崩れる
それでは、iPhone以外のキャリアメールアドレスを使うAndroidスマホにHTMLメールを送信したらどうなるのか?「×」だらけで画像がない、表示が崩れる、真っ白の画面になるなどの表示に関する問題が発生する可能性があります。
これは、Androidでキャリアメールを受信するメーラーの仕様が各社で異なるからです。
具体的には、「@docomo.ne.jp」「@softbank.ne.jp」を利用するAndroidスマホは、外部サーバの参照ができないため、HTMLメール内の画像が表示されません。これは、専用アプリにフィーチャーフォン時代の仕様が残っているためだといわれています。
唯一「au」のAndroidメーラーは画像参照できる仕様になっていますが、いずれにしても、AndroidスマホではHTMLメールの表示が崩れしてしまうケースもあるようです。
HTMLメールをスマホに配信する方法
受信するスマホの機種・メールアドレスに応じて、HTMLメールの見え方が大きく異なることが理解できたのではないでしょうか?では、できる限り表示トラブルがないように、HTMLメールをスマホに配信するにはどうしたらいいのか?いくつかのトラブル回避方法を、以下から紹介していきます。
マルチパート配信が大前提
まず大前提として、HTMLメールは配信先がPCであってもスマホであっても、マルチパート配信するべきです。マルチパート配信とは、「HTMLパート」「テキストパート」の両方が含まれたメルマガを配信することです。
マルチパート配信なら、ユーザーの受信環境でHTMLメールを受け取れない場合、テキストメールを表示できます。マルチパート配信はPCユーザーにメルマガ配信する際も非常に有効です。HTMLメールはスパム判定されやすい一面があるため、ユーザーに届かない場合も少なくないからです。
マルチパート配信ならスパム判定されにくく、HTMLメールを拒否設定しているユーザーにもメルマガを届けられます。
キャリアアドレスにはテキストメールを配信する
キャリアアドレスを利用しているのはスマホユーザーばかりではありません。フィーチャーフォンユーザーが少なからず存在するほか、HTMLメールが正常に表示されないAndroidユーザーも多いでしょう。
こうしたユーザーにも確実にメルマガを届けるには、キャリアアドレスにはテキストメールのみを配信するという、シンプルかつ割り切った判断をする方法もあります。
ただし、「@softbank.ne.jp」に関しては別途、検討が必要です。SMSでメルマガを受信する形になるため、長文のテキストメルマガを配信すると「表示はできるが、リンクをクリックできない」状態になってしまうからです。
メルマガのCV(コンバージョン)はあきらめ、情報提供のみに徹するなどの割り切りが必要です。
メルマガでWebページに誘導する
メルマガと同じ内容のWebページを用意したうえで、メールに「正しく表示されていない場合はこちら」といったリンクを貼り、ブラウザでのメルマガ閲覧に誘導する方法もあります。
HTMLメールが正常に表示されない時点で捨てられてしまう可能性はありますが、リンクをクリックしてくれるユーザーならCVにつながる確率も低くはありません。できる限りのユーザーを拾い上げるという意味では有効です。
HTMLメールをスマホ配信する際の注意ポイント
ここまでで、HTMLメールのスマホ配信が難しい理由、できる限りのスマホユーザーにHTMLメールを届ける方法を解説してきましたが、実は、まだまだ注意しておかなければならないポイントがあります。具体的な解決方法とともに解説していきましょう。
マルチパート配信に対応できないキャリアアドレスが多い
HTMLメールでメルマガ配信する際は、PC・スマホの関係なくマルチパート配信が大前提であることは紹介しましたが、実は、キャリアアドレスを利用するAndroidスマホのなかには、マルチパート配信に対応できないものが少なくありません。
具体的には、マルチパート配信されたメールを受信しても、HTMLメールが表示できないばかりか、テキストメールへの切替えもできない場合があるのです。
これはもともと、マルチパート配信が「HTMLメールを拒否設定にしている、画像表示をOFFにしているPCユーザー」向けのものだから。特殊な事情で生まれた、日本のキャリアメールアドレスすべてに対応できるわけではないのです。
デバイスに応じてメールを送り分ける
こうした注意ポイントも踏まえたうえで、できる限り多くのユーザーにメルマガを届けるには、ユーザーの受信環境に応じて「適切な形式のメルマガ」を送り分けるのがベストです。
具体的には、PC・キャリアアドレスのiPhone、PC・auアドレスのAndroidであれば「HTMLメール(マルチパート)」、docomo・softbankuアドレスのAndroid、フィーチャーフォンであれば「テキストメール」といった形です。
ではスマホユーザーの機種はどのように把握すればいいのか?メルマガ登録時、ユーザーに受信端末を選択してもらう、デバイスに応じた送り分け機能を持つメール配信システムを活用する方法があります。
スマホに最適化させるHTMLメールのレスポンシブ化
もうひとつ、HTMLメールをスマホに配信する際に問題になるのが、ユーザーによって異なるデバイスにどう最適化させるか?でしょう。HTMLメールを制作する際は「横600px」でレイアウトされる場合が一般的ですが、スマホに最適化するには300〜400px程度にしたいところです。
スマホユーザーにHTMLメールを最適化すれば、PCユーザーが見にくくなる問題も出てきます。これを解決するのが「HTMLメールのレスポンシブ化」です。
ユーザーのCTR・CVR低下を防げる
せっかくデザインやレイアウトを凝ってHTMLメールを作成しても、見た目がいかにも小さい、あるいは横スクロールしなければならないのでは、メルマガの魅力も半減してしまいます。内容も読まずに捨てられてしまうかもしれません。
しかし、HTMLメールをレスポンシブ化すれば、PC、スマホどちらのユーザーにも最適化したメルマガを配信できます。狙い通りのレイアウトでメルマガをユーザーに見てもらえれば、CTR(クリック率)やCVR(コンバージョン率)が低下してしまうことも防げるでしょう。
インライン記述でレスポンシブ化
具体的に、HTMLメールをレスポンシブ化する方法を簡単に解説します。上述したように、一般的なHTMLメールは、最大幅600pxで制作されますが、まずはこの最大幅をHTMLタグで記述します。
<body style="-webkit-text-size-adjust:100%">
<!-- メール本体ここから -->
<table width=”100%” border=”0” cellpadding=”0” cellspacing=”0” style=width:100%;border:none; margin:0 auto; max-width: 600px”>
</table>
<!-- メール本文ここから →
スマホで見た場合に画面幅を狭くしたい場合は、変更したいものにクラス名を付け、headタグに幅を記述していきます。
@media screen and(max-width: 400)
{
table[class=”変更したいクラス名”]{width:300px !important;}
}
HTMLメールを簡単にスマホ配信するには?
CSSのインライン記述を使ったレスポンシブ化は、ある程度のITリテラシーがなければ難しいかもしれません。そもそもHTMLの知識がなければ、メルマガ制作そのものをWeb制作会社にアウトソーシングするのもひとつの方法です。
ただし、制作期間のかかるアウトソーシングは、クオリティは担保できてもタイムリーな配信ができない弱点があります。コストが見合わない、そんな悩みが出てくる場合も考えられるでしょう。
メール配信システム・MAツールを活用
そんなときは、レスポンシブHTMLメール配信に対応する「メール配信システム」や「MAツール」を活用するのがおすすめです。
ドラッグ&ドロップの簡単操作で、直感的にメルマガを制作できるツールも多く、スマホ配信の悩みどころでもある「デバイスに応じたメールの送り分け機能」を持つサービスもあります。
まとめ
本記事では、HTMLメールをスマホに配信する場合の注意ポイントや解決策、HTMLメールのレスポンシブ化の方法などを解説してきました。スマホにHTMLメールを配信するのが、意外にも複雑かつ困難なことに驚いた方も多いかもしれません。しかし、メルマガはユーザーに見てもらわなければ意味がありません。HTMLメールありきではなく、いかに最適化したメールを届けるかを優先させることが重要です。
待っているだけで仕事が獲得できる「比較ビズ」とは
最後に「比較ビズ」の告知をさせて頂きます。
- 忙しくて新規開拓できない
- 営業せずに案件を増やしたい
- 月額数万で集客できるツールが欲しい
比較ビズはこんな悩みを抱えた経営者・営業マンにピッタリなサービスです。
多種多様な業界でお仕事の発注・見積依頼が日々大量に行われているので、比較ビズに掲載するだけで、
新規開拓をすることができます。
まずは下記のボタンより、お気軽に資料のご請求を頂ければと思います。しつこい営業等は一切ございません。
![山近 百花](https://img.biz.ne.jp/comdata/886/36886_c1.png)
法政大学法学部政治学科卒業後、アパレル系の販売職に勤める。全国の店舗対抗の接客スキルを競う大会にて審査員特別賞を受賞した。現職のワンズマインドでは前職の接客経験を活かし前期の営業成績TOPになるまでに至る。営業業務を行う傍ら、現場で見聞きした意見や見地をもとにメディア運用業務も行う。
全業種に関連する営業ノウハウ記事
-
2024年05月02日全業種「これに懲りず」はお詫びの表現としてふさわしい?正確な意味とより適切な謝罪 …
-
2024年04月30日全業種【2024年最新版】おすすめビジネスマッチングサイト15選!活用方法も徹底解説
-
2024年04月22日全業種システム開発案件に特化したビジネスマッチングサイト5選
-
2024年03月29日全業種新規開拓するための営業手法のメリット・デメリットとは?成果率を上げるための …
-
2024年03月29日全業種コールセンター代行会社マッチングサイト圧倒的おすすめの3社を徹底比較!
-
2024年03月11日全業種クリエイターマッチングサイト圧倒的おすすめの4社を徹底比較!
-
2024年03月11日全業種【税理士・社労士・行政書士】士業マッチングサイトおすすめの3社を徹底比較!
-
2024年03月11日全業種行政書士マッチングサイト圧倒的おすすめの3社を徹底比較!
-
2023年11月14日全業種企業ブログのネタに困ったら?オウンドメディアのネタ出し・コンテンツ制作方法 …
全業種の案件一覧
-
プロジェクターの相談
> 全業種- 総額予算 50万円まで
- 依頼地域 東京都
[業種の種別] ご相談 [ご相談・お見積り・問合せ内容] プロジェクター環境についてご相談です。 現在設置されているプロジェクターは、EPSONのEB-535Wという超単焦点の機種です。 そしてスクリーンはAmazonで購入した普通のスクリーンを使っているのですが、 超単焦点用のスクリーンではない為、たるみを拾ってしまい、画面が歪んで見えています。 現在、120インチ程度の画面大きさで使っております。 .好リーンを平面性の高 …
ヒアリング済 -
- 総額予算 相場が分らない
- 依頼地域 東京都
[業種の種別] お見積り [ご相談・お見積り・問合せ内容] 現状、顧問契約してる弁護士のレスが遅すぎるため、さすがに変更かけることにしました。 スピード感のある若い弁護士がいれば教えていただきたいです。 > 顧問契約してる弁護士のレス速度について こちらからご連絡をして、電話でないケースが非常に多いです 折り返しのお電話連絡もいただけないことが多く、せめて対応が遅れるなどについてメールでのご連絡が欲 …
ヒアリング済 -
- 総額予算 5万円まで
- 依頼地域 兵庫県
[依頼・相談したい内容] 太陽光設置の土地の一部が畑のため農業委員会への農地転用申請書の作成をお願いしたい。提出まで出来ればなお良い [お問合せ種別] ご相談 [ご相談・お見積り・問合せ内容] [その他ご質問、ご要望、備考]
ヒアリング済 -
- 総額予算 相場が分らない
- 依頼地域 三重県
[依頼・相談したい内容] 三重県松阪市の自宅で小さな鍼灸院を開設予定です。鍼の廃棄をお願いしたいです。 回収に来て頂くのは、おそらく一年に一回で十分な規模です。 [お問合せ種別] お見積り [ご相談・お見積り・問合せ内容] 上記の場合のシステムと、金額を知りたいです。 [その他ご質問、ご要望、備考]
ヒアリング済 -
法人 申告 見積り
> 全業種- 月額予算 月3万円まで
- 依頼地域 東京都
[依頼・相談したい内容] [お問合せ種別] お見積り [ご相談・お見積り・問合せ内容] 確定申告 5期目 子供英語教材を販売しています。 (おおよそ) 売上 270万円 粗利益 210万円 経費 220万円 扱い商品は1つ 単価15万円 売上数 17本 これだけの単純な事業内容です。 役員報酬、事務所費、通信費、光熱費を 計上すれば赤字になります。 4期までは期限内の申告してきました。 出来るだけお安く引き …
ヒアリング済
比較ビズはお仕事を依頼したい企業と、
お仕事を受けたい企業をマッチングするサービスです
![比較ビズのビジネスマッチング](/common/img/biz_service_top.png)
「営業が苦手だ」「忙しくて新規開拓ができない」・・などお困りではありませんか??
比較ビズは年間案件流通額360億円、発注確定度85%と日本最大級のビジネスマッチングサイトとなっております。
毎月大手企業様等にも多くの案件をいただいています。新規開拓案件を探すなら「比較ビズ」にお任せください。
-
Point-01
月間アクセス数
800,000PV -
Point-02
マッチング実績数(累計)
180,000社 -
Point-03
年間流通総額
3,600,000万円