電子郵件設計工具中的內容檢查功能 content-check
Journey Optimizer包含直接在電子郵件Designer中的自動化技術驗證，可協助您在傳送前捕捉HTML和CSS問題。
結果會在製作面板中顯示為錯誤、警告或資訊性通知，其中包含內容詳細資訊和適用的單鍵修正，因此無需離開電子郵件Designer即可解決問題。
存取內容檢查 access-content-checks
電子郵件Designer中一律提供內容檢查。 若要檢視，請按一下右側邊欄中的「問題」圖示，以開啟 內容檢查 窗格 — 此處列出所有偵測到的問題。
NOTE
系統會自動針對您電子郵件的目前狀態執行檢查，並在每次編輯後執行。 了解更多
檢查會以三個嚴重性層級顯示：
嚴重性
顏色
說明
錯誤
紅色
會造成傳遞或轉譯失敗的嚴重問題。 傳送前請先解決。
Warning
橙色
可能影響特定電子郵件使用者端轉譯的潛在問題。 建議檢閱並解決。
資訊
藍色
有關不封鎖傳送但可能影響內容長期可維護性之條件的資訊性通知。
未偵測到問題時，窗格會顯示未偵測到任何問題，而對應的圖示為綠色。
視問題而定，您可以檢視更多內容、套用一鍵式修正，或儲存電子郵件以重新整理檢查結果。
- 對於某些偵測到的問題，您可以按一下 顯示詳細資料 按鈕來檢視更多內容。 按一下 隱藏詳細資料 以摺疊。
- 同樣地，您可以按一下 Show fix 按鈕，並在可用處套用一鍵修正。 如果無法自動套用修正，則會顯示訊息，您必須手動解決問題。
重新計算支票 recalculation
大部分檢查（例如不支援的HTML元素、空白div和HTML大小）會在您每次編輯電子郵件時重新計算，因此一律會反映您目前的內容。
其他檢查（例如CSS大小）是根據序列化內容（您的電子郵件載入或儲存時的版本）計算，而非根據電子郵件Designer中的即時編輯狀態計算。 在此情況下，儲存的內容可能會與您編輯時看到的內容稍有不同。 如果您不儲存就進行編輯，會出現 過時檢查 標籤，表示結果可能不再準確。 儲存您的電子郵件以重新整理計算。
修正偵測到的問題 fix-issues
下表列出所有可能的訊息，以及每個訊息的建議動作。 展開與您在 內容檢查 窗格中看到的郵件相符的類別。
不支援的HTML元素
| 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中移除meta重新整理標籤。 |
| 您的內容包含空白的div，這可能會導致Microsoft Outlook (MSO)中的版面配置問題。 若要修正此問題，請移除空白的div，並改用同層級元素的間距。 | 警告 | 刪除空的<div>元素，並調整周圍元素的邊框間距或邊界，以維持間距。 |
CSS問題
| 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規則。 |
HTML大小
| 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 — 計算大小之前以電子郵件傳送Designer內嵌樣式，這是電子郵件使用者端的標準，但會增加原始數字與外部樣式表的比較
- 文字內容 — 所有複製和個人化Token，以其預留位置長度（而非其解析值）計算
- 片段 — 所有參考的片段都會內嵌展開，因此每個片段都會將其完整的HTML/CSS權重分配至總計
- 條件式區塊(if-else) - 所有分支在編寫時都包含在大小估計中，因為要等到傳送時間才會評估條件
- 影像 — 只計算影像參考(src URL)，不計算二進位影像資料本身
為什麼估算可能與傳遞的大小不同 size-estimate-difference
顯示的大小是最差情況的預估上限，而非收件者將收到的確切電子郵件。 可能由於以下原因而有所不同：
- 條件式內容：在傳送時，只會轉譯符合收件者設定檔的分支。 在編輯器中顯示120 KB的範本可能會為大多數收件者產生60 KB的電子郵件。
- Personalization權杖：預留位置權杖是以其原始權杖長度計算。 解析的值通常較短。
- HTML大小最佳化：如果已啟用 最佳化HTML大小 選項，傳送時就會移除空格、註解及多餘的字元，減少最終裝載。 了解更多
大小警告對作者的意義 size-warnings
大小警告（例如，超過100 KB的HTML）是主動訊號，可協助您在傳送前最佳化電子郵件 — 這些不是硬性區塊，而且不會反映收件者將看到的確切大小。 它們的存在有助於避免：
- Gmail剪裁的電子郵件，會以大約102 KB的HTML剪裁訊息
- 在行動裝置或低頻寬連線上呈現時速度緩慢
AI Knowledge Reference
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).
recommendation-more-help
journey-optimizer-help