ロゴ | PARAFT [パラフト]

採用ご担当者様へ

clear
  1. 気になる求人情報にエントリーできる
  2. 柔軟な働き方の企業からスカウトを受け取れる
  3. コメント投稿とめくれバ!投票に参加できる

clear
ロゴ | PARAFT [パラフト]

上記メールアドレス宛に
仮登録完了のお知らせ
メールを送りましたので、内容を確認し
記載されているURLから本登録にお進みください。

もしメールが来なかった場合は

  1. ご入力いただいたメールアドレスが間違っている
  2. お送りしたメールが迷惑メールフォルダに届いてしまっている
  3. 登録済みのメールアドレスである
clear

clear
ロゴ | PARAFT [パラフト]

パスワード再設定

アカウントの登録メールアドレスをご入力ください。パスワードリセット用のメールをお送りします。

clear
ロゴ | PARAFT [パラフト]

パスワード再発行

ご入力いただいたメールアドレス宛に、パスワードのリセットのご案内をお送り致しました。
メールに記載されているURLからパスワードの再発行を行ってください。

メールが届かない場合、ご入力いただいたメールアドレスをご確認いただき、再度パスワードのリセット手続きを行ってください。

パラフト パラフトロゴ

HTMLメールの記事

HTMLメールとは?作り方や使うメリット・目的について紹介!:r000017002293 | PARAFT [パラフト]

2017.02.23

HTMLメールの記事2017.02.23

画像や色付けで読みやすく

HTMLメールとは?作り方や使うメリット・目的について紹介!

keyword: HTMLメール メルマガ レイアウト 作り方 テキスト形式メール

このエントリーをはてなブックマークに追加
日々受け取るメールマガジンなどに「このメールはHTMLで作成されています」と表示されているのを目にしたこともあるのではないでしょうか? 画像やレイアウトもさまざまで、目を引かれるHTMLメール。テキストメールとの違いや実際の作り方、HTMLメールを使うメリット・デメリットを紹介します。

2017.02.23 文章 / PARAFT編集部

HTMLメールとテキストメールとは?

ビジネスメールでも気軽に利用するテキストメールのほか、今回注目するのは「HTMLメール」です。

テキスト形式メールでは基本的に表示されるのは文字だけです。ファイルの添付を行うことはできますが、メール本文の表示画面では直接添付されたファイルを確認することはできません。URLや電話番号などはクリックするだけで自動的にリンク先へ飛ぶ「ハイパーリンク」機能もありますが、あくまでメール閲覧ソフトの機能であって、メール本文にテキスト以上の情報はありません。

対して、HTMLメールは文字のフォント(大きさや色、字体など)を変更したり、画像を配置したりと、テキストメールでは行えないレイアウトでメールを表示させることが可能です。これは、メールの文章がHTMLという言語を使って書かれているためです。Webページの1ページをメールとして送るものだと考えるとイメージしやすいでしょう。(厳密には記述できる内容の制約など相違があります)

HTMLメールを使うメリットとは?

HTMLメールを作るには知識が必要ですが、基本を押さえればさまざまに応用ができます。またテキストメールよりも多くのメリットがあり、メルマガなど集客を目的とするメールでは頻繁に利用されています。

【HTMLメールを使うメリット】

▼ 表現の自由度の高さ

HTMLメールでは、テキストメールと異なり、文中に画像を表示したり、複数の段組みで文章を表示することも可能です。必要に応じてリンクの挿入もでき、目的に基づいたメールの作成をしやすくなります

▼ メール開封の確認

HTMLメールでは、メール内に挿入した画像データのダウンロード状況を利用することで、メールが開封されたかどうかを確認することができます

▼ リンクへのアクセス率の高さ

HTMLメールはそのデザインから利用者の目を引きやすく、正しくリンクを設置すれば、テキストメールよりも高いアクセス率を得ることができます

HTMLメールを作る方法とは?

HTMLメールを一から作るためには、HTMLを記述するためのルールやテーブルレイアウト、CSSなどの知識が必要です。テーブルレイアウトはCSS以前にWebページ制作で使われていた技術で、現在のWebページ制作ではあまり使われていないものです。Webデザイナー系の仕事をされている方であれば、一から勉強してスキルを身につけるというのも良いかもしれません。ですが、少し試してみたい、効果を見てみたいというだけであれば、無料または市販のソフト・ツール・オンラインサービスを使用して作成するところからはじめるとよいでしょう。

基本的な流れとしては、デザインテンプレートの作成をした後にテンプレート内に本文となる画像やイラスト、テキストを追加していく形になります。1度しかHTMLメールを作成しないというのであればテンプレートは不要ですが、メルマガなど繰り返し送るメールであれば、テンプレートを作っておくことで2回目以降の作成の手間が抑えられます。

WRITER

編集部チーム

PARAFT編集部

メールマガジンやWebサービスの通知メールなど、目にする機会も多いHTMLメール。実は以前流行した「デコメ」も画像を表示するために簡単なHTMLが使われていたりと、意外と身近な手法です。最近では作成のためのツールやサービスも増えているため、メールの注目度をあげられるHTMLメール、一度使ってみてはいかがでしょうか?

ー 「生きる」と「働く」を もっと楽しく。
HTMLメールとは?作り方や使うメリット・目的について紹介!:r000017002293 | PARAFT [パラフト]

BIZ ETIQUETTE

画像や色付けで読みやすく

RELATED POST

フリーランス向け、週2~5日のお仕事紹介:PROsheet[プロシート] | PARAFT [パラフト]