Vérification du contenu dans le Concepteur d’e-mail content-check
Journey Optimizer comprend une validation technique automatisée directement dans le Designer d’e-mail, ce qui vous permet de détecter les problèmes HTML et CSS avant l’envoi.
Les résultats sont affichés sous forme d’erreurs, d’avertissements ou d’informations dans le panneau de création, avec des détails contextuels et des correctifs en un clic le cas échéant, afin que les problèmes puissent être résolus sans quitter le Designer d’e-mail.
Vérifications d’accès au contenu access-content-checks
Les vérifications de contenu sont toujours disponibles dans la Designer Email. Pour les afficher, cliquez sur l’icône Problèmes dans le rail de droite pour ouvrir le volet Vérification de contenu — tous les problèmes détectés y sont répertoriés.
Les contrôles sont affichés avec trois niveaux de gravité :
Lorsqu’aucun problème n’est détecté, le volet affiche Aucun problème détecté et l’icône correspondante est verte.
Selon le problème, vous pouvez afficher plus de contexte, appliquer un correctif en un clic ou enregistrer votre e-mail pour actualiser un résultat de vérification.
- Pour certains problèmes détectés, vous pouvez cliquer sur le bouton Afficher les détails pour afficher plus de contexte. Cliquez sur Masquer les détails pour réduire l’image.
- De même, vous pouvez cliquer sur le bouton Afficher le correctif et appliquer un correctif en un clic, le cas échéant. Si le correctif ne peut pas être appliqué automatiquement, un message s’affiche et vous devez résoudre le problème manuellement.
Recalcul des chèques recalculation
La plupart des contrôles, tels que les éléments HTML non pris en charge, les balises div vides et la taille d’HTML, sont recalculés chaque fois que vous modifiez votre e-mail. Ils reflètent donc toujours votre contenu actuel.
D’autres contrôles, tels que la taille de la feuille de style CSS, sont calculés à partir du contenu sérialisé (la version de votre e-mail telle qu’elle est chargée ou enregistrée), et non à partir de l’état de modification en direct dans le Designer d’e-mail. Dans ce cas, le contenu enregistré peut différer légèrement de ce que vous voyez lors de la modification. Si vous apportez des modifications sans enregistrer, un libellé Vérification obsolète apparaît pour indiquer que le résultat peut ne plus être précis. Enregistrez votre e-mail pour actualiser le calcul.
Correction des problèmes détectés fix-issues
Les tableaux ci-dessous répertorient tous les messages possibles et l’action recommandée pour chacun d’eux. Développez la catégorie correspondant au message affiché dans le volet Vérification de contenu.
| table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 | ||
|---|---|---|
| Message | Gravité | Que faire |
Votre contenu contient une balise <script>, qui n’est prise en charge dans aucun système de messagerie. Supprimez-la pour éviter des problèmes de diffusion et de rendu. |
Erreur | Recherchez et supprimez toutes les balises <script> de votre contenu HTML. |
Votre contenu contient une balise <base>, ce qui peut entraîner des problèmes de résolution de liens et de ressources dans le Designer d’e-mail. Pour corriger ce problème, vous devez le supprimer. |
Erreur | Supprimez la balise <base> de votre HTML. |
| Votre contenu contient une balise meta HTML avec renouvellement, qui n’est pas prise en charge dans le Designer de messagerie. Supprimez-le pour éviter tout comportement inattendu. | Avertissement | Supprimez la balise de méta-actualisation de votre HTML. |
| Votre contenu contient des balises div vides, ce qui peut entraîner des problèmes de disposition dans Microsoft Outlook (MSO). Pour corriger ce problème, supprimez les balises div vides et utilisez plutôt l’espacement des éléments frères. | Avertissement | Supprimez les éléments de <div> vides et ajustez la marge intérieure ou la marge sur les éléments environnants pour conserver l’espacement. |
| table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 | ||
|---|---|---|
| Message | Gravité | Que faire |
| La taille totale de CSS dépasse la limite de 16 Ko de Gmail et provoquera des problèmes de rendu dans Gmail. | Erreur | Utilisez Appliquer le correctif pour supprimer automatiquement les règles CSS inutilisées ou simplifier manuellement vos styles. |
| La taille totale de CSS est proche de la limite de 16 Ko de Gmail et peut entraîner des problèmes de rendu si d’autres fichiers CSS sont ajoutés. | Avertissement | Utilisez Appliquer le correctif pour supprimer les règles CSS inutilisées ou réduire les styles avant d’ajouter plus de contenu. |
| La taille totale de CSS de ce fragment dépasse 3 Ko. Si vous combinez cela avec d’autres fragments, le CSS total de l’e-mail pourrait dépasser la limite de 16 Ko de Gmail et provoquer des problèmes de rendu. | Avertissement | Simplifiez le CSS dans ce fragment pour conserver le CSS de l’e-mail combiné inférieur à 16 Ko. |
| Le contenu contient des règles CSS inutilisées. Cela peut entraîner des problèmes de rendu dans Gmail. | Avertissement | Utilisez Appliquer le correctif pour supprimer automatiquement les règles CSS qui référencent des éléments qui ne sont plus présents dans l’e-mail. |
| table 0-row-3 1-row-3 2-row-3 3-row-3 | ||
|---|---|---|
| Message | Gravité | Que faire |
| La taille estimée d’HTML dépasse la limite de 100 Ko de Gmail et provoquera des problèmes de rendu dans Gmail. La taille réelle d’HTML peut différer au moment de l’envoi. | Erreur | Réduire le contenu des e-mails : supprimez les éléments inutiles, simplifiez la structure ou divisez le contenu en plusieurs envois. |
| La taille estimée d’HTML est proche de la limite de 100 Ko de Gmail et peut entraîner des problèmes de rendu si d’autres HTML sont ajoutées. La taille réelle d’HTML peut différer au moment de l’envoi. | Avertissement | Simplifiez le contenu avant d’en ajouter d’autres. Les e-mails dépassant la limite de Gmail seront tronqués pour les destinataires. |
| La taille estimée d’HTML pour ce fragment dépasse 20 Ko. La combinaison de ce paramètre avec d’autres fragments peut entraîner un dépassement de la limite de 100 Ko du nombre total d’e-mails HTML dans Gmail et des problèmes de rendu. La taille réelle d’HTML peut différer au moment de l’envoi. | Avertissement | Réduisez la taille d’HTML dans ce fragment pour que la taille de l’e-mail total reste inférieure à la limite de 100 Ko de Gmail. |
À propos d’HTML et de la taille CSS size-estimation
Les valeurs de taille HTML et CSS affichées dans le Designer d’e-mail sont des estimations calculées au moment de la création. Ils reflètent la payload complète générée telle qu’elle existe dans l’éditeur à ce moment-là et incluent les éléments suivants :
- Structure HTML - tous les balises, balises, wrappers de disposition et styles intégrés
- CSS intégré - Le Designer d’e-mail intègre les styles avant le calcul de la taille, qui est standard pour les clients de messagerie, mais qui gonfle le chiffre brut par rapport à une feuille de style externe
- Contenu texte - tous les jetons de copie et de personnalisation, comptabilisés à leur longueur d’espace réservé (pas leur valeur résolue)
- Fragments - tous les fragments référencés sont développés en ligne, de sorte que chaque fragment contribue à son poids HTML/CSS total
- Blocs conditionnels (if-else) - toutes les branches sont inclus dans l’estimation de taille au moment de la création, car les conditions ne sont pas évaluées avant l’heure d’envoi
- Images - seule la référence de l’image (URL src) est comptabilisée, et non les données d’image binaires elles-mêmes
Pourquoi l’estimation peut différer de la taille diffusée size-estimate-difference
La taille affichée est une estimation de la limite supérieure dans le pire des cas, et non l’e-mail exact qu’un destinataire recevra. Il peut différer pour les raisons suivantes :
- Contenu conditionnel : à l’envoi, seule la branche correspondant au profil du destinataire est rendue. Un modèle affichant 120 Ko dans l’éditeur peut générer un e-mail de 60 Ko pour la plupart des destinataires.
- Jetons Personalization : les jetons d’espace réservé sont comptabilisés à leur longueur de jeton brute. Les valeurs résolues sont généralement plus courtes.
- Optimisation de la taille d’HTML : si l’option Optimiser la taille d’HTML est activée, les espaces, les commentaires et les caractères redondants sont supprimés au moment de l’envoi, ce qui réduit la payload finale. En savoir plus
Ce que les avertissements de taille signifient pour les auteurs size-warnings
Les avertissements de taille (par exemple, HTML dépassant 100 Ko) sont des signaux proactifs qui vous aident à optimiser votre e-mail avant l’envoi. Il ne s’agit pas de blocs durs et ils ne reflètent pas la taille exacte que les destinataires verront. Ils existent pour aider à éviter :
- E-mails coupés par Gmail, qui clipe les messages à environ 102 Ko d’HTML
- Rendu lent sur les appareils mobiles ou sur les connexions à faible bande passante
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).