Voici quelques lettres d'information qui ont retenu notre attention pour leur contenu et/ou leur mise en page.
Lettres en HTML :
Le Journal du Net (largeur : 740, poids : 24 Ko)
LeFigaro.fr (20 Ko)
CNET | News.com, quasi-parfaite (27 Ko)
Lettres en texte brut :
La lettre Actu moteurs du site Abondance.com
Publicité
Composer un e-mail au format HTML
Sur le Web
La newsletter, outil de communication associatif sur Educ-pop.org
Comment améliorer l'ergonomie de sa newsletter [JdNet]
33 templates gratuits de newsletters [Campaign Monitor]
Les 10 meilleures extensions Firefox pour l'e-mail
Le blog du mail
Nouveau : décorez Gmail avec les thèmes [20/11]
Mise à jour de Thunderbird [20/11]
Zenbe : le webmail nouvelle génération [19/11]
Windows Live Messenger 2009 disponible en bêta
Mettre en page une lettre d'information
Nos conseils pour réussir votre composition.La mise en page d'une newsletter est un exercice difficile. Il faut non seulement que la forme soit agréable, mais que le courriel soit lisible par tous les abonnés, qu'ils utilisent un logiciel classique, une messagerie antédiluvienne ou un webmail. Soyez bien attentifs !
Le texte brut ou le HTML ?
Difficile de trancher entre les 2 formats, chacun a ses avantages et inconvénients.
| Le HTML | Le texte brut |
|---|---|
|
|
Aujourd'hui la grosse majorité des lettres d'informations sont au format HTML, mais l'idéal est d'envoyer un courrier contenant simultanément les 2 versions : une version text/html et une version text/plain. C'est ce que permet le protocole MIME via le le multipart. Si le logiciel de messagerie ne peut pas afficher la version HTML, il affichera automatiquement la version texte : sympa, non ?
Composer un e-mail au format MIME multipart/alternative
En pratique, votre "double" e-mail (texte brut + HTML) devra se présenter comme suit :
From: xxx <xxx@bidule.fr>
Subject: xxx
MIME-Version: 1.0
Content-Type: multipart/alternative; boundary="-----1234567"
-----1234567
Content-Type: text/plain; charset=iso-8859-1 Content-Transfer-Encoding:
8bit
(ici votre contenu au format texte brut)
-----1234567
Content-Type: text/html; charset=iso-8859-1
Content-Transfer-Encoding: 8bit
(ici le code source de votre page HTML)
C'est vous qui fixez arbitrairement la valeur de la chaîne boundary : elle sert uniquement de séparateur. Vous devez juste éviter que cette chaîne de caractère soit présente dans le contenu de votre e-mail.
Composer une newsletter en HTML
Si l'on ne dispose pas d'un outil dédié, la façon la plus simple de composer la letrre est d'utiliser un logiciel d'édition HTML (comme DreamWeaver) et de copier-coller le code dans le message que vous envoyez aux abonnés.
Vous devez respecter quelques consignes :
- La largeur : aujourd'hui la taille standard des écrans
permet l'affichage de newsletters mesurant 700 pixels de large. Si
cela vous paraît trop grand, optez pour du 612.
- La hauteur : pas de limite. N'oubliez pas cependant que les
premiers 300 pixels s'affichent dans le panneau de visualisation des
logiciels : vous y concentrerez donc ce qui donnera envie à
vos lecteurs d'aller plus loin.
- Le poids : idéalement, ne dépassez pas
30 Ko (hors images). Votre newsletter sera ainsi rapidement chargée.
- La mise en page : Nous vous conseillons une mise en page
HTML, utilisant des tableaux pour le colonnage. Evitez l'utilisation
des feuilles de style CSS pour le positionnement et préférez
les déclarations CSS à l'interieur du code (et non pas
avec appel à un fichier CSS externe). Même si leur usage
se répand, tous les logiciels de messagerie et tous les webmails
(dont Gmail) ne sont en effet pas capables d'interpréter les
feuilles de style correctement. Si vous désirez vous aventurer
dans le CSS pour la mise en page, allez lire auparavant Quand
CSS et Courriel s’embrassent sous le gui sur Pompage.net
ou HTML
emails, taming the beast sur ThinkVitamine.com.
- Les images : évitez d'envoyer les images en pièce
jointe ou incorporées (embedded). Mettez-les donc en
ligne sur votre site Web et utilisez les adresses absolues (http://www.bidule.fr/img/img1.gif)
dans le code source de votre courriel.
- Le format : n'oubliez pas de placer un doctype ( <!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">)
et n'hésitez pas à valider votre document auprès
du Validator du
W3C.
- La sécurité : n'oubliez pas de placer votre fichier HTML sur votre serveur Web pour pouvoir placer un lien de secours dès le début de votre newsletter.
Pour la pratique, consultez la page Composer un e-mail au format HTML
Composer une lettre en texte brut
Pas de contrainte particulière pour une lettre d'information
en texte brut. N'hésitez pas à utiliser les caractères
spéciaux (comme >, # ou /) pour mettre en valeur les titres
ou les informations importantes et n'abusez pas des majuscules.

