Bonnes Pratiques : Structure HTML
Simplifiez la structure HTML de vos e-mailings
Pourquoi ?
- Pour améliorer vos taux de délivrabilité.
- Pour passer les filtres anti spam.
- Pour éviter que l’e-mailing se casse en fonction de l’interprétation de chaque messagerie / webmail.
Comment ?
- Pas de feuilles de style, insérez plutôt les attributs de mise en forme au sein des balises HTML.
- Utilisez le langage HTML 4 et supérieur, et non le XHTML.
- Définissez de manière pertinente les balises <alt>, afin qu’un texte apparaisse avant vos images.
- N’utilisez pas la technologie Flash, et le code Javascript, ainsi que tout élément de programmation avancée.
- Privilégiez l’utilisation de plusieurs petites images à une seule.
- Respectez les normes en vigueur du W3C. Testez la validité de vos e-mailings : http://w3qc.org/validateur/
- Utilisez uniquement les balises <TABLE> <TR> et <TD> pour structurer vos textes et images.
- Définissez la taille des images dans le HTML et utilisez des backgrounds colors dans les tableaux et cellules afin que le message soit plus attractif. Attention à ne pas avoir une couleur de fond qui s’approche trop de la couleur du texte.
- Les images de fond (background) doivent être exclues de votre message car elles ne s'affichent pas dans certains webmails.
- Choisissez des polices systèmes : Arial, Times New Roman, Verdana, Tahoma, Comic sans MS, Helvetica. Les polices spéciales seront remplacées par défaut dans les webmails.
- N’utilisez pas de liens vers des adresses IP, ces derniers sont souvent employées par les spammeurs, préférez l’utilisation des noms de domaines.
- Testez le bon affichage des images et le bon encodage des textes de vos e-mails sur les Principaux Webmails en créant des adresses e-mail tests à insérer dans vos segments de tests.
- Envoyez des e-mailings en format "multipart", c'est-à-dire disposant d'une version texte, en plus de la version HTML. Cela est particulièrement important pour les campagnes e-mailing BtoB, dont les destinataires ne disposent pas toujours de clients de messagerie interprétant correctement le code HTML.
Contactez-nous pour obtenir plus de conseils sur la structure HTML d’un e-mailing.