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: