質問

HTML + 画像で構成されるメールを顧客に大量に送信する準備をしています。最も一般的なメール クライアントで正しく表示するには、一般的なルールは何ですか?

編集:

それは私の顧客、つまり数千人の顧客のためです。

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

役に立ちましたか?

解決

これら二つの参考にするのに最適な開始

明らかを使用 HTML3.0対応のタグやフォーマットの作 すべてのメールの読者と提供者にあります。

聞いて同様の質問 何が最良の方法のためのフォーマットメール利用時のシステム。います。メール

他のヒント

見て email-standards.org, 、彼らは 酸性テスト 彼らはそれに基づいて実行します 最も人気のあるクライアント, 、テストしたさまざまな CSS セレクターと HTML タグのリストが表示されます。 スクリーンショット 実際の 結果, 、何が機能し、何が機能しないのか。

お役に立てれば!

一般的ルールをメールはHTMLメール:

  • なJavascript...にあります。
  • 利用テーブルに基づくレイアウト(浮)
  • No <style> または <link> のためのCSS利用 の style="" 属性のみ

このすべくメールを見てもほとんどのメールクライアントを含むwebサイトからのもの(hotmail、yahoo、gmail).

あなたがどこかにそれらをホストに代わるものとしてしたい場合は、

あなたは、インライン画像を含めることができます。

あなたのHTML内のimg srcがCIDです:パントマイムの部分名

とMIME一部として画像を添付します。

しかし、それとは別に、あなたはHTMLとCSSをシンプルにしてください - 電子メールプログラムは、ブラウザよりも悪いレンダラーです - 。そして、いくつかの電子メールプログラムにし、HotmailやGmailの上でそれをテスト

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

http://en.wikipedia.org/wiki/MIMEする

あなたは、画像を使用して非常に小さいそれらを維持し、インラインそれらを保つ必要があります。スパマーが自分の電子メールを読むのに十分なダムだった人を追跡するためにそれらを使用しているため、多くのメールクライアントは、外部画像へのリンクをレンダリングすることを拒否します。

いくつかの非常に良いです。まだまとめ、追加のホテルはプラ用いただけます。

  • 利用テーブルに基づくレイアウト
  • なjavascript
  • 最小限のCSS多く働いていない
  • CSSはインライン
  • 無背景画像のいかんを描画するの展望2007年
  • リンクを開催。インライン画像がでない場合には十分気をつけてパッケージサイズに制約メールサーバのメンテナンスのバウンスします。
  • 必ず使用してくださいaltタグ画像でも表示される際、メールをお客様ブロック画像
  • などのテキスト版のメールをお客様にそのブロック画像
  • 試験として多くのお客様として使用できます。具体的には先行き2007年Gmail.Gmail)での設定がやりがちな不思議なテキストの配置

HTML形式の電子メールタイプ。 あなたのイメージは、インターネット上にホストされ、その後、リンクなどのHTMLに含まれている必要はあります。

あなたは、あなたのHTMLコードを生成し、それがメッセージ本文です。メール・メッセージのタイプはHTMLです!

誰もがこれを行い、そこに百万例がある。

私は、これはあなたが求めてきたものではありません知っているが、あなたは MailChimp のを試してみましたか?彼らは偉大なサービスをしました。

私はまた、彼らはサブスクリプションを管理運営するとバウンスをチェックするような余分なものの多くに対処MailChimpまたはCampainMonitorのようなサードパーティ製をお勧めします、加えて、彼らは、などのオープニングに統計情報を提供します。

避け背景画像は、Outlook 2007のようにそれらを表示しません。 (見通しの2007バージョンは、WordからHTMLのレンダリングエンジンを使用しています...)

私は、正しい顔や色、おおよそ右のサイズ、そしてCSSをサポートする電子メールクライアントで正しくレンダリングするために「」=スタイルを使用中にテキストのレンダリングを可能にするためのタグで、テーブルレイアウトを使用する傾向がある。

ちょうどあなたのCSSには複雑すぎる得ることはありません...

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top