Optimiser votre messagerie pour éviter l’écrêtage de Gmail

Online Coding Courses for Kids

Si l’écrêtage est un gros problème pour votre produit (c’est probablement pour de nombreuses raisons, comprenant pure part de marché), alors vous devez vous demander si le HTML et le CSS que vous écrivez valent les octets qu’ils coûtent. Cela signifie réfléchir à des questions comme:

Suis-je en train d’écrire trop de styles? Puis-je utiliser des déclarations abrégées?

Par exemple, vous pouvez écrire:

font: normal 17px/25px Arial, sans-serif;

Plutôt que l’équivalent:

font-weight: normal;
font-size: 17px;
line-height: 25px;
font-family: Arial, sans-serif;

Ce qui vous fait économiser pas mal de caractères.

Puis-je obtenir le même résultat d’une autre manière qui utilise moins de balisage?

Par exemple, demandez-vous si vous avez vraiment besoin d’imbriquer votre code dans une autre table (je sais, parfois une autre table est la seule solution. Soupir.). Quelle est la table minimale que vous pouvez écrire pour rendre la conception qui fonctionne sur tous les clients de messagerie qui vous concernent? Si votre équipe ne s’intéresse qu’à Gmail et Apple Mail, qui sont plus indulgents qu’Outlook, vous n’aurez peut-être pas besoin d’avoir du HTML hyper-table.

Ces URL et attributs peuvent-ils être plus courts?

Si vous avez une URL qui ressemble à https://www.very-long-url.com/its-long/for-some-reason/like-with-alphanumeric-stuff, cela peut valoir la peine d’utiliser un raccourcisseur d’URL (comme Bitly) pour le raccourcir en quelque chose comme https://very.long/stuff.

Pensez également aux noms de vos classes. Peut être class="footer-container-wrapper" peut être class="ft-wrapper" au lieu? Les classes sont destinées à être utilisées plusieurs fois, alors essayez d’éviter d’avoir des noms longs.

Qu’en est-il des langages de balisage qui simplifient la création d’e-mails HTML?

Langages de balisage comme MJML faciliter la création d’e-mails, car ils font le gros travail pour s’assurer que l’e-mail s’affichera aussi correctement et uniformément que possible sur tous les clients. Ils sont vraiment bons dans ce domaine. Cependant, ces langages de balisage doivent encore être compilés en HTML simple. Par exemple, avec MJML, vous pouvez écrire:




Button


Ce qui semble simple mais se compile en une très longue chaîne de code HTML très imbriqué comme:

Et tout ce balisage s’additionne rapidement.

Essentiellement, le but ici est d’écrire le moins de HTML possible – surtout si vous créez des composants de messagerie dynamiques, comme pour une bibliothèque de composants ou un service de modèles. En règle générale, cependant, avant d’aller trop loin dans le codage et le style de votre e-mail, vérifiez si les styles que vous souhaitez utiliser sont bien pris en charge. Moniteur de campagne a un excellent guide à ce sujet. Vérifiez également votre travail dans un service de test de messagerie comme Tournesol ou Courriel sur l’acide, qui vérifiera si vos styles fonctionnent et indiquera si votre e-mail va être coupé.

Close Menu