Une « newsletter » ou « lettre d’information » est un document permettant de regrouper toutes les nouveautés, l’actualité etc… d’une entité telle qu’une entreprise ou une association. Beaucoup utilisée sur internet, cette dernière est envoyée par courriel à une liste d’inscrits. Elle est donc très pratique pour informer à grande échelle et permet de ne pas se faire oublier.
Des lettres d’information complexes
La mise en œuvre d’une newsletter reste néanmoins complexe à mettre en page à cause de restrictions techniques imposées par les différents moyens de consultation de courriel :
- les clients de messagerie : Outlook, Mozilla Thunderbird etc…
- les nombreux webmails : Windows Live Mail, Gmail, Yahoo etc…
Ces derniers offrent en effet un support plus ou moins médiocre des standards web. Le plus mauvais élève étant Outlook 2007 : contrairement aux versions précédentes, ce dernier utilise le moteur de rendu HTML de Word, bien moins performant que celui d’Internet Explorer. Outlook est donc en régression en terme de rendu HTML, comme nous le montre le tableau proposé par campaignmonitor.com.
Notez qu’Outlook 2003 et inférieurs, ne sont pas exempts de défauts : en utilisant le moteur HTML d’Internet Explorer, ils héritent également des nombreuses lacunes du moteur de rendu de ce navigateur…
Le dynamisme est aussi absent. Exit donc les animations Flash, applets Java et autres effets utilisant du javascript (transitions, zoom etc…). Cela notamment pour des raisons de sécurité.
Tout cela limite grandement les possibilités d’intégration et donc, les libertés dans le design et la mise en page. Il convient donc :
- d’utiliser de très vieilles techniques de codage HTML en vigueur dans les années 1990 : la majorité des clients de messagerie et webmails supportent ce langage,
- d’utiliser une mise en page simple afin de s’assurer que la majorité des inscrits puissent voir la lettre telle qu’elle à été conçue.
De belles newsletters HTML malgré les contraintes
Vous avez sans doute déjà reçu une newsletter dont la mise en page est complexe (exemple : eBay). Ce type de newsletters utilise la balise HTML <map> permettant de définir des zones cliquables sur une image. Il est donc possible de créer une lettre d’information constituée d’une seule et même image. Cette dernière offrant plus de possibilités car elle a été créée au moyen d’un logiciel dédié.
La mise en œuvre de cette méthode requiert des compétences spécifiques :
- Utilisation d’un logiciel de création d’images tel que Photoshop ou GIMP pour la création visuelle.
- Connaissances en HTML pour l’intégration de la balise MAP.
Mais encore :
Général :
- Le poids total doit être inférieur à 150ko images incluses.
- L’intégration doit se faire en tableaux html, et non en xhtml/css.
Objet de l’e-mail :
- Pas de caractères spéciaux (‘ ?’, ‘ !’, accents, ‘ç’, ’@’ …).
- Pas plus de 30 caractères.
- L’objet ne doit pas être écrit uniquement en majuscule.
Contenu :
- L’e-mailing ne doit pas être composé uniquement d’une image seule.
- Les mentions légales et le lien désabonnement doivent IMPERATIVEMENT être intégrés.
- Il faut éviter d’utiliser le terme ‘‘cliquer ici’’ mais plutôt ‘‘cliquer sur ce lien’’.
- La taille de la police ne doit pas être supérieure à 16 (format Word).
Code :
- La création doit être intégrée dans un tableau global <table> avec un « cellpadding » de 5.
- Pas de « colspans » dans le tableau.
- Les tailles des cellules doivent être définies précisément (Par ex. : pas de pourcentages).
- Les liens URL doivent être correctement intégrés dans les balises <HREF>.
- Balise ALT pour toutes les images contenant du texte.
- Pas de javascript.
- Pas de Map Area.
- Pas de feuille de style (CSS) dans les balises <HEAD>, mais insérer des <Style> dans les cellules (<TD>).