eclaireur.net

WebDesign & Entrepreneur 2.0

"On voit de la flamme aux yeux des jeunes gens, mais dans l'oeil du sage on voit de la lumière." - Victor Hugo
  • Webapps - Annuaires des applications et sites web 2.0
  • Discussions - Forums de discussions, de débats et d'entraide
  • Liste des modules netvibes
  • Les billet autour du navigateur Mozilla Firefox

le 27.11.2007 à 7:19

1635 lectures

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’). 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 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 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 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.

Si vous avez trouvé cet article intéressant, abonnez-vous gratuitement au flux RSS d'eclaireur ou bien par email.

Auteur

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

Suivez ce blog

Si ce blog vous plait, abonnez-vous. Ce flux RSS permet de recevoir en utilisant un lecteur les dernières nouvelles de ce site.

Recevez les billets par email

Derniers commentaires

  • Tek: Merci pour cet article, ça m’a permis de prouver à quelqu’un qu’on pouvait à la fois...
  • jeanne: J’aime beaucoup votre site et je vous remercie de vos bons conseils. Il y a une seule petite erreur....
  • aSKer: Je me pernet un petit déterrage pour signaler la galerie: http://css.wearethebuzz.com C’est...
  • Kim Auclair: À mon avis, personne n’est ““pro” de l’entrepreneuriat “. On a et on aura...
  • Jay: cool j’avais pas vu, merci beaucoup !!!
  • Scienceo: Quelle liste intéressante !…et bien hiérarchisée ! Que du bon !

Partenaires

Ziki Text Link Ads 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>

Recherche

Chercher dans les archives à l'aide des catégories ou directement en tapant un mot ci dessous.

Liens delicious

Lecteurs récents

Flickr stream

ClemJulietteDaveClem & Juliette
Fermer
E-mail It

Haut de page