html - HTMLメールのコーディング方法は?

Question

html + 画像の一括メールを顧客に送信する準備をしています。ほとんどの一般的なメールクライアントで正しく表示されるようにするための一般的な規則は何ですか?

編集：

まあ、それは私の顧客のためのものです-約数kのクライアントです。

私の質問は、顧客のメールクライアント (サンダーバード、アウトルック、Gmail) で正しく表示されるようにこのメールをコーディングする方法です。どのような CSS タグを使用できますか?

score 4 · Accepted Answer

email-standards.orgを見てください。ほとんどの一般的なクライアントで実行されるACID テストがあり、テストしたさまざまな css セレクターと html タグのリスト、および実際の結果のスクリーンショットを確認できます。そして、そうではありません。

お役に立てれば！

score 3 · Accepted Answer

HTML メールの一般的なルール:

これにより、Web ベースのメールクライアント (hotmail、yahoo、gmail) を含むほとんどのメールクライアントでメールの見栄えが良くなります。

score 3 · Accepted Answer

これらの 2 つのリファレンスは、開始するのに最適な場所です

どうやら、HTML 3.0 互換のタグとフォーマットを使用すると、すべての電子メールリーダーとプロバイダーで最適に機能するようです。

score 2 · Accepted Answer

インラインイメージをどこかにホストする代わりに、必要に応じて含めることができます。

HTML の img src は cid:mime-part-name です

そして画像をMIMEパーツとして添付します。

ただし、それとは別に、HTML と CSS をシンプルに保つようにしてください (メールプログラムはブラウザーよりもレンダラーが苦手です)。いくつかのメールプログラムと hotmail と gmail でテストしてください。

score 2 · Accepted Answer

一部の電子メールクライアントは html をレンダリングしないという事実を考慮する必要があります。MIME 標準は、マルチパートメールをサポートしています。メッセージのさまざまな部分にさまざまな境界を定義します。

score 1 · Accepted Answer

画像を使用する必要がある場合は、画像を非常に小さく保ち、インラインに保ちます。多くのメールクライアントは、外部画像へのリンクのレンダリングを拒否します。これは、スパマーが電子メールを読むほど愚かな人物を追跡するために外部画像を使用するためです。

score 1 · Accepted Answer

これらのいくつかは非常に優れています。要約して、他のいくつかのヒントを追加します。

テーブルベースのレイアウトを使用する
JavaScript なし
最小限の CSS - 多くのことが機能しない
CSS はすべてインラインにする必要があります
いかなる種類の背景画像もありません。Outlook 2007 では表示されません。
ホストされた画像へのリンク。インライン画像は機能する可能性がありますが、メールサーバーのサイズ制限に十分注意しないと、画像がバウンスされます。
メールクライアントが画像をブロックしたときに何かが表示されるように、必ず画像に alt タグを使用してください
画像をブロックするクライアント向けのテキスト版の電子メールを含める
できるだけ多くのクライアントでテストします。具体的には、Outlook 2007 と Gmail です。Gmail はテキストの配置で奇妙なことをする傾向があります

score 0 · Accepted Answer

私はテーブルレイアウトを使用する傾向があり、タグを使用してテキストを正しい顔と色、ほぼ正しいサイズでレンダリングできるようにし、style=""を使用してCSSをサポートする電子メールクライアントで正しくレンダリングします。

CSSを複雑にしすぎないでください...

score 0 · Accepted Answer

HTML メールタイプ。画像はインターネット上のどこかにホストされ、リンクとして HTML に含まれている必要があります。

HTML コードを生成すると、それがメッセージ本文になります。メールメッセージのタイプはHTMLです！

誰もがこれを行っており、100 万件の例があります。

score 0 · Accepted Answer

これはあなたが尋ねたものではないことはわかっていますが、MailChimpを試しましたか? 彼らは素晴らしいサービスを提供しています。

score 0 · Accepted Answer

また、MailChimp や CampainMonitor などのサードパーティもお勧めします。サブスクリプションの管理やバウンスのチェックなど、多くの追加機能を処理し、開封に関する統計情報も提供します。

score 0 · Accepted Answer

Outlook 2007 では表示されないため、背景画像は避けてください。(2007 バージョンの Outlook は、Word の HTML レンダリングエンジンを使用しています...)

12 に答える 12