Avis sur conception newsletter

[illanz]

Bonjour à tous,

J'aimerais SVP avoir votre avis sur la conception (design, code, etc) de cette newsletter B2B que je m'aprette à envoyer à mes contacts pro à intervalle régulier. Le contenu sera modifié en fonction de mes actualités.

http://illanz.free.fr/newsletter


Concernant le routage, j'utilise les services d'emailvision avec un sender personnalisé et déclaré auprès des FAI.

Ma question en concerne donc uniquement le document. Par exemple, tout le fond repose sur un fond blanc nommé bg.jpg et j'ignore si cela est une bonne idée. Par ailleurs, quid du JPG VS GIF, etc...

Merci de vos avis éclairés sur la propreté du code et autres conseils d'optimisation.

[illanz]

Personne ?
Bon c'est vrai qu'on est le 31 décembre...

[finstreet]

pourquoi en haut c'est écrit en anglais alors que toute la newsletter est en français ?

[illanz]

pourquoi en haut c'est écrit en anglais alors que toute la newsletter est en français ?

héhé bien vu, les liens pour la version en ligne et pour le unsubscribe n'ont pas encore été personnalisés... Ce sont les restes d'un ancien template en anglais...

Sinon quelque chose d'autre ?

[finstreet]

t'as regardé ce que cela donnait sans les images ?

[illanz]

J'ai une version texte qui est programmée pour s'afficher si la version HTML n'est pas prise en charge.
Par ailleurs, je vais rajouter des balises ALT pour chaque image afin de ne pas laisser de croix rouges

Mes question concernent plutôt le code, le format des images, etc...
Merci

[UsagiYojimbo]

Avoir utilisé des tableaux, c'est déjà une bonne idée, mais as-tu essayé de désactiver le javascript et le css pour voir comment, dans le pire des cas, va apparaître ta newsletter ? C'est pas forcément très beau.

Et pour ce qui est du fond blanc, j'aurai plutôt fait un tableau principal à trois colonnes, avec une colonne principale en fond blanc, plutôt qu'une image de cette taille.

[illanz]

Tout à fait d'accord d'autant qu'en testant la newsletter, je m'apperçois que outlook 2003/2007 n'accepte pas les images de fond.
Résultat :


Comment remplacer ce fond blanc avec les bandes colorées par un résultat graphiquement équivalent sans image de fond ??

[finstreet]

<td bgolor=white>

[illanz]

Oui mais siu tu regardes bien sur la version en ligne, il y a des bandes de couleur placées à gauche et droite du container blanc (bg.jpg).
N'étant pas un as du HTML, est-ce qu'il sera facile de les replacer ?
Sinon plus généralement, quel poids éviter de dépasser ? Actuellement les images font 180ko.
Faut-il préférer du gif au jpg ?
Enfin a quoi servent les spacer.gif ?

Merci et bonne année

[UsagiYojimbo]

Dans mon post, je te suggérait un découpage basé sur un premier tableau de 3 colonnes, à largeur fixe, qui contiendraient en image (pas de fond) tes bandes de couleur. Le spacer.gif est habituellement un fichier gif de 1x1 px transparent, qui sert à verrouiller les largeurs de certaines colonnes quand on utilise une mise en forme à base de tableaux.

Quand à la préférence gif / jpg, tout dépend du type de tes images. Déjà je n'utilise perso plus le gif, je lui préfère le png. J'utilise le jpg pour les photos, et le png pour le reste (images d'illustrations, icônes, etc.), sachant que le png et le gif gèrent la transparence alors que le jpg non.

[illanz]

Merci bcp pour ces conseils, je vais faire une petite synthèse à destination de mon graphiste pour me pondre un V2 irréprochable !
Dernière question, sur la version en ligne, les accents et apostrophes apparaissent correctement mais lorsque je les upload dans ma plateforme d'emailing, ils se mettent à déconner. Faut-il spécifier quelque chose dans le code afin d'afficher proprement les accents et autres caractères spéciaux ?

thanks

[UsagiYojimbo]

Il faut préciser l'encodage en effet, comme tout document html digne de ce nom.

[illanz]

Pourtant j'ai bien cette ligne en haut de la page : <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

[Marie-Aude]

Je me suis déjà arrachée les cheveux sur une newletter et j'ai fini par comprendre pourquoi beaucoup font "images seulement"

http://www.campaignmonitor.com/css/