Blog

画像は、読者の注意を引くのに最適です。画像がメールにどのように影響するかについては多くの理論があるので、Kenticoで画像を使って何ができるかを詳しく見てみましょう。また、Kenticoで実行できないと思われることがある場合は、メールゲームを強化するために用意されている新しいメールウィジェットを読んで、手に入れてください。

メール内の画像を使用して見た目を美しく見せたくなりますが、メールのメッセージ全体を伝えるために画像に依存しないでください。どうして？ほとんどの電子メールクライアントはデフォルトで画像をブロックできます。または、セルラーデータを使用する場合、連絡先は画像のダウンロードをブロックできます。それらの読者にとって、あなたの素晴らしい画像ベースの電子メールは、非常に限られた可能性を持つ単なる白い画面になります。

しかし、これはメール画像をまったく使用すべきではないという意味ではありません。あなたがそうするとき、あなたが心に留めておくべきいくつかのことがあります。

1. 単純にする。たくさんの列とたくさんの画像を含む過剰な電子メールでそれをやり過ぎないでください。このメールの読み込みに時間がかかりすぎるだけでなく、行動を促すフレーズの邪魔になります。
2. 責任。 Hubspotによると、すべての電子メールの開封のほぼ半分は電話で行われます。そして、タブレットを忘れないようにしましょう。メール画像をレスポンシブにすることで、クライアントとより効果的にコミュニケーションを取り、売り上げを伸ばすことができます。
3. 最高のものを望み、最悪の事態に備えてください。画像が電子メールクライアントによってブロックされ、背景画像がまったく読み込まれないと想定します。あなたのメールはまだ意味がありますか？あなたの連絡先はあなたが言おうとしているメッセージをまだ理解できますか？
4. サイズが重要です。電子メールで高品質の画像を使用したいことは理解できますが、画像サイズは電子メールの読み込み時間に影響を与える可能性があります。画像圧縮はあなたの友達です！メールの読み込みと送信が速くなります。
5. 正しい形式を選択してください。さまざまなオプションすべてから適切な画像ファイルタイプを選択する前に、要件を定義し、最も一般的なタイプの長所と短所を確認してください。

Kenticoがお手伝いします！

KenticoのメールBuilderは、あなたのイメージを支援する準備ができています。画像ウィジェットを使用すると、メディアライブラリから任意の画像を選択できます。

なぜメディアライブラリ？このアプリケーションを使用すると、ファイルのサイズ変更、トリミング、変換など、画像に変更を加えながらファイルを保存できます。

デフォルトでは、Kenticoは最も一般的なファイル形式をサポートしていますが、管理者にSVGなどのファイルをWebサイトでサポートされているファイル拡張子に追加するように依頼する必要がある場合があります。追加すると、これらのファイルをメディアライブラリにアップロードして管理できます。

Kenticoのメール画像

Eメールマーケティングアプリケーションの画像ウィジェットを使用すると、メディアライブラリの画像をEメールに追加し、必要な画像にほとんどすぐに変更を適用できます。

電子メールには事実上すべての画像ファイルを追加できますが、FlashまたはJavaScriptを必要とする要素は避ける必要があります。電子メールで移動が必要な場合は、ほとんどの電子メールクライアントでサポートされているGIFを使用してください。メールビルダーでGIFを追加すると、ブラウザとプレビューモードで自動的に正しく表示されるため、常にメールをテストする必要があることに注意してください。

代替テキストに注意してください

画像ウィジェットでは変更を保存する前に代替テキストを追加する必要があるため、Kenticoはメールのベストプラクティスにも役立ちます。

読者に画像が表示されない（ブロックされているため）からといって、オフフックであるとは限りません。画像のaltタグは依然として驚かされる可能性があります。

多くの電子メールクライアントでは、代替テキストのスタイル設定が許可されています。つまり、開発者は、画像があったはずの空のスペースで、代替テキストを目立たせることができます。あなたの聴衆は遊び心がありますか？次に、HTML絵文字など、他の手段もあります。

fullHD +およびRetinaディスプレイ用に画像を最適化する

言うまでもなく、画像を最高の状態に見せたいので、高DPI画面の受信者を忘れないでください。どうして？

現在、多くのモバイルおよびデスクトップデバイスには、高解像度および高DPIの画面が付属しています。これらの連絡先が網膜の最適化なしで電子メールを開くと、画像がぼやけてピクセル化されます。絶対にあなたがあなたの顧客に得て欲しいブランド体験ではありません。

これが簡単なトリックです。

高DPI画面のピクセル密度は大きくなります。つまり、Web解像度の画像の標準の800x600は、ぼやけてピクセル化されたように見える可能性があります。画像を2倍または3倍のサイズに設定し、エクスポート時に出力を最適化することができます。

ヘッダー画像の場合、12000x6390の17 MB以上の画像を使用しています。これは、実行可能なファイルサイズが100kB未満に縮小されます。画像は電子メールコードによる600倍の自動寸法によって制限されているため、ピクセルサイズは重要ではありません。

新しいメールウィジェットでメールを改善する

クリック可能な画像

私たちのほとんどが私たちの電話で私たちの電子メールを開くので、あなたの電子メールコンテンツのより多くをクリック可能にしてみませんか？クリック可能な画像は、電子メールの受信者をWebサイトに招待するための優れた方法です。

Kentico Email Builderには、クリック可能な画像用のすぐに使用できるウィジェットはありませんが、 用意されています。ニュースレターで使用する準備ができています。必要なのは、Webサイトにインポートして、マクロに署名することだけです。

この新しいメールウィジェットを使用すると、画像を別の種類のCTAに変換できるだけでなく、画像のサイズとインデントを調整することもできます。ページセレクタを使用するか、外部URLを追加することで、画像をWebサイトの任意のページに簡単にリンクできます。また、Webサイトのトラフィックを簡単に追跡するために、 UTMコンテンツを追加することもできます。

全幅ヘッダー

デフォルトでは、画像ウィジェットを使用すると、メディアライブラリから任意の画像を追加できます。デフォルトでは、画像は右側と左側の両方からインデントされ、画像が中央に配置されます。与えられたすべてのスペースを空白なしで使用してみませんか？画像を全角にして、他のメールから目立たせることができます。そして、それはまさに私たちの新しい電子メールウィジェットが行うことです。

もちろん、ヘッダーに代替テキストまたは垂直インデントを追加して、クリック可能にすることもできます。

これで、画像がメールのパフォーマンスにどのように影響するか、そしてどのように最大限に活用できるかがわかりました。私たちが用意したメールウィジェットを試してみることを躊躇しないでください。大きな違いを生む可能性のある小さな側面から利益を得ることができます。

ハンズオン：新しいメールウィジェットを追加する

この記事で説明したウィジェットを直接体験してみませんか？

1. Kenticoの試用版にサインアップします。
2. サイトアプリケーションに移動し、 [サイトまたはオブジェクトのインポート]ボタンを使用します。
3. ウィザードのデフォルト値を使用して、電子メールウィジェットをトライアルWebサイトにインポートします（ステップ2でDancingGoatMvcが選択されていることを確認してください）。
4. システムアプリケーションに移動し、 [マクロ]タブを開きます。次に、[署名]を選択し、[すべてのマクロに署名する]チェックボックスをオンにします。マクロ署名を更新すると、インポートされた電子メールウィジェットが表示されます。
5. [メールテンプレート]に移動し、ウィジェットをテストするテンプレートを選択して、[利用可能なウィジェット]タブにウィジェットを追加します。