Améliorer la présentation d’un message mail

Par Maurice Largeron

Consultant Formateur Marketing Digital chez MLConseil depuis 2011. Agence Google Partner. Organisme Certifié Qualiopi.

26 juin 2017

Les derniers chiffres de Radicati sur le marché de l’email 2017-2021  sont sans appel. Tant en termes d’utilisateurs que de chiffre d’affaires généré. 3.7 Milliards de personnes utilisent l’email et ce chiffre passera à 4.1 d’ici 2021, c’est un marché à 23.8 milliards d’euros. Tous les jours, 269 milliards de mail sont échangés en 2017 ! Bon alors l’email est encore bien présent, tant qu’il restera le canal d’authentification principal, seul les nouveaux usages de reconnaissances biométriques qui bypass l’email, pourront faire infléchir ces chiffres sans cesse en croissance. Nous passerons sur les points techniques de délivrabilité évoqués ici et de gestion des données vus dans cet article pour se concentrer aujourd’hui, sur les aspects principaux html de rédaction-présentation des contenus et des “codes” marketing !

Eléments principaux pour une bonne présentation des emails

Bien sûr toutes les plateformes font tout cela très bien et automatiquement. Mais si l’on est curieux et améliorer son expertise sur ce qui construit une bonne campagne emailing, il est intéressant d’avoir une vue globale pour le marketeur des différents points qui peuvent améliorer la qualité du message.

  • Ne pas dépasser les 550 Pixels de large l’ensemble du document
  • Essayez d’avoir un rapport texte & image à 50/50
  • Envoi Mime MULTIPART/ALTERNATIVE : 2 version html et texte brut, cet outil est pratique (https://templates.mailchimp.com/resources/html-to-text/)

Adapter plus précisément son html  à l’ensemble des clients mail 

  • Utiliser les tableaux (on revient en arrière avec l’email, normal, c’est le plus ancien levier en ligne ! ), éviter les  div flottantes pour affichage en colonnes multiples
[php] <!– Exemple de style avec un tableau et style inline –>
<table>
<tr>
<td>
<img src="http://monsiteweb.fr/photo.jpg" width="150" height="45" alt="Bienvenue sur ma belle newsletter" style="display:block">
</td>
<td>
<font style="color:#ffcc33; font-size:12px; font-family:arial">Blabla !</font>
</td>
</tr>
</table>
[/php]
  • Style inline accepté pour conserver la présentation
  • Utiliser les attributs html : display-block et BGColor, pas de tableaux imbriqués, pas d’images de fond dans les cellules des tableaux si possible
  • ALT, HEIGHT et WIDTH sur toutes les images
  • Alt pour le texte (en cas de  non affichages des images)
  • Pas de formulaire, ni de script, ni d’objet type vidéo ou “embed” (en pièce jointe oui)
  • Essayer d’appliquer des correctifs d’encodage principalement sur les aspects de style, de sélecteurs, de modèle de boîtes, de tableaux, de typographies, de couleur et de fond, de positionnements et d’affichage et de liste selon le contexte. Guide ici : ici  https://templates.mailchimp.com/resources/email-client-css-support
  1. Desktop (outlook, thunderbird, lotus note),
  2. Mobile (android, ios, iphone)
  3. Navigateur/web/cloud/saas ( Gmail Office 365 Outlook.com Yahoo! )

Outil testeur à l’intérieur de la plateforme mailchimp

Améliorer l’Expérience utilisateur

  • Offrir  la possibilité de :
  1. cliquer sur un lien sortant pour une version web,
  2. de mettre à jour son profil (avec centre de préférences)
  3. de se désabonner
  • Eviter les gifs animés bien que cela marche mais pas avec tout le monde, selon le niveau de d’engagement des abonnés, il est possible d’envoyer des messages hors norme dont on sait qu’ils seront à coup sûr ouvert/cliqué.

Adapter son discours à la cible marketing

Juste un rappel ici des questions à se poser, les responsables marketing regorgent d’idées pour faire mouche !

Exemple d’email réussi !

  • L’Adresse mail avec un vrai nom de domaine ?
  • Soigner l’objet qui incite à l’ouverture : “tell, don’t sell“ : l’art du copyright
  • L’intitulé est-il en rapport avec le contenu ?
  • Le message est-il personnalisé ?
  • Les titres sont-ils des CTA (call to action)
  • Les Images sont-elles cliquables ?
  • La marque est-elle claire et lisible ? : Dans email, l’objet
  • L’offre est-elle lisible avant la ligne de flottaison sur desktop ?

Bonne campagne emailing ! 🙂

En savoir plus sur ce sujet…
Délivrabilité avec Gmail

Délivrabilité avec Gmail

Alors que  la nouvelle version de Gmail débarque avec ces 6 principales nouveautés... Afficher votre agenda, vos...

Pin It on Pinterest