Construire un mail n’est pas si simple. Entre la bonne structure pour attirer l’attention et les contraintes propres aux clients mails, faire des mails efficaces peut vite devenir un challenge. On vous donne quelques conseils pour réaliser vos emails transactionnels ou marketing !
1/ L’importance du pré-header et de l’objet.
Premiers éléments différenciant d’un email et surement les plus importants, car si l’objet et le pré-header sont négligés les destinataires risquent sûrement de supprimer votre email sans même l’ouvrir.
L’objet doit comporter entre 30 et 50 caractères pour un message clair et concis.
Le pré-header, lui permet de fournir du contexte et d’attirer l’attention. Pas plus long que l’objet, il permet d’en dire un peu plus sur le contenu de l’email mais sans en faire trop non plus, le lecteur doit vouloir ouvrir l’email pour en savoir plus.
2/ La mise en page
Gardez en tête que le format d’un email est de 600 px sur desktop et 320 px sur mobile.
Quant à la structure de votre email, elle est déterminante. Elle va vous aider à hiérarchiser visuellement votre contenu pour orienter l’œil du lecteur vers les éléments importants et l’accompagner vers l’action à réaliser.
Voici les 3 structures les plus couramment utilisées :
La pyramide inversée
Créée pour structurer votre email, elle contient souvent une grande image, puis un texte suivi d’un bouton. Son objectif est de guider le lecteur vers le call to action (CTA)
Le zigzag
Souvent utilisé pour transmettre beaucoup d’informations sans ennuyer le destinataire. La disposition en zigzag, généralement composé d’images et de textes, permet d’accompagner le lecteur étape par étape.
La structure en colonne
Sans doute le modèle le plus classique, il est pertinent pour sa facilité de lecture, il permet de bien hiérarchiser les informations. Il est aussi très pratique pour sa capacité à s’adapter sans difficultés à une lecture sur mobile.
Pour trouver l’inspiration, rendez-vous sur https://reallygoodemails.com/
3/ Gestion des images
Les images viennent illustrer le texte et apporter un équilibre entre textes et éléments graphiques pour faciliter la lecture de votre email.
Pour utiliser des images dans vos emails, il faut garder les points suivants en tête :
- Dimension : Pour que vos images soient nettes et s’adaptent aux écrans Retina, il est conseillé de multiplier par deux la dimension de vos images.
Exemple: si une image occupe toute la largeur de l’email (600px), l’image doit faire 1200px - Taille du fichier : Le poids de vos email est très important pour assurer un affichage optimal, c’est pourquoi il est important d’optimiser le poids de vos images.
- Balise Alt : En cas de problème de chargement d’images, c’est le texte contenu dans la balise Alt qui s’affichera. Son contenu doit donc être pertinent et refléter le contenu de l’image.
- Contenu de l’image : Éviter de cacher des informations clés dans les images (informations clés, boutons, liens,…) car en cas de non chargement des images, le lecteur sera privé d’une partie du contenu.
Attention : plusieurs boîtes de réception mail bloquent les images par défaut, donc il faut éviter de faire des emails avec uniquement des images. À vous de faire en sorte que votre contenu soit lisible et que votre message passe même sans image.
4/ La typographie
Il existe deux types de polices de caractères : les web fonts et les web safe fonts :
- Les web fonts offrent plus de possibilités en matière de design mais ne sont pas prises en charge par tous les clients de messagerie.
- La liste des web safe fonts est plus restreintes mais ces polices sont prises en charge par la plupart des systèmes d’exploitation et offrent une vitesse de chargement plus rapide.
Privilégier des Web safe fonts, c’est être sûr qu’elles s’afficheront correctement. Cependant si vous utilisez des web fonts, il est indispensable d’ajouter des polices de caractères “standards” de repli.
Liste des email safe fonts les plus populaires :
- Arial
- Verdana
- Helvetica
- Georgia
- Tahoma
- Lucida
- Trebuchet
- Times
- Courier New
- Baskerville
- Calibri
- Cambria
- Garamond
- Perpetua
- Century Gothic
- Gill Sans
- Impact
- Palatino
Pour un titre il est conseillé que la taille des caractères soit comprise entre 18 et 24px, pour le texte entre 14 et 16px.
5/ Accessibilité
Près de 15% de la population mondiale souffre d’un handicap, parmi eux des personnes atteintes de déficience visuelle. L’accessibilité des mails est devenue un enjeu sur le web et d’autant plus dans les mails. La conception et l’envoi de mails doivent en effet pouvoir être lus et compris par tout le monde. Quelques conseils :
- Respectez la hiérarchie du texte (titre, paragraphe etc.)
- Veillez au contraste des couleurs
- N’écrivez pas trop petit, minimum 16 px
- Évitez de centrer des paragraphes
- Définissez le titre de l’e-mail
- Ne fixez pas de titres sur les liens
- N’oubliez pas le texte alternatif avec du sens
- Maintenez une logique de lecture
Pour entrer dans le détail de l’accessibilité, référez-vous au RGAA 4.1. La DINUM (direction interministérielle du numérique) qui met à votre disposition une grille d’audit détaillée.
6/ Penser mobile-friendly
En 2022, 43% des emails sont reçus et ouverts sur un mobile (Litmus).
Nombreux sont les clients mails mobiles qui ne gèrent pas tous le responsive design basé sur les media queries.
La conception mobile first en emailing apparaît comme l’approche de raison parce qu’elle est plus simple à concevoir en termes de contenu. C’est plus simple pour ensuite le décliner en desktop.
Votre mail sera également plus efficace sur le plan de la lisibilité (qui dit moins de contenu, dit plus de sobriété et droit au but vers le message).
Pensez-donc mobile first, le rendu en sera ainsi accessible sur tous les clients mails mobile y compris pour ceux qui ne gèrent pas les media queries (Gmail app mobile friendly !)
7/ CTA et liens, quel objectif pour votre email ?
Un Call-To-Action (CTA) est un bouton ou une formulation qui incite l’utilisateur à effectuer une action précise : inscription, achat…
C’est l’outil qui vous permettra de réussir vos conversions, d’où l’intérêt de connaître l’objectif précis de votre mail. Veillez à bien choisir l’emplacement de votre CTA, à utiliser un verbe d’action qui exprime un bénéfice. Enfin, choisissez une couleur adaptée et pertinente.
Idéalement, un email = un objectif, donc un seul CTA.
8/ Personnalisation
Nous sommes aujourd’hui spammése de mails, newsletters, promotions etc.
Sans personnalisation, les emails montrent juste que vous n’avez pas de considération pour vos clients. Ils pourraient alors se désintéresser rapidement.
Segmentez votre base de contacts pour envoyer des messages adaptés à chacun.
Personnalisez l’objet. C’est un élément déterminant pour votre taux d’ouverture (comme mentionné plus haut), c’est donc ici qu’il faudra les convaincre de cliquer sur votre email. La personnalisation en mentionnant le nom ou prénom par exemple est un bon moyen d’inciter vos contacts à ouvrir vos mails.
9/ Conformité RGPD
Le RGPD est obligatoire depuis mai 2018. La collecte des données personnelles de vos contacts est obligatoire sur les sites et les emails.
- Soyez en mesure de prouver le consentement de vos contacts.
- Insérez un lien de désinscription fonctionnel dans tous vos emails marketing.
- Appliquez une politique transparente afin de permettre à vos contacts de faire valoir leurs droits facilement.
Effectivement, après avoir reçu l’une de vos communications, les destinataires doivent notamment être en mesure de faire valoir leurs droits RGPD. Il vous faudra mettre à jour les mentions d’informations pour indiquer clairement la ou les marches à suivre pour modifier les droit de portabilité, droit de rectification, droit d’effacement des données les concernant, etc..
Indiquez le nom et les coordonnées de la personne à contacter pour ce faire. Ce peut être la personne chargée du traitement opérationnel des données ou bien votre DPO (Le délégué à la protection des données).
10/ Effectuer des tests
Avant d’envoyer vos mails, il est essentiel d’effectuer des tests pour être sûr que vos liens fonctionnent et redirigent vers les bonnes pages, que vos variables de remplacement affichent les bons noms. Mais surtout que l’affichage de votre mail ne soit pas cassé selon les clients mails ou selon les tailles d’écrans. Pour ce faire, utilisez des outils qui font des captures d’écrans sur différents clients tels que Litmus ou Email on Acid. En amont, vous pouvez vous servir du débug mode de Pacomail pour scanner votre code et détecter les erreurs faites lors de l’implémentation et anticiper d’éventuelles erreurs d’affichage.