HTMLメールの送信方法

ページ名:HTMLメールの送信方法

このWikiHowでは、HTMLページやニュースレターをEメールとして送信する方法を説明します。ほとんどのメールプロバイダーはHTMLコーディングをサポートしているので、HTMLページやグラフィックをコピー&ペーストするだけです。

パート1

HTMLメールを理解する

  1. メールリーダー用のコードを使用する。すべてのメールリーダーがウェブブラウザと同じ機能を持っているわけではありません。プレーンテキスト版に戻さずに、HTML版をより多くの人に見てもらえるようにデザインしましょう。
    • テーブルを使ってコンテンツを構造化する。
    • 画像をライブのウェブサーバーに保存するか、ストック画像を使用する。
    • リンクには "https://"(または "http://")を使いましょう。
  2. メッセージはテキストで伝えましょう。色やグラフィックを使った方が魅力的ですが、どんなにデザインが良くても、メールリストの誰かがHTMLメールを見ることができない可能性は十分にあります。どうしても画像を使用しなければならない場合を除き、可能な限りテキストにこだわってください。
    • スパムフィルターは画像や添付ファイルをブロックすることができます。また、スパムフィルターはサイズの大きなメールをブロックする傾向があり、大きな画像ファイルや多数の画像を使用している場合、そのようなメールもブロックされる可能性があります。
    • いずれにせよ、多くのモバイルユーザーには画像は見えません。
  3. 連邦取引委員会のガイドラインに従う。このガイドラインは、適切なプライバシー設定を保証し、正当な企業がメールマーケティングを行っていることを確認することで、消費者を保護するために設定されています。
    • メールリストから脱退する方法を提供する。これは、メールの下部にある自動配信停止リンクでも構いません。また、今後メール配信を希望しない場合に、配信停止を依頼できるメールアドレスを明記することもできます。
    • あなたの会社名と住所を明記しましょう。読者は、あなたが正当な企業であり、詐欺やスパム業者ではないことを知る必要があります。
    • from "と "reply-to "のアドレスが有効で、アクティブであることを確認してください。質問がある場合や、あなたのビジネスに興味がある場合に、読者があなたに連絡できるようにしましょう。
    • 適切な件名を選びましょう。件名は、そのメールの内容を簡潔に説明するもので、無効な販売オファーや偽のプロモーションではいけません。
  4. 送信前にHTMLメールを確認する。HTMLをメールに追加したら、メールをスクロールしてページの様々な構成要素が表示されていることを確認しましょう:
    • リンクがきちんと表示されているか。
    • 画像やフォントが正しく表示されているか。
    • テーブルの幅が広すぎないか確認する。
    • できるだけ多くのメールリーダーでメールをテストする。
  5. スパムテストを行う。できるだけ多くの異なるメールアドレスで、自分宛にも、さまざまな連絡先にもメールを送信し、その後、連絡先がメールを受け取ったかどうかを確認します。
    • もしテスト中に迷惑メールフォルダに送られてしまった場合は、画像やHTTPS暗号化を使用していないページへのリンクなどを削除する必要があるかもしれません。
パート2

HTMLコンテンツのコピー&ペースト

  1. HTMLをファイルに保存します。ほとんどのHTMLジェネレーターのウェブサイトでは、"保存 "または "ダウンロード "ボタンをクリックし、画面の指示に従ってください。WindowsまたはMacコンピュータのデフォルトのテキストエディタ(それぞれメモ帳またはテキストエディット)を使用している場合は、以下の方法でHTMLをファイルに保存できます:
    • Windows - [ファイル]をクリックし、[名前を付けて保存]をクリックし、名前の後に.htmlを入力し(例:"file.html")、[保存形式]ドロップダウンボックスをクリックし、[すべてのファイル]をクリックし、[保存]をクリックします。
    • Mac - 「フォーマット」をクリックし、「プレーンテキストにする」をクリックし、プロンプトが表示されたら「OK」をクリックし、「ファイル」をクリックし、「保存」をクリックし、「名前」フィールドの右側にある下向きの矢印をクリックし、「拡張子を隠す」ボックスのチェックを外し、名前の「.txt」の部分を「.html」に置き換え、「保存」をクリックし、プロンプトが表示されたら「.htmlを使用」をクリックします。
  2. ブラウザでファイルを開きます。HTMLファイルをダブルクリックして、コンピュータのデフォルト・ウェブ・ブラウザで開きます。
    • また、お好みのウェブブラウザを開き、HTMLファイルをクリックしてブラウザウィンドウにドラッグすることもできます。
  3. コンテンツをコピーする。HTMLページをクリックしたままマウスカーソルをドラッグし、すべて選択してからCtrl+C(Windows)または⌘Command+C(Mac)を押します。
    • ページ上の任意の場所をクリックし、Ctrl+Aまたは⌘Command+Aを押してページ全体をハイライトすることもできますが、この場合、ページの不要な部分がハイライトされる可能性があります。
  4. お好きな受信トレイで新しいメールを開きます。Gmail、Outlook、Apple Mail、YahooはすべてHTMLメールの送信に対応しています:
    • Gmail - 必要に応じてログインし、「COMPOSE」をクリックします。
    • Outlook(アウトルック) - 必要に応じてログインし、「新規作成」をクリックします。
    • アップルメール - 必要に応じてログインし、「
      」をクリックします。
    • Yahoo - 必要に応じてログインし、「メール作成」をクリックします。
  5. Outlookを使用している場合は、HTMLメールを有効にする。Gメール、ヤフー、アップルメールはすべて、デフォルトでメールのHTMLが有効になっていますが、Outlookのウェブバージョンを使用している場合は、HTML送信を有効にする必要があるかもしれません:
    • 受信トレイの右上にある歯車の形をした「設定」
      アイコンをクリックします。
    • 下にスクロールし、「完全な設定を表示」をクリックします。
    • メール」タブをクリックします。
    • メール作成と返信をクリック
    • ウィンドウ下部の「プレーンテキスト」ドロップダウンボックスをクリックします(このボックスに「HTML」と表示されている場合、OutlookはすでにHTMLメールをサポートしています)。
    • HTMLをクリックします。
    • 保存」をクリックし、メニューを終了します。
  6. 受信者と件名を追加します。作成」ウィンドウ上部の「宛先」テキストボックスに受信者のメールアドレスを入力し、その下のテキストボックスに件名を追加します。
  7. 内容を貼り付けます。メール作成」ウィンドウのメインテキストボックスをクリックし、Ctrl+V(Windows)または⌘Command+V(Mac)を押します。HTMLページの内容がそのままメールに表示されます。
  8. メールを送信します。メール作成」ウィンドウの「送信」ボタンをクリックしてください。受信者はHTMLページをメールとして受け取ります。
パート3

GmailとChromeを使う

  1. HTMLメールの本文をコピーします。何らかの理由でブラウザでHTMLファイルを開けない場合は、Google ChromeでGmailを使用している限り、HTMLの本文をコピーしてメールのソースコードに貼り付けることもできます。
    • <body>」タグや「</body>」タグを含め、本文をすべてコピーする必要がありますが、GmailはドキュメントタイプやHTMLタグ自体をカバーするので、それらをコピーする必要はありません。
  2. Google Chromeを開く。HTMLコードをGmailメールにうまく貼り付けることができる唯一のブラウザです。
  3. Gmailを開きます。Chromeのアドレスバーにアクセスし、ログインを求められたらメールアドレスとパスワードを入力します。
  4. COMPOSEをクリックします。Gmailウィンドウの左上にあります。Gmailウィンドウの中央にポップアップウィンドウが表示されます。
    • 新しいバージョンのGmailをお使いの場合は、ここで「メール作成」をクリックします。
  5. 受信者と件名を追加します。メール作成」ウィンドウの上部にある「宛先」テキストボックスに受信者のメールアドレスを入力し、その下のテキストボックスに件名を追加します。
  6. プレースホルダーテキストを入力します。メール作成」ウィンドウのメインセクションに、アスタリスク、ゼロ、またはその他の区別できる文字列を入力します。これは、ソースコードの必要な場所を見つけるのに役立ちます。
  7. Inspect」ウィンドウを開く。プレースホルダー・テキストを選択し、そのテキストを右クリック(MacではControlキーを押しながらクリック)して表示されるドロップダウンメニューから「Inspect」をクリックします。ページの右側にポップアウト・ウィンドウが表示されます。
  8. 選択したコードを編集するために開きます。ポップアウトウィンドウの上部にある青くハイライトされたコードを右クリック(Macの場合はControlキーを押しながらクリック)し、表示されるドロップダウンメニューで「HTMLとして編集」をクリックします。
  9. プレースホルダー・テキストを見つけて選択します。メールに入力したプレースホルダーテキストが見つかるまで下にスクロールし、プレースホルダーテキストをクリックしてマウスカーソルをドラッグします。
    • プレースホルダーテキストの左側または右側を選択しないように注意してください。
  10. HTMLを貼り付けます。Ctrl+V (Windows) または ⌘ Command+V (Mac) を押してください。プロジェクトのHTMLがウィンドウに表示されるはずです。
  11. ポップアウトメニューを終了します。Inspect "ポップアウトウィンドウの右上にあるXをクリックして閉じます。
  12. メールを確認して送信するGmailウィンドウで、メールの体裁を確認します。メール作成」ウィンドウのHTMLページの見栄えに問題がなければ、「送信」をクリックして受信者にメールを送信できます。
この記事は、CC BY-NC-SAの下で公開されている " How to Send HTML Emails " を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧