E メールデザイナーのコンテンツチェック content-check
Journey Optimizerには、電子メール Designerで直接自動技術検証が含まれており、送信前にHTMLとCSSの問題を検出するのに役立ちます。
結果は、オーサリングパネルでエラー、警告、または情報に関する通知として表示され、コンテキストの詳細とワンクリック修正が可能な場合は表示されるので、電子メールDesignerを離れることなく問題を解決できます。
コンテンツの確認にアクセス access-content-checks
コンテンツチェックは、常に電子メールDesignerで使用できます。 これらを表示するには、右側のパネルの「イシュー」アイコンをクリックしてコンテンツチェック ペインを開きます。検出されたすべてのイシューがここに表示されます。
チェックは、次の3つの重大度レベルで表示されます。
問題が検出されない場合、ペインに 問題が検出されず が表示され、対応するアイコンが緑色になります。
問題に応じて、より多くのコンテキストを表示したり、ワンクリック修正を適用したり、メールを保存してチェック結果を更新したりできます。
- 検出された問題については、詳細を表示 ボタンをクリックして詳細なコンテキストを表示できます。 「詳細を非表示」をクリックして折りたたみます。
- 同様に、「修正を表示」ボタンをクリックし、利用可能な場合はワンクリック修正を適用できます。 修正を自動的に適用できない場合は、メッセージが表示され、手動で問題を解決する必要があります。
チェックの再計算 recalculation
サポートされていないHTML要素、空のDiv、HTMLサイズなど、ほとんどのチェックはメールを編集するたびに再計算されるため、常に現在のコンテンツが反映されます。
CSS サイズなどの他のチェックは、シリアル化されたコンテンツ（メールの読み込みまたは保存時のバージョン）から計算されます。メールDesignerのライブエディターのステータスからは計算されません。 この場合、保存されたコンテンツは、編集中に表示されるものとは少し異なる場合があります。 保存せずに編集を行うと、古いチェック ラベルが表示され、結果が正確でなくなる可能性があることを示します。 計算を更新するには、電子メールを保存します。
検出された問題の修正 fix-issues
次の表は、すべての可能なメッセージとそれぞれの推奨アクションを示しています。 コンテンツ チェック ペインに表示されているメッセージに一致するカテゴリを展開します。
| table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 | ||
|---|---|---|
| メッセージ | 重大度 | 今後の施策 |
コンテンツに<script> タグが含まれていますが、どの電子メールシステムでもサポートされていません。 配信とレンダリングの問題を回避するために削除します。 |
エラー | HTML コンテンツからすべての<script> タグを見つけて削除します。 |
コンテンツに<base> タグが含まれているので、メール Designerでリンクとリソースの解決に関する問題が発生する可能性があります。 修正するには、それを削除する必要があります。 |
エラー | HTMLから<base> タグを削除します。 |
| コンテンツに更新付きのHTML メタタグが含まれていますが、これはメールDesignerではサポートされていません。 予期しない動作を防ぐために削除します。 | 警告 | HTMLからメタリフレッシュタグを削除します。 |
| コンテンツに空のdivが含まれているので、Microsoft Outlook （MSO）でレイアウトの問題が発生する可能性があります。 これを修正するには、空のdivを削除し、代わりに兄弟エレメントの間隔を使用します。 | 警告 | 空の<div>要素を削除し、周囲の要素の余白または余白を調整して、間隔を維持します。 |
| table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 | ||
|---|---|---|
| メッセージ | 重大度 | 今後の施策 |
| CSSの合計サイズがGmailの16 KB制限を超えているため、Gmailでレンダリングの問題が発生します。 | エラー | 未使用のCSS ルールを自動的に削除するか、手動でスタイルを簡素化するには、修正を適用してください。 |
| CSSの合計サイズはGmailの16 KB制限に近く、より多くのCSSを追加するとレンダリングの問題が発生する可能性があります。 | 警告 | 未使用のCSS ルールを削除するか、スタイルを減らしてからコンテンツを追加するには、修正を適用します。 |
| このフラグメントのCSS サイズの合計が3 KBを超えています。 これを他のフラグメントと組み合わせると、メール CSSの合計がGmailの16 KB制限を超え、レンダリングの問題が発生する可能性があります。 | 警告 | このフラグメントのCSSを簡略化して、結合されたメール CSSを16 KB未満に保ちます。 |
| コンテンツに未使用のCSS ルールが含まれています。 これにより、Gmailでレンダリングの問題が発生する可能性があります。 | 警告 | 修正を適用して、電子メールに存在しない要素を参照するCSS ルールを自動的に削除します。 |
| table 0-row-3 1-row-3 2-row-3 3-row-3 | ||
|---|---|---|
| メッセージ | 重大度 | 今後の施策 |
| HTMLの推定サイズはGmailの100 KB制限を超えており、Gmailでレンダリングの問題が発生します。 実際のHTML サイズは、送信時に異なる場合があります。 | エラー | メールコンテンツの削減 – 不要な要素を削除したり、構造を簡素化したり、複数の送信にコンテンツを分割したりできます。 |
| HTMLの推定サイズはGmailの100 KB制限に近く、HTMLを追加するとレンダリングの問題が発生する可能性があります。 実際のHTML サイズは、送信時に異なる場合があります。 | 警告 | コンテンツを追加する前に簡略化する。 Gmailの制限を超える電子メールは、受信者のためにクリップされます。 |
| このフラグメントの推定HTML サイズは20 KBを超えています。 これを他のフラグメントと組み合わせると、メール HTMLの合計がGmailの100 KB制限を超え、レンダリングの問題が発生する可能性があります。 実際のHTML サイズは、送信時に異なる場合があります。 | 警告 | このフラグメントのHTMLを減らして、結合されたメールサイズをGmailの100 KB制限の下に保ちます。 |
HTMLとCSS サイズについて size-estimation
電子メール Designerに表示されるHTMLとCSS サイズの値は、オーサリング時に計算される 推定 です。 レンダリングされたペイロードは、その時点でエディターに存在するペイロードを反映し、次のものを含みます。
- HTML構造 – すべてのマークアップ、タグ、レイアウトラッパー、インラインスタイル
- インライン化されたCSS - Email Designerは、サイズを計算する前にスタイルをインライン化します。これは、メールクライアントでは標準ですが、外部スタイルシートと比較すると未加工の数値が膨らみます
- テキストコンテンツ – すべてのコピートークンとパーソナライゼーショントークンが、プレースホルダーの長さでカウントされます（解決済みの値ではありません）
- フラグメント – 参照されるすべてのフラグメントはインラインで展開されるので、各フラグメントはHTML/CSSの全重を合計に割り当てます
- 条件付きブロック （if-else） - すべての分岐は、送信時間まで条件が評価されないため、オーサリング時のサイズ推定値に含まれます
- 画像 - バイナリ画像データ自体ではなく、画像参照（src URL）のみがカウントされます
見積もりと配信サイズが異なる理由 size-estimate-difference
表示されるサイズは、受信者が受け取る電子メールのサイズではなく、最悪の場合の上限を見積もったものです。 次の理由により異なる場合があります。
- 条件付きコンテンツ：送信時には、受信者のプロファイルに一致するブランチのみがレンダリングされます。 エディターに120 KBが表示されているテンプレートを使用すると、ほとんどの受信者に対して60 KBの電子メールが作成される場合があります。
- Personalization トークン: プレースホルダートークンは、生のトークンの長さでカウントされます。 解決される値は通常、より短くなります。
- HTML サイズの最適化:「HTML サイズの最適化」オプションが有効になっている場合、送信時に空白、コメント、および冗長な文字が削除され、最終的なペイロードが削減されます。 詳細情報
作成者にとってのサイズ警告の意味 size-warnings
サイズの警告（例えば、HTMLが100 KBを超える）は、送信前に電子メールを最適化するのに役立つ プロアクティブシグナル です。これらはハードブロックではなく、受信者が表示する正確なサイズを反映しません。 次のことを回避できるようにします。
- Gmailでクリッピングされている電子メール。HTMLの約102 KBでメッセージをクリップします。
- モバイルデバイスや低帯域幅の接続でのレンダリングが遅い
This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.
For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.
- TL;DR: Content checks in the Email Designer automatically detect HTML and CSS issues before sending, surfacing them as errors, warnings, or informational notices with contextual details and one-click fixes where available.
Intents:
- Catch HTML and CSS issues in an email before sending
- Open the Content check pane from the Issues icon in the right rail to review all detected issues
- Apply a one-click fix or view details for a detected issue
- Understand the Error, Warning, and Info severity levels
- Understand why estimated HTML and CSS sizes can differ from the delivered email
- Refresh a stale check by saving the email
Glossary:
- Content check: Automated technical validation in the Email Designer that detects HTML and CSS issues before sending (product-specific)
- Stale check: A label indicating that a check result (such as CSS size, calculated from serialized content) may no longer be accurate because edits were made without saving (product-specific)
- Serialized content: The version of the email as it is loaded or saved, used to calculate certain checks such as CSS size, rather than the live editing state (product-specific)
- Optimize HTML size: An option that strips whitespace, comments, and redundant characters at send time to reduce the final payload (product-specific)
Guardrails:
- Three severity levels: Error (Red — critical issue causing delivery or rendering failures; resolve before sending), Warning (Orange — potential issue that may affect rendering in specific email clients; recommended to review and resolve), Info (Blue — does not block sending but may affect long-term maintainability).
- Total CSS size exceeds Gmail’s 16 KB limit causes rendering issues in Gmail (Gmail-imposed limit); a fragment whose CSS exceeds 3 KB is flagged because combining fragments could push the total email CSS over the 16 KB limit.
- Estimated HTML size exceeds Gmail’s 100 KB limit causes rendering issues in Gmail (Gmail-imposed limit); Gmail clips messages at approximately 102 KB of HTML; a fragment whose HTML exceeds 20 KB is flagged because combining fragments could push the total over the 100 KB limit.
- HTML and CSS size values are estimates computed at authoring time (a worst-case upper-bound); the actual size may differ at send time and is not the exact email a recipient receives.
- Size warnings are proactive signals, not hard blocks — they do not prevent sending and do not reflect the exact size recipients will see.
<script>and<base>tags are flagged as errors; meta refresh tags and empty divs are flagged as warnings.- CSS size is calculated from serialized content, not the live editing state; unsaved edits show a Stale check label, and saving refreshes the calculation.
Terminology:
- Canonical name: Content check — Acronym: n/a — variants: content checks, content check pane
- Synonyms: “one-click fix” = “Apply fix”
- Do not confuse: “Error” (Red, blocks/should be resolved before sending) ≠ “Warning” (Orange, may affect rendering in specific clients) ≠ “Info” (Blue, does not block sending)
- Do not confuse: “estimated size (authoring time)” ≠ “delivered size (send time)”
FAQ:
- Q: Where do I find content checks? — They are always available in the Email Designer; click the Issues icon in the right rail to open the Content check pane.
- Q: Do size warnings block me from sending? — No, they are proactive signals, not hard blocks; they do not reflect the exact size recipients will see.
- Q: Why does the size shown differ from what recipients receive? — The estimate is a worst-case upper bound; conditional content renders only the matching branch at send time, personalization tokens resolve shorter, and the Optimize HTML size option strips whitespace and comments at send time.
- Q: What is a Stale check label? — It appears when you make edits without saving, indicating a result (such as CSS size, calculated from serialized content) may no longer be accurate; save to refresh.
- Q: What are the three severity levels? — Error (Red), Warning (Orange), and Info (Blue).