これは「正確に」プログラミングの問題ではありませんが、非常に関連しています。クライアントへの招待メールを送信するアプリを作成しています (いいえ、スパムではありません)。彼らのデザイナーは、使用する HTML と CSS のテンプレートを提供してくれましたが、これは問題ありません。問題は、Microsoft がOutlook 2007 の HTML のレンダリング エンジンとして Word を使用することを決定したため、Outlook 2007 ではがらくたのように見えることです。クライアントには、「互換性のある」外観を設計する必要があることを理解してもらいたいと考えています。また、Outlook 2007 の使用が増加していることなど、どの電子メール クライアントが使用されているかについて何らかの統計を表示できるようにしたいと考えています。
これについての見解を提供するに近いホワイト ペーパー、Web サイト、研究に出くわした人はいますか? 国勢調査レベルの正確さは期待していませんが、かなり信頼できるものが良いでしょう. 助けてくれてありがとう。
これに関する一般的に認識されているベストプラクティスについての私の理解は、最小公分母をコーディングすることです。「最新の」HTML のレンダリングが苦手な電子メール クライアントは、実際には十分に使用されています。
まず、メールを 2 パートのマルチパート MIME メッセージとして送信することを目指します。HTML 部分とプレーンテキスト部分。
第二に、可能であれば CSS や配置された div を使用しないようにしてください。テーブルベースのレイアウトとインライン スタイルを使用します。可能であれば、HTML でできるだけ多くのスタイルを指定することをお勧めします。
画像をインライン IMG タグとして保持するか、テーブル/行/セルの背景属性のみとして保持するようにしてください。
電子メールの世界は、ブラウザーの世界ほど最新ではなく、さらに重要なことに、ブラウザーの世界よりもはるかに多様です。これらの単純なルールに従えば、十分な数の一般的なクライアントでコンテンツが満足のいくようにレンダリングされるようにするために、より高度なアプローチを採用して繰り返し調整するよりも、はるかに簡単になります。
一般的な統計がない場合は、自分で収集してください。
既製の統計収集ツールについてはhttp://fingerprintapp.com/email-client-statsを確認し、書き込みについてはhttp://www.mattbrindley.com/fingerprint-email-client-usage-1/を参照してください。それについて。Matt Brindleyもこの宝石を提供しています。「これまでのところ、予想どおりに人気が証明されたのはOutlookだけでしたが、iPhoneは私たち自身のリストにとって注目に値する驚きであり、LotusNotesも予想外の外観を見せました。」
もちろん、読者が表示するバージョンを選択できるように、text/htmlとtext/plain mimeタイプの両方を提供し、統計がより魅力的になることが示されるまで、htmlを非常に基本的なものに保ちます。
Fingerprintの料金が問題外の場合は、独自の統計を収集できます。HTMLにハイパーリンクを含めます。CGIアプリケーションがこれらのハイパーリンクからリクエストを受信すると、統計分析のためにHTTP_USER_AGENTをデータベースに保存できます。一部の読者はプレーンテキストに固執し、一部の読者はハイパーリンクをまったくクリックせず、一部の電子メールクライアントはユーザーエージェントの要求ヘッダーに有用な情報を含めないため、この方法は完全に信頼できるわけではありませんが、続行するのに十分な情報が得られる場合があります。
W3情報の評判の高い情報源であるSitepointには、TomSlavinが指摘する記事http://www.sitepoint.com/article/code-html-email-newsletters/があります。
HTMLテーブルを使用して、デザインレイアウトと一部のプレゼンテーションを制御します。Webページに純粋なCSSレイアウトを使用することに慣れているかもしれませんが、そのアプローチは電子メール環境ではうまくいきません。
インラインCSSを使用して、背景色やフォントなど、電子メール内の他のプレゼンテーション要素を制御します。
Slavinは、キャンペーンモニターとMailChimpのテンプレートもお勧めします。
生の市場シェアの数値はあまり役に立ちません。HTML メールを設計する際に重要なのは、特定の対象集団が使用するクライアントだけです。これは、地理的領域、業界、B2B/B2C によって異なります。実際には、変動は非常に大きくなります。一部の業界 (ジャーナリズム...) では、Lotus Notes などのクライアントを使用しているかなりの数の人口を考慮しなければならない場合もあります。Lotus Notes は、HTML をほとんどサポートしていないことで有名です (身震い)。
Outlook 2007 は、特に会社のアドレスに送信する場合は、もはや無視できませんが、新しい PC の Vista では、プライベート アカウントでも顕著な存在感を示しています。
確かにリターンパスには業界別のデータがあります。
ただし、実際には、最小公分母スタイルで「保存」ガイドラインに従うことをお勧めします。問題のあるクライアントは Outlook 2007 だけではありません。Gmail も、他の多くのデザイン要素が適切に表示されるのにサポートが不足していることで有名です。驚くほど多くの Web デザイナーが、HTML メールのデザインを副業として行っていることがわかります (需要があり、家賃の支払いに役立っています)。始めたばかりの場合は、Campaign Monitor (メール マーケティング プロバイダー) に豊富な優れたリソースがあります。2008 年の Email Design Guidelinesから始めることができます。また、 Email Standards Projectの背後にあるプロジェクトの 1 つでもあります。
個人的には、IMAP、Gmail、RoundCube で Thunderbird を使用しています。
(免責事項/完全な開示: 私は実際には大まかな意味での競合他社である Campaing Monitor で働いています。)
私は見通しとGmailを持っていますが、ブラックベリーの曲線も持っています...
曲線は、プレーン/テキストの電子メール以外のものを扱うには恐ろしいです. Web サイトで電子メールを表示するためのリンクを上部に配置してください。また、HTML などをサポートしていないクライアント向けに、テキストのみのセクションもあるマルチパート電子メールの送信を検討してください。
多くのビジネス顧客に打撃を与えると予想される場合は、非常に多くの顧客がMSOfficeとExchangeServerを使用しているため、Outlookも使用していることを忘れないでください。ホームユーザーを対象としている場合、ほとんどのユーザーはWebメールを使用するか、Windows Mail、Thunderbird、Opera Mail、Mac OSXMail.appなどの通常のHTMLエンジンを使用するメールクライアントを使用します。
また、text/plainとtext/htmlの両方で送信する場合、Gmailユーザー（WebメールUIの）はtext/htmlバージョンを表示する以外に選択肢はないと思います。
私は KMail を使用しています。Thunderbird、Outlook、Evolution、Lotus、Opera Mail も検討してください。
また、多くの人が GMail、Hotmail、Yahoo Mail などの Web メールを使用していることにも注意してください。一部の Web メール (およびメールクライアント) は、セキュリティ上の理由からプレーンテキストでしか機能しません。
個人的には、プレーン テキスト メールが最適だと思います。多くの人は、セキュリティ上の理由から HTML メールを許可しないことを好みます。そのため、何を送信するかに関係なく、フォーマットが不適切なプレーン テキスト メールを表示するだけになるため、私の意見では、そのほうがよいでしょう。プレーンテキストのみを使用します。
Gmail - 個人メール
Lotus Notes - 会社のメールに使用せざるを得ない :(
Lotus Notes は、HTML メッセージを正しくレンダリングするのが苦手で (6.5 を実行しています)、CSS のサポートは部分的にしかありません。それに最適な HTML メッセージは、単純な表ベースのレイアウトです。
職場では、3 つの KMail と 4 つの mac OSX のメールがあります。
さらに、Firefox、Camino、Safari でのフェールオーバー (メール サーバー上のリスメール) としての Web メール。単語はメールに入れ、残りは添付ファイルに入れます。
単語 (純粋なテキスト メッセージ) は、フォーマットの問題なしにコピー/貼り付け、転送などを行うことができます。
個別の添付ファイルにより、ユーザーは表示、ダウンロード、保存などを選択できます。
これは、メールを使用する最も一般的な方法です。
私はしばらく前にこの問題に直面しました.. ほとんどのクライアント (Web を含む) は HTML をブロックします! メールの Web バージョンを作成し、メールのフッターに「メッセージを表示できない場合は、ここをクリックしてください (Web バージョンへのリンク)。表示するのは安全ではないと考える人がいるからです。画像 ;-) 美しい HTML メールを開いて読むためのより良い方法
Outlook 2007 の人気が高まり、上昇傾向にあることを明確に示しているこのレポート/データに出くわしました。現在、このサイトは次の上位 4 つのクライアント (もちろん 100% 中の割合) を報告していますが、Outlook 2007 が増加していることも報告しています。お役に立てれば。
http://www.campaignmonitor.com/stats/email-clients/#most_popular
27.77% Outlook 2000、2003、Express / 16.23% Hotmail / 14.14% Yahoo! メール / 8.94% Outlook 2007
私は M2 (Opera のビルトイン メール クライアント) を実行しており、常にメール本文に「プレーン テキストを優先する」ように設定しています。「外部要素をブロックする」もオンにしています。
Gmailを使用しています