Dernièrement, j’ai réalisé des newsletters. « Wo l’autre hé ! Facile la newsletter ! Tu vas pas nous faire un billet pour ça ». Bha si. La newsletter vaut bien un billet car ce n’est rien d’autre que le cauchemar du wedesigner. Souvenez-vous des belles années d’avant 2000, à l’époque des IE5 et NEtscape, où il fallait faire quasiment un site par navigateur. Et bien aujourd’hui, en 2009, les clients mail, c’est pareil. Voici donc une une checklist de bonnes pratiques à suivre pour réaliser une newsletter bulletproof qui passe sur tous les clients mail, webmail compris.

Si jamais il s’avère que j’ai oublié quelque chose dans cette liste, n’hésitez pas  à me le faire savoir dans les commentaires.

Mise en page

  • Mise en page en tableaux
  • Style inline – le plus sûr ou dans le head. Pas d’appel de css
  • Ajoutez un tag container div id= »container » juste aprè le tag body et comencez toutes vos déclarations de style (si vous les mettez dans le « head ») par #container nomdutag. Certains clients webmail suppriment tout simplement les déclarations qui commencent pas un « . » ou par une lettre.

Accessibilité

  • Oubliez tout ce que vous savez sur l’accessibilité sur le web. Le monde de l’emailing est encore un no man’s land de l’accessibilité. Mise en page en tableaux avec un code absolument pas sémantique. Seul impératif : en haut de votre newsletter, ajoutez le lien Des problèmes pour lire cet email ? Consultez la version en ligne qui renvoie vers une page html, hébergée sur un serveur, copie conforme de la newsletter envoyée.
  • Prévoyez d’envoyer une newsletter au format texte pour les messageries qui ne tolèrent pas le html. La plupart des outils d’emailing proposent cette option.
  • Si vous spécifiez une couleur de police claire (ex: #fff) assurez-vous que le fond de l’élément dans lequel se trouve votre texte soit foncé, même si vous appelez une image de fond. Il se peut que celle-ci ne soit pas chargée et dès lors, le texte ne sera pas visible.

Contraintes légales

N’utilisez que des adresses email que vous avez le droit d’utiliser. Ca tombe sous le sens mais il est toujours bon de le rappeler. Voici les principales règles à respecter lors de la récupération d’emails :

  • les adresses doivnet avoir été récupérées via un formulaire sur votre site
  • les utilisateurs doivent avoir coché la case opt-in sur votre formulaire d’inscription. Pour les petits malins, cette case ne doit pas être cochée par défaut. Pour plus d’infos sur l’optin et l’optout, je vous renvoie sur l’article de Snipemail, Emailing : définitions de l’Opt-in et de l’Opt-out.
  • vous avez le droit d’utiliser des adresses de clients qui ont acheté un produit  (ou une prestation) chez vous au cours deux dernières années
  • Si quelqu’un vous donne sa carte de visite, vous pouvez utiliser son mail à condition de lui voir bien expliqué qu’il pourrait recevoir des emails de votre part.

N’oubliez pas d’ajouter un lien de désinscription en bas de la newsletter.

Images

  • Pas d’images de fond sur le tag body : certains webmails suppriment tout simplement le tag body. Votre imagen’apparaîtra donc pas.
  • Utilisez des nom d’images abrégés (ça fait gagner quelques octets)
  • Spécifier la taille (width et height) des images. Si par malheur vous avez un attribut alt un peu long, c’est le texte de l’attribut – ou bien le nom de l’image – qui s’affichera dans les clients mail qui n’auront pas téléchargés les images. Pour peu que vous ayez un texte à rallonge, ça peut éclater la mise en page.
  • Les images doivent être hébergées sur un serveur (et pas en local – riez pas ça arrive souvent)
  • Les adresse doivent être en absolu (http://www.monsite.com /image.gif et non /image.gif)
  • Si vous avez besoin d’afficher des images de fond (background: url(adresse de l’image)) faites le en style inline : <table style= »background-image: url(adressedemonimage.gif);> et pas dans le head de votre fichier. Je sais c’est moche mais msn par exemple n’affiche que les images de fond déclarées en style inline.

Polices

  • Spécifiez les tailles en pixel (et non en em ou %)

Outils

Vous pouvez utiliser un outil open source genre poMMo ou PHPlist mais le nerf de la guerre dans le marketing direct online, c’est la délivérabilité. Si votre site est sur un serveur mutualisé, ne vous étonnez pas de recevoir de nombreux retours de la part des principaux FAI comme quoi votre mail n’a pas été délivré car identifié comme Spam (Free est spécialiste en la matière). Pour éviter cet écueil, la solution la plus simple est d’utiliser des outils d’emailing en ligne type campaign monitor, Newsberry ou Snipemail.

Contenu

Vaste sujet que je ne traiterais pas ici. Pour des infos pertinentes là-dessus, je vous invite à consulter la série d’article de Ecrire Pour le Web sur le sujet :

Et si ça ne vous siffi pas, vous pouvez aller faire un tour sur mon delicous aux tags newsletter et emailing.