E-mailing : les e-marketeurs livrent leurs meilleures astuces Penser à l'affichage d'un e-mail sans les images

Il est parfois nécessaire de concevoir un code HTML de qualité pour permettre un affichage correct des e-mails, quels que soient les systèmes de messagerie utilisés par les différents destinataires. Il est également essentiel d'optimiser le code de ses envois, dont l'analyse par les services de messagerie et les fournisseurs d'accès conditionnent l'acceptation ou le refus d'un message considéré comme spam.

 

S'il est recommandé d'utiliser le code HTML le plus simple possible, une petite astuce peut permettre de conserver la mise en page, que le service ou le client de messagerie ait activé ou non l'affichage des images. Elle réside dans l'intégration de la propriété CSS "display" avec l'attribut "block" (style="display:block;"). Cette propriété a pour effet d'assimiler la balise IMG (utilisée pour afficher une image) à un élément HTML de type bloc, c'est-à-dire à la manière d'un paragraphe ou d'une liste de puces, dont l'empilement sur la page est vertical et non horizontal et respecte des espacements.

exemple de la propriété 'display' et de l'attribut 'block'
Exemple de la propriété "display" et de l'attribut "block" © DR

 Cette astuce a été déposée par la société LunaWeb.