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