お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Email

エンゲージメントを向上させるために Eメールを最適化するにはどうすればよいですか?

更新日時 12月 21, 2018

Eメールマーケティングキャンペーンを可能な限り成功させたいなら、これらのEメールテンプレートとコンテンツのベストプラクティスに従って、受信者エンゲージメントを促進しましょう。

設計

テンプレートはシンプルに

Eメールキャンペーンは、Eメールの外観ではなく、メッセージに集中するべきです。ウェブサイトと同じように、コンテンツが常に最も重要になります。

Eメールの幅を600ピクセル以下に抑える

こうすることにより、OutlookなどのEメールクライアントのユーザーは、縦のプレビューウィンドウでEメールを表示できるようになります。HubSpotのEメール設定で、本文の幅を設定することができます。

モバイル向け最適化

Eメールマーケティングを利用する際には、モバイルオーディエンスを考慮することが極めて重要です。ほとんどの利用者が外出先でEメールを確認します。もちろん、HubSpotにはすべてのEメールテンプレートに対応する機能が組み込まれています

HubSpotテンプレートビルダーでテンプレートを作成する
さまざまなEメールクライアントで一貫性を保つコーディングをするには、各クライアントのHTMLとCSSの微妙な違いを理解する必要があります。そのすべての手間を省いて、HubSpotでは組み込みのツールを使用してEメールを作成すれば、主要なEメールクライアントで見栄えがよく、モバイル対応のレスポンシブデザインにすることができます。

コード対応ソフトウェアを使用する

外部のカスタムコードをリッチテキストモジュールにコピーして貼り付ける場合は、メモ帳やSublime Textのようなシンプルなテキストエディターを使用します。Wordやその他のWYSIWYG エディターからコンテンツをコピーすると、一般的に不要なコードが追加され、特定のEメールクライアントでEメールが正しく表示されなくなります。代わりに、HubSpotのEメールエディターでコンテンツを作成してください。

テーブルを使った設計

テーブルを使ったウェブページの設計は、もはやベストプラクティスではありませんが、Eメールをデザインする場合は重要になります。これは、複数のEメールクライアントでデザインを正しく表示する唯一の方法になります。テーブルのサイズは、Eメールの応答性に対応させるように、必ずソースコード内で調整します。

インラインCSSを使用する

GmailやHotmailなどブラウザーベースのEメールサービスは、DOCTYPE、BODY、HEADタグを取り除いてしまうため、代わりにインラインCSSを使用します。

User-added image

CSSのショートハンドを避ける

CSSのショートハンドの例:

正しい CSS の例:

外部または内部のCSSクラスやIDを避ける