すべての電子メールクライアントと互換性のあるHTMLニュースレターを構成するにはどうすればよいですか?OpenDEM(およびその他)のハウツーガイド

適切に構造化されたHTMLレイアウトは、ニュースレターの優れたテレホンカードです。プロ並みのメッセージは、画像のダウンロードがリモートコンテンツのブロックによって妨げられている場合でも、すぐに信頼性を伝え、受信者に読み続けるように促します。

それどころか、テキストのみの電子メールは、残念ながらスパムや詐欺の試み(そもそもフィッシング)にさえ関連しており、先験的にそれらの効果を低下させる要因です。

コンテンツインデックスニュースレターとHTMLテンプレート:ニュースレターがOutlook、Gmail、またはその他のクライアントで正しく表示されないのはなぜですか?
さまざまなクライアントとのニュースレターの互換性を向上させる:ツールさまざまなクライアントとのニュースレターの互換性を向上させる
:実用的なヒント
ニュースレターのHTMLを検証する方法は?
ニュースレターとHTMLテンプレート:ニュースレターがOutlook、Gmail、またはその他のクライアントで正しく表示されないのはなぜですか?
これは、ニュースレターの送信に関係するすべての人が共有する問題です。HTMLテンプレートに基づいて同じメッセージの送信をテストする場合、最終的な結果は、電子メールクライアント、ブラウザ、または読み取りに使用するアプリケーションによって異なります。

残念ながら、すべてのクライアントが共有する厳格な標準と電子メールを参照するためのツールがないため、すべてのHTMLタグが正しくまたは同等に解釈されるわけではありません。その結果、Gmailで表示したときに、完璧なOutlookニュースレターが見栄えが悪いことは珍しくありません。

ニュースレターとさまざまなクライアントとの互換性の向上:ツール
すべての電子メールクライアント用に最適化されたHTML形式のニュースレターを入手するための最も簡単な解決策は、次のような特別なツールを使用することです。

Email on Acid(emailonacid.com)–すべての主要なクライアント、ソフトウェア、およびデバイスで電子メールのパフォーマンスをテストし、それらを組み合わせて問題を特定し、的を絞った方法で介入できるオンラインツール。
OpenDEM(opendem.it)–互換性のないHTMLタグに違反するメッセージを作成し、それらの削除を提案するためのアドホックツールをエディターに統合するニュースレターを送信するためのオンラインプラットフォーム。
注意:Email on Acidや同様のツールにもかかわらず、クライアントの100%と互換性のあるニュースレターを目指すことは無意味です。特に、古くてあまり普及していないニュースレター(Outlook 2003など)の場合は、完全を期すためにこれらの代替手段も含まれています。

さまざまなクライアントとのニュースレターの互換性の向上:実用的なヒント
HTMLニュースレターテンプレートを作成する際には、どのような予防措置を講じる必要がありますか?

ここにいくつかの役立つヒントがあります:

コードの先頭に<style>タグを付けて挿入されたスタイルシートではなく、インラインCSSを使用することをお勧めします。Hotmailを含む多くの顧客は、これらのグラフィカルな表示を無視しており、最終的にはメッセージが本来とはまったく異なる方法で表示されます。
白い背景のみを使用してください。多くの場合、背景色の表示は、標準の白い背景を好む顧客によって無視されます。
テキストの視認性を最大化するために、暗いフォントの色(暗い灰色/黒)を選択します(黒い背景に白いテキストは、最終的に空のメッセージに見える可能性があるため、非常に危険な選択です)。
色の指定には16進コードを使用します(したがって、color =” white”の代わりにcolor =”#ffffff”を優先します)。
特にモバイルデバイスを介してニュースレターの完全なビューを常に保証するために、レイアウト幅を550〜600ピクセルに設定します。
ニュースレターの総重量を制限し、50 / 100kbを超えないようにします。
<p>、<strong>、<em>、<img>などの標準のXHTMLマークアップタグのみを使用してください。
ニュースレターの表示に問題がある場合に問題の要素にカーソルを合わせると表示される説明的なフレーズを追加するには、画像に属性「title」と「alt」、リンクに「title」を使用します。
常に「href」の後にリンク属性を挿入します(たとえば、<a href=”www.sitodiesempi.it”title=”たとえばサイトにアクセス”>)。
すべてのリンクにtarget =” _blank”属性を追加して、ターゲットページが常に新しいウィンドウで開くようにします。
<table>タグを使用してテーブルを作成することをお勧めします。
<style =” color:#000001”>を追加してリンクの色を指定し、一部のクライアントでデフォルトの青が紫に置き換えられないようにします。
一部のお客様は、多くのタグを考慮しない場合があることに注意してください(例:<body>、<meta>、<head>、<base>、<link>、<script>、<applet>、<frameset>、<frame> 、<iframe>、メインのものに名前を付けます)。
ほとんどのお客様が一般的に無視しているタイプ(JavaScript、Flash、ビデオ、ActiveX、埋め込みなど)のスクリプトの使用は避けてください。
注:クリーンで検証済みのHTMLコードは、ニュースレターが希望どおりに表示される可能性を高めるだけでなく、

ニュースレターのHTMLを検証する方法は?
オンラインでは、HTMLコードを検証したり、HTMLコードを分析して、修正すべきエラーや問題を強調したりできるツールがいくつかあります。

より完全なニュースレターに基づくキャンペーン管理プラットフォームも、レイアウトをより速く簡単に機能させるために、このタイプのツールをエディターに統合します。

前述のOpenDEMの場合、ニュースレターエディタはHTMLコードをリアルタイムで検証し、エラーや修正の可能性を直接報告します。

この機能を有効にするには、「ニュースレター」、「新しいニュースレターの作成」の順に選択します。したがって、エディタから「ソース」をクリックしてコードビューに切り替えるだけで十分です。コードで作業しているとき、「HTMLバリデーター」機能は常にアクティブです。OpenDEMは存在するエラーを強調表示し、クリックするだけでエラーを修正し、ニュースレターの互換性を最大化するために最適なソリューションを選択します。

Leave a Comment

Your email address will not be published. Required fields are marked *