Avis sur conception newsletter

Discussion dans 'Administration d'un site Web' créé par illanz, 29 Décembre 2010.

Tags:
  1. illanz
    illanz WRInaute discret
    Inscrit:
    29 Décembre 2004
    Messages:
    95
    J'aime reçus:
    0
    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.
     
  2. illanz
    illanz WRInaute discret
    Inscrit:
    29 Décembre 2004
    Messages:
    95
    J'aime reçus:
    0
    Personne ?
    Bon c'est vrai qu'on est le 31 décembre... :D
     
  3. finstreet
    finstreet WRInaute accro
    Inscrit:
    10 Juillet 2005
    Messages:
    13 358
    J'aime reçus:
    2
    pourquoi en haut c'est écrit en anglais alors que toute la newsletter est en français ?
     
  4. illanz
    illanz WRInaute discret
    Inscrit:
    29 Décembre 2004
    Messages:
    95
    J'aime reçus:
    0
    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 ?
     
  5. finstreet
    finstreet WRInaute accro
    Inscrit:
    10 Juillet 2005
    Messages:
    13 358
    J'aime reçus:
    2
    t'as regardé ce que cela donnait sans les images ?
     
  6. illanz
    illanz WRInaute discret
    Inscrit:
    29 Décembre 2004
    Messages:
    95
    J'aime reçus:
    0
    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
     
  7. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    12 003
    J'aime reçus:
    128
    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.
     
  8. illanz
    illanz WRInaute discret
    Inscrit:
    29 Décembre 2004
    Messages:
    95
    J'aime reçus:
    0
    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 :
    [​IMG]

    Comment remplacer ce fond blanc avec les bandes colorées par un résultat graphiquement équivalent sans image de fond ??
     
  9. finstreet
    finstreet WRInaute accro
    Inscrit:
    10 Juillet 2005
    Messages:
    13 358
    J'aime reçus:
    2
    <td bgolor=white> :)
     
  10. illanz
    illanz WRInaute discret
    Inscrit:
    29 Décembre 2004
    Messages:
    95
    J'aime reçus:
    0
    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 :)
     
  11. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    12 003
    J'aime reçus:
    128
    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.
     
  12. illanz
    illanz WRInaute discret
    Inscrit:
    29 Décembre 2004
    Messages:
    95
    J'aime reçus:
    0
    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
     
  13. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    12 003
    J'aime reçus:
    128
    Il faut préciser l'encodage en effet, comme tout document html digne de ce nom.
     
  14. illanz
    illanz WRInaute discret
    Inscrit:
    29 Décembre 2004
    Messages:
    95
    J'aime reçus:
    0
    Pourtant j'ai bien cette ligne en haut de la page : <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     
  15. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 846
    J'aime reçus:
    217
  16. illanz
    illanz WRInaute discret
    Inscrit:
    29 Décembre 2004
    Messages:
    95
    J'aime reçus:
    0
    Je connaissais ce tableau, mais c'est clair qu'il donne le tournis...
    Je ne peux pas me résoudre à faire du 100% image, c'est tellement pas propre...
    Connais tu un seul gros annonceur qui fasse cela à part pour des campagnes promo ?
     
  17. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    12 003
    J'aime reçus:
    128
    Les newsletter d'Apple sont en 100% image il me semble.
     
  18. finstreet
    finstreet WRInaute accro
    Inscrit:
    10 Juillet 2005
    Messages:
    13 358
    J'aime reçus:
    2
    en même temps ils se contrefoutent tellement du grand public :)
     
  19. illanz
    illanz WRInaute discret
    Inscrit:
    29 Décembre 2004
    Messages:
    95
    J'aime reçus:
    0
    J'ai énormément d'a prioris négatifs sur le 100% image...
    Sans dresser la liste des inconvénients de cette méthode, si cela était une solution viable, ce format se serait imposé.
    Petite précision, ma base est exclusivement b2b
     
  20. Wefficient
    Wefficient WRInaute occasionnel
    Inscrit:
    2 Octobre 2007
    Messages:
    352
    J'aime reçus:
    0
    Je ne sais pas si t'as avancé sur ton dossier mais cela pourra servir à d'autres envois ;-)

    1) evite les classes CSS, prefere faire du css inline genre <p style=" ">
    Certains webmails font sauter les declarations de styles et après ton mail se retrouve tout nu.

    2) evite les lien avec des mailto. Mets le juste en texte et l'outil en face se chargera de le remettre en tant que lien email.
    Là tu risque l'alerte de phishing ou le spam.

    3) Evite les imbrications de tables trop nombreuses. Si tu dépasses 3 imbrications, tu prends le risque de passer en spam.
    (oui les filtres sont chiants pour de ces conneries...)

    4) Evite les map et area, cela ne passe pas partout.

    5) et oui il faut eviter le 100% image sinon les filtres se régalent. Et faut bien penser à mettre aussi sa version TXT brut dans le multipart.

    My 2 cents ;-)
     
Chargement...
Similar Threads - Avis conception newsletter Forum Date
Votre avis sur le site www.sites-conception.fr Demandes d'avis et de conseils sur vos sites 1 Juin 2009
Help : Votre avis sur ce site d'éco-conception Demandes d'avis et de conseils sur vos sites 14 Avril 2009
Avis sur le site Muscle Key Demandes d'avis et de conseils sur vos sites Hier à 10:38
Avis cleerly.fr Demandes d'avis et de conseils sur vos sites Mardi à 11:16
Avis mytripmed.com/fr Demandes d'avis et de conseils sur vos sites 1 Août 2022
Besoin de vos avis : Forum posting Netlinking, backlinks, liens et redirections 30 Juillet 2022
Avis site/blog écologie Demandes d'avis et de conseils sur vos sites 16 Juillet 2022
Avis Perlib.fr Demandes d'avis et de conseils sur vos sites 27 Juin 2022
Avis d'hébergeur web pour 15.000 visites/jour Administration d'un site Web 4 Juin 2022
Demande d'avis sur un site ;-) Demandes d'avis et de conseils sur vos sites 7 Mai 2022
Des avis sur mon site svp et échange de lien possible Demandes d'avis et de conseils sur vos sites 28 Avril 2022
WordPress Avis concernant un site. Demandes d'avis et de conseils sur vos sites 21 Avril 2022
WordPress Avis et question concernant une optimisation dû à de multiples sites Demandes d'avis et de conseils sur vos sites 18 Avril 2022
avis sur blog amateur Demandes d'avis et de conseils sur vos sites 15 Avril 2022
Update Google sur les avis produits (mars 2022) Référencement Google 23 Mars 2022
Avis inconnus récupérés par google sur GMB YouTube, Google Images et Google Maps 10 Mars 2022
Avis aux experts webmarketing BtoB : demande de conseil Demandes d'avis et de conseils sur vos sites 8 Mars 2022
Site vitrine : avis pour un néophyte Demandes d'avis et de conseils sur vos sites 29 Janvier 2022
WordPress Avis, articles réciproques, etc... Demandes d'avis et de conseils sur vos sites 7 Janvier 2022
Avis à propos de mon site olahcbd.fr Demandes d'avis et de conseils sur vos sites 4 Janvier 2022