CSS 最適化について理解する
このページで学べること
受信トレイでメールがクリップされないようにする方法の 1 つである、CSS の最適化について説明します。
CSS 最適化が重要な理由
メールが受信トレイに届くようにすることは、メールマーケティングの成功にとって非常に重要です。同様に、メールがクリップされないようにすることは、お客様がメッセージ内の情報をすべて受け取るうえで非常に重要です。CSS の最適化は、クリップを回避するために使用できる多くの手段の 1 つです。
Klaviyo の CSS 最適化について
アカウントでメールを作成する際、Klaviyo は、[スタイル] タブと [ブロック] タブで選択したブランディングを追加するために、埋め込みスタイルと呼ばれるものを使用します。
受信トレイプロバイダーでは埋め込みスタイルを許可していますか？
これらを使用してメールをカスタマイズすると、ブランドメールのファイルサイズを可能な限り小さくでき、クリップされないようにできます。最大手の受信トレイプロバイダー（Gmail、Yahoo、Apple、Outlook、AOL）はすべて、埋め込みスタイルを受け入れてレンダリングします。
小規模な受信トレイプロバイダーでは、埋め込みスタイルがレンダリングされません。多数の顧客が以下の受信トレイプロバイダー、または埋め込みスタイルをレンダリングしない別のプロバイダーを使用している場合は、メールが意図したとおりに表示されるように CSS Optimization ボックスのチェックを外すことを検討してください。
国・地域 | 埋め込みスタイルに対応していない一般的な受信トレイ プロバイダー |
オーストラリア | telstra.com.au,telstra.com, bigpond.net.au,bigpond.com |
ロシア | mail.ru |
ドイツ/EU | gmx.com、t-online.de |
ブラジル | bol.com |
CSS の最適化（および埋め込みスタイル）をオフにする
埋め込みスタイルをオフにすると、他の受信トレイプロバイダーでメールが途中で切り取られるリスクがあるため、送信する前にメールをテストしてください。
- 左下隅で組織名を選択します。
- [設定] をクリックします。
- メール タブを選択します。
- [送信設定] に移動します。
- [埋め込みスタイルを有効にする] というラベルのボックスのチェックを外します。
- [保存] をクリックします。
その他のリソース
- メールが途中で切れてしまう原因
クリッピングの仕組みと、回避するためにできることをご確認ください。
- メールテンプレートまたはセクションに背景画像を追加する方法
背景画像の上にテキスト、画像、その他のメールコンテンツを重ねる方法を確認します。背景画像は、メール全体または 1 つのセクションに追加できます。この機能を使用すると、画像を別の画像の上に重ねたり、画像の上にボタンやテキストを追加したりできます。