Publicité
Sur Arobase.org
• 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]

Sur Atomixer.fr :
Jack Bauer : 24 heures chrono... en 1994
Sur Aussitot.fr :
Windows Live Messenger 2009 disponible en bêta
les listes de diffusion Les newsletters

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
  • permet d'enrichir la présentation, style et mise en page
  • évite les problèmes de liens tronqués dans le cas d'adresses longues (ce qui est de plus en plus le cas avec les pages dynamiques).
  • Le format n'est pas lisible sur tous les logiciels de messagerie, spécialement en entreprise.
  • lisible par n'importe quel logiciel de messagerie, y compris les plus archaïques sur station de travail ou réseaux d'entreprise.
  • léger
  • sobre (triste, diront ses détracteurs)

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.


définir le contenu de la newsletter