Et oui, une newsletter en HTML cela n’est pas aisé ni facile, notamment à cause du support variable
du HTML et des CSS dans les multiples clients de messagerie. Une solution simple consiste à coder
en s’assurant en premier lieu de l’affichage correct dans les clients de messagerie les plus capricieux
(par exemple Lotus Notes 6); Voilà la newsletter mise en page par nos soins en Avril.
Une liste partielle des clients : Outlook2000/03, Live Hotmail,
Yahoo! Mail, Yahoo! Classic, Outlook 2007/10, Apple Mail, Apple iPhone,
Google Gmail, Lotus Notes 6/7, Lotus Notes 8.5, AOL Desk 10, Thunderbird
…
Quelques règles de base :
- Prévoir si possible les limitations dès la phase de conception, sinon acheter du bon café bien fort :)
- Ne pas compter sur le positionnement en CSS et utiliser plutôt une mise en page en tableaux HTML (!)
- Inclure les styles CSS en ligne et non dans un fichier .css externe ou dans la balise <body>
- Oublier la balise <body> qui sera remplacé par un <div> dans Gmail
- Oublier Javascript sinon la jolie newsletter passe directement en spam :(
- Déclarer les width, cellspacing et cellpadding pour tous les tableaux et toutes les cellules.
- Ne pas caser tout le contenu dans des images, utiliser du texte (beaucoup)
- Déclarer le contenu « alt » des images
- Tester, tester, tester encore et encore
….
Quelques liens:
- Le (faible) support de CCS3 dans les clients de messagerie (en Anglais)
- Rock Solid HTML Emails :)
- Utiliser les CSS dans les emails HTML (en Anglais)
- 20 conseils et pratiques et utiles pour vos newsletters (en Anglais)
- Les emails en HTML, maîtrisez la bête! :) (en Anglais)
- Email on Acid, une solution (payante) pour tester une newsletter sur de très nombreux clients.
- Le Email Stantards Project
- Le support des propriétés html dans les clients de messagerie
- des templates (gratuits) ici
