Ce qui plait le plus dans cette newsletter, c’est la lisibilité de celle-ci lorsque les [...]]]> Parce qu’il n’y a pas que les mauvais exemple qui font grandir, voici un exemple d’emailing proche de la perfection (il y a tout de même une grosse imperfection au tableau). C’est une newsletter du site d’e-commerce Shoes.com.

Ce qui plait le plus dans cette newsletter, c’est la lisibilité de celle-ci lorsque les images ne sont pas affichées. C’est vraiment un exemple de la bonne utilisation des balises ALT et du styling. Evidemment, la capture ci-dessous est faite dans Gmail, le résultat n’est sans doute pas aussi bluffant dans Outlook.

Alors qu’à beaucoup de point de vue cette newsletter est exemplaire, un gros point noir vient tout de même entacher le tableau, c’est l’absence totale de version texte de l’email. Autre point négatif, c’est le mauvais ration text/image. Ces deux points sont clairement en défaveur d’une bonne délivrabilité.

Fiche d’identité

Informations génériques sur l’email :

• Subjectline email 1 : Last Day! Extra 25% Off Sale Shoes & Boots During Our Anniversary Sale
  
• From : Shoes.com <shoes@email.shoes.com>
• Preheader : Anniversary Sale – Last Day to Save!
• Plateforme de routage : Yesmail

Checklist :

• Lien de vie privée : OK
• Lien de désinscription : OK
• DKIM : OK
• Version texte : KO
• Ratio texte/image : Bof
• List-unsubscribe : OK
• Friendly reply : OK

Capture d’écran de la newsletter

Et là ! C’est la catastrophe, au premier coup d’œil … sans les images affichées, 21 fois le même ALT-tag placé sur presque toutes les images contenues dans l’e-mail !

Voici à quoi la newsletter aurait pu ressembler sans [...]]]> Cette semaine, nous allons faire un petit tour du propriétaire de la newsletter envoyée par Esprit.

Et là ! C’est la catastrophe, au premier coup d’œil … sans les images affichées, 21 fois le même ALT-tag placé sur presque toutes les images contenues dans l’e-mail !

La newsletter Esprit sans les images

Voici à quoi la newsletter aurait pu ressembler sans les ALT-tags (elle ressemble d’ailleurs sans doute à ça dans certains clients email) :

La newsletter Esprit sans les images ... et sans les ALT-tags

Bon, ok, ce n’est pas sexy pour autant !

On ne le rappellera jamais assez, le ALT-tag sert à afficher du texte alternatif lorsqu’il est impossible d’afficher une image. Mais il faut que celui-ci ait du sens, qu’il décrive l’image qu’il remplace si celle-ci était porteuse de sens.

Voyons maintenant à quoi cette newsletter ressemble avec les images affichées :

La newsletter Esprit avec les images

C’est malheureux ! Il y a plein de texte dans ces images qui aurait pû être transformé en HTML. Cela aurait amélioré le scoring des filtres anti-spam et aurait amélioré la lecture. Pauvre Call-to-action aussi … sans relief et sans soulignement.

A noter aussi, le preheader qui est en anglais alors que la newsletter est en français.

Gros point noir aussi, la version texte qui dit ceci :

Pour vous montrer l'univers ESPRIT et nos collections, il faut des images.
C'est pourquoi nous envoyons notre Newsletter uniquement en format HTML. Si
votre navigateur n'affiche pas les images, cliquez ici: lien

Heeuu, là je suis décontenancé ! C’est vraiment très dynamique comme texte, proche des gens, … mais ça risque de ne pas être apprécié par les filtres anti-spam (le nerf de la guerre).

Une note positive pour terminer : une question de segmentation

Parce qu’il y en a une tout de même dans cette newsletter.

La newsletter Esprit : Question de segmentation

Voici qui est tout de suite beaucoup plus innovant et dans l’air du temps ! Esprit profite de sa newsletter pour tenter une segmentation plus fine se sa cible en posant une question simple mais capitale pour eux : Collections Hommes ou Femmes – à quelle newsletter souhaiteriez-vous vous abonner ?

On verra si cela sera suivi d’une action spécifique !

Votre œil de Lynx aura sans doute détecté une autre erreur, et c’est dans le sujet de l’email qu’il faut la trouver :

Découvrez quelle célébrité partage vos goûts [...]]]> Gagner une année de cinéma gratuit, c’est tentant ! Mais pour ça il faudrait encore pouvoir cliquer sur le lien de participation au concours :

L'email sans les images affichées

Votre œil de Lynx aura sans doute détecté une autre erreur, et c’est dans le sujet de l’email qu’il faut la trouver :

Découvrez quelle célébrité partage vos goûts cinématographiques et remportez 1 un de cinéma gratuit

Pas de chance, il va falloir être plus attentif lors de tests ! Bon, d’accord, il ne manque qu’une seule lettre …

Pour pousser le vice un peu plus loin, cette subjectline n’est pas très bien balancée, l’incitant principal est placé à la fin, voici qui aurait sans doute été mieux : 1 an de cinéma gratuit en découvrant quelle célébrité partage vos goûts cinématographiques.

Pas terrible non plus cette version texte dans laquelle on trouve du code html :

La version texte de l'Email

Avec les images affichées, voilà un call-to-action qui gagnerait à être placé plus haut dans le design de l’email. On ne peut pas non plus dire que le preheader soit particulièrement optimisé.

L'email avec avec les images affichées

Merci à @chacsam pour ce Badsender de la semaine.

Essayez : Deux campagnes d’emails offertes !

Il faut au moins respecter quelques règles de base de l’email marketing … ou alors il faut vraiment prendre les gens pour des c**s !

Voici ce que donne l’email sans les images [...]]]> Brrrr, ça fait froid dans le dos. Quand on a une subjectline comme celle-là :

Essayez : Deux campagnes d’emails offertes !

Il faut au moins respecter quelques règles de base de l’email marketing … ou alors il faut vraiment prendre les gens pour des c**s !

Voici ce que donne l’email sans les images affichées : C’est un peu léger

La version sans images

Très beau aussi, c’est la phrase qui a été placée dans la version texte de l’email: Ah ben oui, évidemment, on n’y avait pas du tout pensé …

La version texte

Et le clou du spectacle, le design de l’email, son message … de grands professionnels de l’email marketing :

Avec les images affichées

Notez le lien de désinscription qui est lui aussi 100% en image, extrêmement classe !

C’est d’autant plus dommage que le design de l’email n’est pas mauvais sur le plan visuel … mais pas vraiment adapté à l’email marketing !

Mais une erreur très courante est justement de donner trop de place aux images, jusqu’à oublier que certains clients mails bloquent les images par défaut. Résultat, la première [...]]]> En emailmarketing, un des défis est de donner envie de cliquer à l’internaute. Pour se faire, les emails sont toujours plus beaux, plein de couleurs, d’images, etc.

Mais une erreur très courante est justement de donner trop de place aux images, jusqu’à oublier que certains clients mails bloquent les images par défaut. Résultat, la première chose qui est visible à l’ouverture d’un mail reste le texte html. C’est pourquoi il faut essayer tant que possible de ne pas mettre de texte dans les images lorsque l’on fait de l’emailmarketing.

Voici quelques exemples :

Le PMU vous offre 30 euro, mais pas de contenu dans son email !

Pour commencer, voici ce qu’il ne faut absolument pas faire. Un email avec une seule image qui reprend la totalité du contenu. Sans image affichée, impossible de comprendre le message (mis à par la subjectline). C’est d’autant plus dommage qu’il y a dans l’image plusieurs phrases de texte qui auraient pu être écrites en html.

Gagnez un séjour oenologique en Bourgogne : texte blanc sur fond blanc

Ici, le problème est différent. En créant son email, le designer/developpeur a bien prévu de mettre du texte html dans sa création. Malheureusement, c’était sans compter sur certains détails techniques. En effet, la couleur du texte html utilisée dans cet email est le blanc. Mais comme certains clients email suppriment la couleur de fond des mails, cela donnera dans certains cas du texte invisible (ici chez Gmail). Attention aussi, Outlook 2007 n’accepte plus les images en background.

Factory Lingerie : Un email avec uniquement du texte mais intégré dans une image

D’accord, le texte qui est contenu dans l’image de la newsletter de Factory Lingerie est stylisé, mais il n’en reste pas moins domage que l’on ne puisse pas voir le mondre extrait du contenu sans charger les images. Il y aurait certainement eu moyen de passer une partie du texte directement dans le code html.

Le bon exemple, la fête des pères chez Just For You

Après trois exemples de ce qu’il faut essayer d’éviter, voici une réalisation à prendre en exemple. La totalité du message est visible sans devoir afficher les images. Une fois affichées, ces dernières viennent enrichir le texte sans prendre sans place. Seul bémol, le Call To Action est uniquement visible en affichant les images !

Et pour finir, la newsletter de Chic Dressing, un exemple à suivre

En version texte ou avec les images, la newsletter de Chic Dressing est un excellent exemple d’emailing avec beaucoup de contenu et qui reste lisible sans les images.

Conclusion

On l’a vu, il y a du bon et du moins bon en matière d’utilisation des images dans les emails. Il ne faut jamais perdre de vue qu’il y a deux grands buts en emailmarketing, faire passer un message ou faire cliquer ! Si vous perdez déjà une partie de votre potentiel parce que le message ou le call to action ne sont pas visibles sans images, il y a certainement des améliorations à apporter à vos emails.