HTMLメールの作り方

2018.10.22

HTMLメールの作り方

HTMLメールを作成するには大きく分けて2つの作成方法があります。

HTMLメールのデザイン事例まとめはこちら

HTMLをコーディングをする

HTMLメールは名称の通りHTMLをコーディングすることで作成ができます。しかし、メールが表示されるデバイスやアプリケーション(メールクライアント)によってタグやCSSの挙動が異なり、表示の検証でも全てのデバイスをカバーするのは難しいと考えられます。

HTMLコーディングの注意点についてまとめてくれている記事をご紹介します。

HTMLメールの作り方(Webデザインラボ)

デザイン/コーディング前に押さえておきたい、HTMLメール作成の基礎知識

HTMLでメルマガを作成しよう!これだけは最低限知っておきたいタグと装飾14選

Outlook、Gmail、スマホでも崩れない必勝HTMLメールコーディング
A Step-by-Step Guide to Create Your Own HTML Email

HTMLメール作成用のCMSを利用する

HTMLメール作成用のツールやエディターで、テキストと画像を挿入すればHTMLメールを作成することができます。
コーディングや検証作業などの手間を考えると現実的な方法ではないでしょうか。
特にスマホやタブレットなどへの表示が自動的に最適化されるレスポンシブ対応であるかどうかがポイントです。

上記の記事内でコーディングの検証用ツールとして紹介されているLitmusや、他にもMailchimpや日本語版も提供されているBenchmark Emailなど、グローバルなメール配信ツールの無料アカウントでもHTMLエディターが提供されているので是非試してみてください。

ページトップ