ライセンスベースの電子メールマーケティングを通じて、マーケティングとプロモーションのコストを大幅に削減できるだけでなく、情報を顧客に直接正確に伝えることができます。
今日私が勉強している問題は、技術的な側面から始めて、ユーザービジョンと電子メールの両方のクライアントと互換性のある優れた電子メールを作成する方法です。
1. HTMLまたはプレーンテキストを選択しますシンプルなテキストが好きな人もいれば、リッチなHTMLを読むのが好きな人もいます。どのように選択しますか?
マーケティングメールの場合、HTML形式を使用してそれらを作成することをお勧めします(写真)。
確認/リマインダー/情報メールの場合、テキストまたは簡単なHTMLを使用してそれらを作成することをお勧めします(写真)。
なぜこれら2つの異なるタイプの電子メールを作成するさまざまな方法があるのですか?これは、これらの理由に基づいています。
マーケティングメールの内容は豊かで多様です。確認メールの内容は独身で一意です。
マーケティングメールでは、顧客はコンテンツの豊かさと視覚効果の美学にもっと注意を払います。
確認メールでは、顧客に確認情報を非常に直接確認してもらいたいと考えています。複雑なコンテンツと視覚効果は、顧客が電子メールの主なコンテンツ、つまり確認情報を無視するだけです。
(以下は、マーケティングメールHTMLの作成に焦点を当てます)
2。テーブルレイアウト + CSSに基づく基本的なHTMLスキルカンフーには2つのタイプがあり、1つは最もヤン、もう1つは最も陰と柔らかいものです。 Zhang Sanfengがピークに達した理由は、彼の武道財団と彼の基本的なスキルが堅実であるためであるため、彼はこの太極拳が最も陰と陽になる可能性があることに気付きました。
HTMLメールにも同じことが言えます。従来の見通し、Thunderbird、Lotus Notes、オンラインMACメール、Gmail、Hotmailなど、今日の多くの種類の電子メール読書クライアントがあることを知っています。メールの説明は異なります。ほとんどのオンラインメールシステムは、<head> </head>タグ間のコードをブロックします。
異なるクライアントを持つすべてのユーザーが見たメールを同じようにするには、HTMLの基本的なスキルを非常にうまく習得する必要があります。一部の人々は、div+cssと言いますが、一部の人々は、それがSEOタグのセマンティック化であると言います。 Web開発者として、これら2つの人気のあるHTML開発のアイデアを最近持っていることが非常に人気があることは否定できませんが、これは電子メールの制作には当てはまりません。私たちの目標は、顧客がさまざまな電子メールクライアントに同じ情報コンテンツを表示できるようにすることです。これは、最も元のレイアウト方法であるテーブルレイアウト + CSSを使用します。 HTMLおよびCSS(写真)に対する現在の電子メールクライアントのサポートを見てみましょう。
*Hotmailは<body> </body>の間で<style>を解析できますが、<head> </head>の間で<style>をブロックできます
3.HTMLメールを実行する場合、次のポイントに注意する必要があります。ポジショニングは、絶対サイズ(ピクセル)と相対サイズ(パーセンテージ)を組み合わせたテーブルネスティング方法を使用して行われます。
ほとんどの電子メールクライアントは、フラッシュとJavaScript、およびいくつかの特別なタグと属性をブロックします。
バックグラウンドイメージ属性は、ほとんどのオンラインメールクライアントでブロックされます。 Gmailでは、背景画像が表示されません。
画像のSRC属性は、絶対アドレスで使用する必要があります。
正しい:<img src = http://blog.54575.com/logo.gif width = 297 'height = 160' alt = living well =意味する/
エラー:<img src = logo.gif />
展示会の時間、場所、コンテンツ、その他の情報に関する情報は常に必要です。写真が表示されない可能性があることを考慮すると、これらの内容は写真に表示することをお勧めしません。
写真に配置されていても、電子メールコンテンツでテキスト形式で表現し、写真のALT属性にコンテンツを追加してください。
多くの場合、電子メールは、ソフトウェアクライアントとオンラインクライアントの2つのチャネル、これら2つの電子メールクライアント(図)を通じて開かれます。
*Microsoft Outlook 2003
*NetEase 163メール
写真からわかるように、電子メールはフルスクリーンに表示されないことがよくあります。
Webページの標準幅を使用し続けると、電子メールのコンテンツの一部が必然的にブロックされ、2つの水平スクロールバーが作成されます。
そして、狭すぎる幅はスペースの無駄を引き起こすでしょう(写真)
それでは、HTMLメールの幅を設定する最良の方法は何ですか?最初に、いくつかの有名な企業がHTMLメール制作に使用する幅を参照しましょう。
netease youdao:600px
QQメンバー:650px
Dell Home and Office:650px
Cisco WebEx:600px
これらの有名なIT企業のマーケティングメール幅は600pxおよび650pxであることがわかります。
また、EDMとWebデザインでの4年間の経験によると、HTMLマーケティングメールの標準幅として、後者を選択することを好みます。
650pxの利点:
電子メールのコンテンツが2列に分割されると、650pxはx+10+yに分割できます。x =左列、y =右列、10はギャップ、x+y = 640、および640は20、640 = 2×2x2x2x2x10で分割できます。
電子メールのコンテンツが3列に分割されると、650pxをx+10+y+10+zに分割できます。同様に、x+y+z = 630、630は30、630 = 3×3x7×10で割り切れることができます。
なぜこのように分解する必要があるのですか? Webページのラスター化に関する調査を参照してください。
これが、600pxではなく650pxを選んだ理由です。
もちろん、これは私が個人的に設定した標準であり、グローバルな統一された標準にはなりませんでしたが、いつかこの幅がHTMLの電子メールプロデューサーと受信者の大多数によって認識されることを願っています。