Introduction
L'article a pour objectif d'informer l'utilisateur des bonnes pratiques à appliquer lors de la création de son HTML en vue d'un routage emailing. Un ensemble de recommandations portant sur plusieurs composants d'un email sont listés dans cet article.
Description
Une attention particulière est portée sur les éléments suivants :
- L'objet de l'email
- Le format du HTML
- Le format du texte
- Les images
L'objet de l'email
| Description de l'élément | Notre recommandation |
| Utilisation de majuscules | Non recommandé d'utiliser plusieurs lettres majuscules d'affilée |
| Utilisation d'emoji(s) ☀️ |
Non recommandé d'utiliser plusieurs emojis ou des emojis combinés au sein de l'objet. En cas d'utilisation un message d'avertissement sera affiché. |
| Utilisation de "spam words" (Gratuit, dépêchez-vous, vite !...) |
Non recommandé car relatif à des pratiques de stress timing, d'offres exclusives, de bénéfices souvent filtrées par les FAIs et navigateur web. Un message sera affiché en cas de détection de spam words au sein de l'objet. |
| Utilisation de plusieurs exclamations "!!!" | Non recommandé car assimilé à des pratiques de stress timing souvent utilisé par les spammers |
| Combinaison des éléments précédents (majuscules, emoji, spam words, exclamation) | Non recommandé car assimilé à des pratiques de spammers |
Le format du HTML
| Description de l'élément | Notre recommandation |
| Utilisation du responsive design | Recommandé |
| Largeur du HTML |
Largeur comprise entre 600 à 800 pixels |
| Largeur de la version responsive |
Largeur max à 320 pixels |
| Poids maximal du HTML | 100ko (Gmail coupera l'email en cas d'HTML dépassant les 120ko) |
| Page miroir | Recommandé pour faciliter la lecture de l'utilisateur |
| Lien de désabonnement | Recommandé d'avoir à minima un lien de désabonnement clair et concis dans la partie haute de l'email pour favoriser la désinscription de l'utilisateur des communications marketing |
| Utilisation d'une version texte | Non obligatoire mais intéressante pour augmenter le ratio image/texte |
| Utilisation de Javascript / Flash | Non recommandé |
| Utilisation d'un attribut background color dans la balise body |
Non recommandé d'utiliser d'attribut background color dans la balise body du HTML tous webmail et FAIs confondus (impact négatif notamment pour orange.fr et laposte.net) Recommandé d'utiliser des background-color |
Le format du texte
| Description de l'élément | Notre recommandation |
| Taille de police | Non recommandé d'utiliser plusieurs lettres majuscules d'affilée |
| Couleur de police |
Non recommandé d'utiliser plusieurs emojis au sein de l'objet |
| Utilisation de "spam words" (Gratuit, dépêchez-vous, vite !...) |
Non recommandé car relatif à des pratiques de stress timing, d'offres exclusives, de bénéfices souvent filtrées par les FAIs et navigateur web |
| Police | Recommandé d'utiliser les polices standards présents chez les FAIs et navigateur web : Arial, Verdana, Georgia et Times New Roman |
Le format des images
| Description de l'élément | Notre recommandation |
| Poids des images | Entre >0 et 500ko |
| Poids d'un GIF |
Entre >0 et 1mo |
| Poids total des images / GIF utilisés dans un HTML |
Plus le poids est bas meilleure sera la capacité du FAI à charger l'email dans l'inbox de l'utilisateur Il est recommandé d'avoir au maximum 1 seul GIF avec un poids important sur la totalité des images composant le HTML |
| Balise ALT (description textuelle que l'on attribue à une image) | Recommandé. Il est nécessaire d'avoir une balise ALT pour toutes les images |
| URL d'hébergement des images | Toutes les urls doivent commencer par https |
Conclusion
Il existe plusieurs leviers d'action pour optimiser la délivrabilité d'un envoi (la réputation, l'infrastructure, la gestion de la base de donnée) dont le contenu de l'email, sujet sur lequel porte le présent article. Malgré le fait que ces recommandations ne permettent pas forcément à un email de parvenir en boite de réception, il est toutefois nécessaire d'appliquer ces différentes recommandations afin d'optimiser la délivrabilité sur le volet contenu.