メールマガジン(メルマガ)運用担当者必見!HTMLメールの各パーツの適切なサイズとは?メールマーケティングのトレンドを押さえよう
メールは多くの人に情報を届ける手段として、日々利用されているもの。もちろんビジネスシーンでも同様に、メールマガジンを利用して消費者に情報を提供している企業も多いです。最近では、メールマガジンの中でもHTMLメールを利用するケースも増えてきています。
しかし、そのHTMLメールを活用したいと考えていても、メールの大きさやリンクボタンの大きさに悩む方も多いのではないでしょうか。そこで記事では、各社のHTMLメールの各パーツに適切なサイズを検証しました。
メールマガジン(メルマガ)の中でも利用の多いHTMLメールとは
HTMLメールとは、Webサイトを作成するために使われるマークアップ言語であるHTMLで作成されたメールのことです。従来はテキストベースのメールが主流でしたが、HTMLメールであれば文字のフォントや大きさ画像動画の挿入も可能。テキストベースのものと比べて視覚的訴求もでき、開封率や開封時間などの計測も可能です。つまり、サービスやキャンペーンの詳細をわかりやすく伝え、効率の良いメールマーケティングにもつながるものなのです。
しかし、その反面すべてのユーザーがHTMLメールに対応しているとは限りません。テキストとの切り替えができるマルチパート設定が必要になることもあるのです。さらに、専門知識がなければ、レイアウトやデザインが崩れてしまうといったデメリットもあります。
各社のメールマガジン(メルマガ)サイズを調査してみた
いくつかある、メディア・BtoB・BtoCのHTMLメールの各パーツのサイズを調査してみました。メルマガの横幅に加え、フォントサイズとリンクボタンのサイズも調査しています。
メディア
まずはメディアのHTMLメールマガジンとして以下を紹介します。
- note
- TABILABO
- bythem
これらは、お悩み解決型からあらゆるトピックを取り扱うものまで、様々な種類のコンテンツをメールマガジンで紹介しています。
note(ノート)
noteは「つくる、つながる、とどける。」をテーマにしているサービス。クリエイターと読者のつながりを目的にしており、そのサービスの種類は文章やイラスト音楽など多種多様です。使い方は自由で、ブログやSNSのように活用することも可能。またコンテンツの販売もできるのでクリエイターの目的に合った使い方ができます。
noteのメールマガジンのサイズは以下の通りです。
メルマガの横幅 | フォントサイズ | リンクボタンのサイズ |
---|---|---|
600px | 13px | 540px×282.656px |
TABILABO(タビラボ)
参考:TABI LABO
TABILABOは「世界とつながるネクストマガジン」として、世界で起きている多種多様なトピックを扱っています。ライフスタイルやカルチャー・テクノロジー・キーパーソン・感動するものや面白いものと配信されるコンテンツの種類は様々。トレンドに敏感な方は登録必須のWebメディアです。
TABILABOのメールマガジンの各パーツのサイズは以下の通りです。
メルマガの横幅 | フォントサイズ | リンクボタンのサイズ |
---|---|---|
640px | 13px | 640px×50px |
bythem(バイゼム)
参考:by them(バイゼム) - 話しを聞いてくれるだれかが、ここにいる。
bythemは株式会社まぐまぐが提供する、恋愛や人間関係などモヤモヤしてしまうような自分だけの悩みに共感するWebマガジンです。「話しを聞いてくれるだれかが、ここにいる。」をテーマにユーザーへコンテンツを届けています。他にも、おすすめのスポットやちょっとしたビジネスネタまで配信しています。
そんなbythemの各パーツのメールマガジンのサイズは以下の通りです。
メールマガジンの横幅 | フォントサイズ | リンクボタンのサイズ |
---|---|---|
502px | 14px | 430×110.365px |
BtoB
ここからはBtoB向けのhtmlメールマガジンを紹介します。
紹介するのは以下のメールマガジンです。
- Chatwork
- Lancers
- ferret
Chatwork(チャットワーク)
参考:Chatwork | ビジネスコミュニケーションをこれ一つで
社内や社外との連絡手段としてこの「Chatwork」を利用している方も多いのではないでしょうか。提供しているChatwork株式会社のミッションは「働くをもっと楽しく創造的に」。このメールマガジンには、より効率的な使い方や便利機能など、一歩先の働き方を実現するためにぜひ知っておきたい内容が詰まっています。
Chatworkのメールマガジンの各パーツのサイズは以下のとおりです。
メルマガの横幅 | フォントサイズ | リンクボタンのサイズ |
---|---|---|
502px | 16px | 420×43.333px |
Lancers(ランサーズ)
参考:ランサーズ | 日本最大級のクラウドソーシング仕事依頼サイト
ランサーズは、日本最大級のクラウドソーシングです。副業や個人事業主のエンジニアやデザイナー・ライターの登録数は業界屈指。ホームページの作成やライティングちょっとした事務作業などをプロに依頼できます。メルマガではランサーズの情報にとどまらない、外注する側と受ける側の双方にとって知りたい内容が詰まっています。
ランサーズのメールマガジンの各パーツのサイズは以下の通りです。
メルマガの横幅 | フォントサイズ | リンクボタンのサイズ |
---|---|---|
502px | 13px | :430px×102.708px |
ferret(フェレット)
今ご覧いただいているferretも、HTMLメールを配信しています。ferretは「マーケターのよりどころ」をコンセプトに日々様々なコンテンツを配信。マーケターなら知っておきたい情報を毎日お届けしていますまた求人コンテンツ「job ferret」も掲載しており、まさに「よりどころ」としてのWebメディアとなっています。
ferretのメールマガジンの各パーツのサイズは以下のとおりです。
メルマガの横幅 | フォントサイズ | リンクボタンのサイズ |
---|---|---|
570px | 13px | 570×50.844px |
BtoC
最後に、BtoC向けのhtmlメールを紹介していきます。
- ヤマダ電機
- リクルート
- EPARK
なかには、毎日の生活の中でこれらのサービスを利用している方も多いのではないでしょうか。
ヤマダ電機
参考:ヤマダウェブコム | 株式会社ヤマダ電機の公式通販サイト
ヤマダ電機は全ての都道府県に家電量販店を展開しています。豊富な品揃え家安さに自信を持っており消費者の暮らしをサポート。メールマガジンでもそのような内容となっており、電化製品はもちろんそれ以外の消費者にとってお得な情報の配信を行っています。
ヤマダ電機のメールマガジンの各パーツのサイズは以下のとおりです。
メルマガの横幅 | フォントサイズ | リンクボタンのサイズ |
---|---|---|
614px | 13px | 614×155.958px |
リクルート
リクルートはご存知、広告業界の大手。HotPepperBeautyやHotPepperグルメ・じゃらんなどを通じて消費者の生活を彩るようなコンテンツ配信を行っています。「まだ、ここにない、出会い。」の提供をモットーにしているため、リクルートグループはもちろん、多種多様な情報を提供しいます。老若男女問わず、幅広い層が利用したことがあるメルマガ・サイトと言えるでしょう。
リクルートのメールマガジンの各パーツのサイズは以下のとおりです。
メルマガの横幅 | フォントサイズ | リンクボタンのサイズ |
---|---|---|
502px | 14px | 339×149px |
EPARK(イーパーク)
EPARKと言えば、病院やリラクゼーションの予約サイトのイメージを持ってる方もいるのではないでしょうか。しかし、実際はそれだけではなく飲食店や駐車場などまで含めて暮らしに役立つ施設の予約も行えます。メルマガでは様々なイベントに連動したお得なクーポンの配信も行なっています。
EPARKのメールマガジンの各パーツのサイズは以下のとおりです。
メルマガの横幅 | フォントサイズ | リンクボタンのサイズ |
---|---|---|
350px | 13px | 340×87.5px |
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- 開封率
- 開封率とは、ユーザーに対して一斉配信したメルマガを、どの程度の割合のユーザーが開封しているのかを表した指標です。主にメールマーケティングシステムに標準で搭載されている機能で、開封率を知ることで、過去のメールの開封率と比較し、メールのタイトルや配信する時間帯の改善点を見つける事が出来ます。
- キャンペーン
- キャンペーンとは、インターネット上のサイトにおいて、ファン数を増やし、購買行動を促すためにおこなう懸賞キャンペーンなどのマーケティング活動のことです。キャンペーンにはファン数を増やすだけでなく、ファン獲得以上のリアル店舗の来店者数を増やす、資料請求者を増やす、実際の購買を増やすなどの目的があります。
- マーケティング
- マーケティングとは、ビジネスの仕組みや手法を駆使し商品展開や販売戦略などを展開することによって、売上が成立する市場を作ることです。駆使する媒体や技術、仕組みや規則性などと組み合わせて「XXマーケティング」などと使います。たとえば、電話を使った「テレマーケティング」やインターネットを使った「ネットマーケティング」などがあります。また、専門的でマニアックな市場でビジネス展開をしていくことを「ニッチマーケティング」と呼びます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- BtoB
- BtoBとは、Business to Businessの略で、企業間での取引のことをいいます。
- BtoC
- BtoCとは、Business to Consumerの略で、企業と消費者間の取引のことを言います。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- BtoB
- BtoBとは、Business to Businessの略で、企業間での取引のことをいいます。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- クラウドソーシング
- クラウドソーシング(Crowdsourcing)とはcrowd(群衆)とsourcing(業務委託)を組み合わせた造語であり、webサービス上のやり取りで不特定多数の人々に仕事を依頼する新しい雇用形態の一種です。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- コンセプト
- コンセプトとは、作品やサービスなどに一貫して貫かれている考え方をいいます。デザインと機能がバラバラだったり、使い勝手がちぐはぐだったりすると「コンセプトが一貫してないね」などと酷評されてしまいます。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- BtoC
- BtoCとは、Business to Consumerの略で、企業と消費者間の取引のことを言います。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの3要素を含む場合を指すことが多いようです。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング