Comment coder ses emails en HTML ? Les bonnes pratiques !

Maxence Cupper — Thu, 05 Aug 2010 09:30:42 +0000

Voici quelques trucs de base à respecter :

Simple, léger, sans excès d’images

N’essayez pas de transposer un site web dans un email. Les espaces utiles ne sont pas les mêmes et dans la majorité des cas, par défaut, les images ne s’affichent pas.

Veillez donc à placer vos articles sur la gauche, à ne pas intégrer d’informations nécessaires à la compréhension ou à la lecture de votre newsletter dans les images, et remplissez bien la valeur ALT de ces dernières.

Vos images sont décalées dans Hotmail ? il affiche des espaces intempestifs ? Le workaround consiste à ajouter style=”display: block;” dans le tag img.
(http://www.viget.com/inspire/hotmail-image-problems-in-html-emails/)

Travaillez avec des tables

La multiplicité des clients mails, et le fait que certains d’entre eux affichent un dédain évident pour la méthode de rendu des compos en HTML, il va vous falloir revenir aux bonnes vieilles tables.

Si vous travaillez avec un fond de couleur, vous veillerez à intégrer toute votre compo dans une table, et y appliquerez la couleur de fond (bgcolor). En effet, si vous n’appliquez cette valeur qu’au body, elle n’apparaitrait pas dans les webmails…

Privilégiez le inline css

Idéalement, vous veillerez à utiliser de l’inline css. Donc style=”…” plutôt que class=”…”. Et si pour des raisons pratiques il est plus simple d’utiliser des classes malgré tout, définissez les dans le body et non dans le header. Ce dernier n’est pas pris en compte par les webmails.

Dernière chose, limitez vous au formatage des éléments. Seule une petite partie des fonctions sont interprétées correctement par l’ensemble des clients mails.

Testez votre compo !

Il vous suffit d’ouvrir un compte mail auprès des principaux webmails (Gmail, Hotmail, Yahoo…) et d’ajouter ces adresses à votre liste de distribution des tests. Vous verrez, c’est parfois surprenant.

Ah oui, n’oubliez pas Outlook 2007 et suivants ! Microsoft étant toujours convaincu que Word est le meilleur éditeur HTML du marché, c’est ce dernier qui est utilisé pour lire les mails en HTML. Du coup, pas d’image en background, les 3/4 des commandes css qui ne fonctionnent pas… Mais ça reste un client mail très répandu et donc quasi incontournable, surtout en B2B.

Calculez vos conversions avec Google Analytics

Les statistiques de votre logiciel d’email marketing vous donneront des indications précieuses quant aux performances de vos campagnes. Mais celles-ci se limiteront toujours au comportement des destinataires par rapport à vos emails. Mais une fois sur le site, qu’en advient-il ?

Il existe pour se faire un outil très simple offert par Google Analytics, l’URL builder. Vous ajoutez à vos liens les paramètres de la campagne, et vous pourrez ensuite isoler le comportement des destinataires de cette dernière sur votre site, le nombre de conversions réalisées…

Certaines plate-formes d’email marketing intègrent déjà cette fonction en native. Sur emailR par exemple, il vous suffit de cocher la case signifiant que vous utiliser Google Analytics, et tous vos liens seront automatiquement taggés. C’est plus facile…

Autres liens intéressants:

La deliverability, en e-mail marketing, c’est le nerf de la guerre

Jean Pierre de Beys — Sat, 16 May 2009 13:20:51 +0000

Malheureusement, aujourd’hui encore, la majorité des négociations de contrats pour le routage d’emails tournent autour du fameux CPM (coût par mille). C’est certes un indicateur intéressant, mais de quelle garantie réelle disposez-vous pour vous assurer que les emails achetés seront bien acheminés vers les destinataires ?

Honnêtement ? Aucun.

J’en veux pour preuve que certains des principaux acteurs, y compris parmi les leaders du marché, affichent des scores de deliverability qui relèvent de l’amateurisme.

Nous avons en effet comparé le « sender score » des différents fournisseurs de solution d’e-mail marketing, et nous avons constaté d’énormes différences. EmailR caracole fièrement en tête avec un score de 96 alors que certains autres affichent des résultats de 25 !

En quelques mots, Sender Score rassemble des informations collectées par 60 millions de boites mails disséminées chez la plupart des ISP, et agrège les informations de manière à évaluer un score entre 0 et 100 pour chaque émetteur d’email. Un résultat moyen se situe entre 50 et 70. Au dessus de 70, on peut considérer que c’est un très bon score, mais en dessous de 50, c’est définitivement mauvais !

Vous désirez de plus amples informations sur le « sender score » du serveur employé pour vos campagnes ? Ajoutez simplement l’adresse “senderscore@emailr.com” à votre liste de distribution, et je vous ferai parvenir le rapport.