eclaireur.net

WebDesign & Entrepreneur 2.0

"Commencer appartient à tous, perséverer à bien peu." - Cristophe Colomb

le 27.11.2007 à 7:19

Ajouter un commentaire

Pourquoi les standards ne sont-ils pas respectés pour les emails HTML?

Cela fait quelques semaines que je me bats contre les différents webmails (Hotmail, Yahoo, Gmail...) et clients de messagerie (Outlook 2007 surtout) pour avoir un affichage correct des emailings que je réalise. Je suis venu à la conclusion rapide que pour faire un emailing propre il faut revenir à ce qu'on faisait il y a 5 ans en matière de web : en gros du code pas très propre, pas trop de styles CSS et une bonne dose de patience (pour tester tout ça).

Pauvre rendu HTML pour nos emails

Je reçois toutes les semaines des emails HTML qui ne s'affichent pas correctement (Voici un exemple avec une campagne emailing de NOKIA : img1, img2, img3, img4, img5 sources Zeldman). Je comprends le fait que tous nos clients de messagerie bloquent les images : pour éviter d'envoyer des informations à notre insu (heure de lecture, nombre de lecture). En revanche je ne conçois pas que cela soit la galère pour afficher certains styles comme une image en arrière plan (propriété Background en CSS). La gestion CSS dans les emails est devenue une grosse prise de tête, je vous invite à voir le tableau récapitulatif pour vous arracher quelques cheveux.

Ce qu'on peut dire c'est qu'aucun logiciel, ni webmail affiche les mêmes propriétés CSS. Je comprends que des webdesigners se sont résignés à ne faire que des emailings en images, cela évite de se poser des questions et surtout l'affichage c'est tout (images affichées) ou rien (ou plutôt des gros carrés en guise d'email). Le gros problème avec des emails constitués 100% d'images c'est qu'on est bien loin des considérations sur l'accessibilité.

Voici une présentation slideshare de Mathew Patterson du site Campaign Monitor réalisée pour la conférence Future of Web Design (suivez ce lien pour une explication rapide des slides).


Un projet pour la standardisation des emails

Un projet Email Standards vient d'être lancé par Mathew Patterson, David Greiner les personnes qui sont derrière le site Campaign Monitor. La même chose avait été faite à l'époque (en 1998) avec le projet Webstandards pour rendre le web accessible et cela avait amené les éditeurs de navigateur et de logiciel de création de pages Html à essayer de rendre leur rendu plus proche des standards. Nous y sommes pas forcément encore arrivés avec notamment Internet Explorer mais le chemin parcouru est tout de même énorme. Je me souviens de l'époque où l'affichage d'une page était tellement différents entre les navigateurs (IE 4 vs Netscape 3) qu'on se demandait s'il s'agissait du même fichier...

A suivre...

En tout cas ce qui est sûr, c'est que ce n'est pas demain où les emails HTML seront appréciés des clients de messagerie et autres Webmails. Et le jour on l'on pourra faire passer le test Acid Test avec succès à tous nos lecteurs d'emails, je pense qu'on pourra sabrer le champagne.

Si j'avais 3 conseils à donner à tous ceux qui comme moi passent de longues heures à faire des emails en version HTML :

  1. Allez à l'essentiel : évitez de vouloir faire un email avec une structure spéciale ou originale, il ne passera surement pas dans tout les clients. Et pensez à ce que vous faisiez avec les balises table il y a quelques années...
  2. Testez votre email sur le maximum de clients et webmails. Là c'est la partie longue...
  3. Proposez toujours une alternative texte pour donner la dimension "accessible" à votre email HTML.

En tout cas je supporte totalement l'initiative Email Standards et je suivrai de près ce qui se passe de leur coté. Pour l'instant je me mets en grève.

 

Auteur

David Marchesson est freelance développeur web & webdesigner. Il va bientôt se lancer dans l'univers des entrepreneurs Web. Il adore le net, les bonnes idées et parler de lui à la 3eme personne. Ce site sera sa balise dans cette vie digitale.

Vos réactions

  • David: Merci YOP, cet article date de mai 2007… il a donc presque 6 ans ! Je pense qu’à un moment donné...
  • YOP: Appliquez à vous-même le conseil 13: [[ les 77 principales erreurs des blogs]] : Lien mort plus trois ou quatre...
  • Laurent: Cet article en anglais présente également les nouvelles tendances pour cette année 2013 :...
  • Luciane: De trés bons conseils pour ces recherches, mais j’ai des doutes quand au bon fonctionnement de google...
  • abcdef: Bonjour, Si vous pouviez prendre quelques minutes pour remplir ce questionnaire pour mon mémoire de fin...
  • Elouma ananga Crescence priscille: je suis en étudiante en STAPS, jai des difficultés sur ma recherche je souhaite...

Partenaires

Dropbox, 2go d'espace de stockage gratuit Developpeur Freelance web developpement webdesigner

Activité

4 commentaires au total, laissez un message. Utilisez ce lien pour faire un trackback sur ce billet :
http://www.eclaireur.net/technique/pourquoi-les-standards-ne-sont-ils-pas-respectes-pour-les-emails-html/trackback/
  1. 1

    Perso je ne cherche pas à comprendre je fais mes mailing à l’ancienne, avec des tableaux.

    En gros pour que ça fonctionne il faut faire votre mail comme on faisait les sites web il y a 6ans. Un layout à base de tableau, pas de CSS et des images en liens absolus (http://www.mondomaine.com/mailing/image.jpg et non /mailing/image.jpg)

    Voilà c’est malheureux à dire mais pour faire un beau mail, abandonnez votre éditeur de texte, ressortez votre vieux Dreamweaver 2.0 et faites votre page à l’ancienne…

  2. 2

    En effet je suis sûr que si Adobe sortais de nouveau le Dreamweaver 2.0 avec comme slogan « Edition spéciale Newsletter », je suis sûr que cela pourrait marcher !

    Sinon il y a une autre option : http://code.dunae.ca/premailer.web/

    En effet ce petit outil convertit tous les styles CSS dans des styles CSS inline, à l’ancienne…

  3. 3

    Belle ressource, merci !

  1. TrackBack #1
    27 novembre 2007
    4

    [...] Pourquoi les standards ne sont-ils pas respectés pour les emails HTML? [...]

    lien : Alain Antone » Blog Archive » Pourquoi les standards ne sont-ils pas respectés pour les emails HTML?

Ajouter un commentaire

N'hésitez pas à discuter de votre point de vue. Les informations obligatoires sont indiquées par une *.

HTML accepté :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Fermer
E-mail It

Haut de page