12+ meilleures pratiques pour la conception de la mise en page du marketing par e-mail

La conception des e-mails de votre entreprise est-elle obsolète ? Parce que, voici une prise chaude : ce n'est pas nécessairement une chose négative. Bien qu'il existe de nombreuses tendances de conception d'e-mails à surveiller, il existe également de nombreuses meilleures pratiques de conception d'e-mails intemporelles à garder à l'esprit lorsque vous concevez vos e-mails marketing. Dans cet article, je partagerai avec vous les meilleures pratiques que vous pouvez utiliser pour créer de puissantes mises en page de marketing par e-mail. Passons directement aux détails !

7 éléments essentiels d'une mise en page d'e-mail

En comprenant chacun des éléments qui forment une puissante mise en page d'e-mail, vous serez en mesure de mieux les assembler de manière efficace.

Chaque e-mail contient ces sept éléments essentiels :

• En-tête et métadonnées
• Pré-en-tête
• Logo et couleurs
• Images
• Corps
• Boutons d'appel à l'action (CTA)
• Bas de page

Abordons l'un de ces éléments et leurs rôles dans une mise en page d'e-mail.

1. En-tête et métadonnées

Lorsque vos abonnés reçoivent votre e-mail, l'en-tête et les métadonnées sont la première chose qu'ils voient. Les clients de marketing par e-mail préremplissent généralement les sections "De" et "Répondre à" avec les informations que vous soumettez à votre fournisseur de marketing par e-mail, mais vous pouvez modifier les informations d'en-tête d'un message en cliquant simplement sur cette zone dans votre brouillon.

Une ligne d'objet efficace

Bien que la ligne d'objet ne fasse techniquement pas partie de la mise en page de l'e-mail, elle est essentielle à la performance de la diffusion de votre message marketing. C'est la première chose que vos destinataires verront, et des lignes d'objet ternes, non pertinentes ou spammées peuvent entraîner l'ignorance de votre e-mail.

Une ligne d'objet est utile pour plus que motiver le destinataire à cliquer sur ouvrir. Les e-mails sans objet sont plus susceptibles d'être acheminés vers la corbeille à spam. Essayez également d'inclure un emoji mignon dans votre ligne d'objet.

Voici quelques conseils utiles pour rédiger une bonne ligne d'objet :

• Soyez bref. L'idée est d'éviter que votre ligne d'objet soit abrégée par les boîtes de réception des e-mails.
• Être honnête. Utilisez la ligne d'objet pour informer le destinataire du contenu de l'e-mail. N'essayez pas d'être trompeur - pas de "bait and switch".
• Soyez aussi astucieux que possible, mais pas trop astucieux. Vérifiez auprès de votre équipe pour vous assurer qu'une blague est appropriée.
• Évitez les phrases déclencheurs de spam (telles que "GRATUIT" ou "$$$") et la ponctuation excessive.

2. Pré-en-tête

Un pré-en-tête d'e-mail, souvent appelé introduction, est le texte qui apparaît fréquemment à côté de la ligne d'objet dans la boîte de réception d'un destinataire. Bien que tous les clients de messagerie n'affichent pas automatiquement le pré-en-tête, c'est toujours une bonne idée d'en ajouter un personnalisé et de l'utiliser comme une opportunité pour dire à vos lecteurs exactement à quoi s'attendre lorsqu'ils ouvrent l'e-mail.

Commencez par les faits les plus vitaux, comme le font les journalistes. Si vous faites la promotion d'une remise ou lancez un nouveau produit, par exemple, commencez par ces informations pour inciter les visiteurs à cliquer et à lire.

Les pré-en-têtes ne sont pas nécessaires lors de l'envoi d'un e-mail, mais ils peuvent aider vos lecteurs à comprendre plus clairement votre contenu. Les pré-en-têtes peuvent être utilisés pour insuffler un sentiment d'urgence. Faites attention aux cinq à huit premiers mots, qui apparaissent pratiquement toujours dans la boîte de réception d'une personne.

Si vous laissez le champ de pré-en-tête vide, il n'affichera que les premières lignes de votre e-mail. Votre destinataire verra votre pré-en-tête ainsi que les premières lignes, en fonction de ses paramètres. Tenez-en compte lors de la création de vos en-têtes.

3.Logo

La conception de la mise en page des e-mails peut être un processus créatif, mais si vous souhaitez établir une forte idée de qui vous êtes en tant que marque, il est essentiel de respecter certaines bonnes pratiques de base et d'être cohérent. Vous voulez que vos destinataires d'e-mails s'habituent à l'identification de votre marque avant de faire bouger les choses, alors assurez-vous d'avoir un ensemble cohérent de couleurs de marque et un superbe logo à afficher dans la conception de votre e-mail.

Lorsque vous ajoutez votre logo au corps de votre e-mail, assurez-vous qu'il ne s'étale pas sur tout l'écran. Vous devrez peut-être réduire la taille de votre logo afin que vos lecteurs de messagerie n'aient pas à faire défiler une page entière pour voir ce qu'il y a en dessous. Bien sûr, assurez-vous que le logo est suffisamment grand pour être identifié ou lu.

Vous pouvez souhaiter que votre logo ait un fond transparent ou qu'il soit un formulaire avec la palette de couleurs de votre entreprise. Prenez le temps de modifier votre logo tout en créant un modèle pour que tous vos e-mails paraissent plus professionnels.

4. Images

Les images peuvent être un outil utile à utiliser dans vos e-mails, mais uniquement si elles complètent votre contenu. Les clients ou les clients potentiels peuvent rapidement faire défiler les mots passés, mais ils s'arrêteront s'ils voient une image convaincante. Qu'y a-t-il dans un graphique d'e-mail qui le rend attrayant ?

Les images doivent être claires et en haute résolution, mais pas si grandes que le chargement prend trop de temps. Visez une taille de fichier d'environ 1 Mo et pas plus de 5 Mo. Les images trop petites peuvent apparaître pixélisées et votre e-mail apparaîtra comme un amateur. Lorsqu'ils sont trop volumineux, les clients de messagerie de vos lecteurs peuvent prendre beaucoup de temps pour les télécharger ou, pire, ils peuvent acheminer votre courrier électronique vers le dossier spam.

5. Corps

Lorsque quelqu'un ouvre un e-mail, la première chose qu'il voit est le corps, c'est là que vous pouvez faire preuve de créativité avec vos éléments de conception. Envisagez d'utiliser un modèle de glisser-déposer adapté à votre secteur spécifique. Il est également possible de développer un modèle sur mesure à partir de zéro, mais un modèle vous aidera à créer un e-mail plus propre et mieux conçu qui respecte les meilleures pratiques.

Pour créer votre mise en page, vous pouvez utiliser des éléments souvent appelés blocs de contenu. Ceux-ci vous aident à créer votre e-mail comme vous l'avez imaginé. Ils peuvent contenir :

• Texte
• Images
• Diviseurs
• Boutons
• Entretoises
• Vidéos
• Liens vers les médias sociaux
• Liens vers d'autres éléments de contenu, comme votre blog

Quelles informations souhaitez-vous donner à vos lecteurs ? Cela détermine les blocs de contenu à inclure dans votre modèle. Lorsque vous décidez où placer quels blocs, gardez à l'esprit la lisibilité. Lorsque vous organisez vos blocs de contenu, gardez à l'esprit l'objectif de votre e-mail.

Ne mettez jamais trop de texte dans un seul bloc, car cela pourrait prêter à confusion pour les lecteurs. Utilisez une couleur d'arrière-plan douce, des sous-titres ou des puces pour décomposer le contenu. Incluez des éléments visuels qui peuvent représenter le message de votre campagne d'e-mails afin que le destinataire comprenne exactement ce que vous voulez qu'il fasse.

Il est également possible de partager des vidéos, d'expérimenter des animations et même d'insérer un compte à rebours dans un e-mail. Faites juste attention à ne pas en faire trop. N'utilisez pas plus d'un ou deux de ces composants de conception interactifs dans un seul e-mail.

6. Boutons CTA

Bien que techniquement contenus dans le corps d'un e-mail, les boutons d'appel à l'action sont si cruciaux qu'ils méritent leur propre section pour discuter des meilleures pratiques. Votre CTA agit comme un pointeur que le lecteur doit suivre.

Le texte sur les boutons leur indique ce qu'il faut faire ensuite, comme "acheter maintenant" ou "en savoir plus". Quel que soit le texte que vous utilisez, la raison fondamentale pour laquelle vous envoyez l'e-mail en premier lieu est l'idée qui le sous-tend.

Ayez un bouton CTA avec un langage clair et direct à tout moment. Si votre marque est jeune et excitante, n'ayez pas peur d'ajuster le libellé du bouton pour refléter cela. Utilisez un langage actif et le moins de mots possible pour expliquer l'activité.

7. Pied de page

Un pied de page est la section tout en bas de chaque e-mail. Il vous permet d'insérer des informations spéciales requises par des réglementations telles que la loi CAN-SPAM sans interférer avec la conception principale.

Les informations obligatoires dans le pied de page sont :

• Le nom et l'adresse physique de votre entreprise
• Un moyen pour vos destinataires de mettre à jour leurs profils
• Un lien de désinscription
• La politique de confidentialité de votre entreprise

Maintenant que vous connaissez les 7 éléments essentiels d'une mise en page d'e-mail, passons aux 15 meilleures pratiques de conception de mise en page d'e-mail.

Top 12+ des meilleures pratiques de conception de la mise en page des e-mails

1. Concevoir en pensant au mobile

Le nombre d'e-mails ouverts sur mobile a augmenté de 180 % au cours des trois dernières années seulement, ce qui signifie que vous perdez la majorité de vos abonnés aux e-mails si vos e-mails ne sont pas optimisés pour les mobiles.

En matière de conception d'e-mails, adoptez un état d'esprit axé sur le mobile. La plupart des clients de messagerie modifient désormais automatiquement la mise en page des e-mails pour les appareils mobiles, tandis que d'autres ne le font toujours pas. Utilisez des mises en page adaptables, des modèles et un codage de feuille de style en cascade (CSS) pour vous assurer que vos e-mails sont réactifs.

Tenez-vous en à une disposition à une seule colonne chaque fois que cela est possible et n'utilisez jamais plus de trois colonnes. Assurez-vous que les polices que vous utilisez et les appels à l'action (CTA) sont grands, clairs et simples à cliquer (46 x 46 pixels est une taille idéale pour les CTA adaptés aux mobiles). Testez toujours vos e-mails sur différents clients de messagerie et appareils pour garantir un affichage correct.

2. Restez avec la largeur de 600 pixels

Étant donné que vous ne savez jamais quel client de messagerie vos destinataires utiliseront, vous devez vous baser sur le plus petit dénominateur commun (toux, Microsoft Outlook) en ce qui concerne la largeur des e-mails.

Gardez vos e-mails à environ ou moins de 600 pixels de large pour une visibilité maximale. Cela garantit que vos e-mails marketing peuvent être visualisés correctement dans le volet d'aperçu vertical de n'importe quel client de messagerie.

3. Évitez d'utiliser des images d'arrière-plan

Les images d'arrière-plan ne sont pas prises en charge par certains clients de messagerie (toux, Outlook), utilisez-les donc à vos risques et périls. Si vous devez utiliser une image d'arrière-plan, assurez-vous qu'elle ne contient aucune information ou image critique.

4. Équilibrez vos images et votre texte

Les images d'arrière-plan ne sont pas les seules à ne pas pouvoir se charger. En fait, de nombreux clients de messagerie bloquent automatiquement tous les graphiques. De plus, les e-mails contenant beaucoup d'images sont plus susceptibles d'être marqués comme spam, ce qui signifie que vos destinataires peuvent ne pas recevoir du tout vos e-mails marketing.

Pour relever ces défis, visez un mélange 50/50 de graphiques et de texte. Vous voulez des graphiques parce qu'ils attirent l'attention du lecteur et racontent votre histoire plus rapidement que le texte. Cependant, assurez-vous de continuer à transmettre votre récit. En plus du corps du texte, incluez du texte alternatif (ainsi qu'une couleur d'arrière-plan de secours) pour chaque image.

Voici comment Medium a équilibré ses images avec du texte dans une mise en page d'e-mail :

En fin de compte, il est préférable de supposer que toutes les images seront bloquées. Si personne ne peut voir vos images, votre e-mail aura-t-il encore un sens ?

5. Optimisez vos images

Outre l'utilisation du texte alternatif et des couleurs d'arrière-plan pour les images, il existe d'autres conseils de mise en forme d'image à retenir pour une conception optimale de la mise en page des e-mails :

• La taille de l'image doit être optimisée. Plus l'image est grande, plus le temps de chargement de l'e-mail est long. Gardez les photos aussi minimes que possible tout en maintenant une haute qualité.
• Déclarez la largeur et la hauteur de l'image. Lorsque les photos ne se chargent pas, spécifier la taille exacte de vos photos aidera votre e-mail à conserver sa structure. Ne dépassez jamais 600 pixels de large.
• Pour les emplacements des images, utilisez des URL absolues. Les URL absolues sont préférables aux URL relatives pour diverses raisons. Pour toutes les photos envoyées par e-mail, utilisez des liens absolus et hébergez-les sur votre propre site Web.
• Les fichiers PNG doivent être évités. Les PNG ne sont pas pris en charge par tous les clients de messagerie. Utilisez plutôt des JPG.
• N'utilisez pas de vidéos. Flash et JavaScript prennent beaucoup de temps à se charger et acheminent fréquemment votre e-mail vers le spam. Si vous voulez vraiment partager une vidéo, utilisez une image fixe qui renvoie à une page contenant la vidéo plutôt que d'intégrer la vidéo dans l'e-mail lui-même. (Cependant, pensez à incorporer des GIF pour augmenter l'engagement.)

6. Tenez-vous en aux polices courantes

Respectez les polices système standard telles que Arial, Helvetica, Georgia, Tahoma, Times New Roman et Verdana lors de la sélection d'une police pour vos e-mails marketing. D'autres polices peuvent ne pas être prises en charge par certains clients de messagerie, elles peuvent donc ne pas s'afficher correctement à moins que vous ne choisissiez une police Web de secours.

La taille de la police est tout aussi importante pour la lecture des emails. Pour le corps du texte, la taille de police minimale suggérée est de 14 pixels, tandis que pour les en-têtes, la taille de police minimale suggérée est de 22 pixels.

7. Créez un en-tête accrocheur

À moins que vous n'envoyiez un e-mail en texte brut, vous devez créer un en-tête simple mais attrayant au début de votre e-mail.

Le coin supérieur gauche de votre e-mail est l'élément immobilier le plus précieux - c'est là que l'œil du lecteur sera initialement attiré. Faites-en bon usage en y incluant le logo de votre entreprise, ainsi que d'autres informations pertinentes (telles que votre numéro de téléphone ou un appel à l'action important) sur la droite.

Si vous souhaitez attirer l'attention uniquement sur votre logo, tamponnez-le au centre, comme illustré ci-dessous par Artifact Uprising :

Assurez-vous que votre en-tête couvre toute la largeur de l'e-mail. Cependant, ne vous enfoncez pas trop dans votre en-tête ; essayez de le garder autour de 150 pixels de haut. Si vous avez beaucoup de produits ou de catégories à afficher, vous devriez penser à utiliser une barre de navigation. Il doit être inséré entre l'en-tête et le corps du texte.

8. Placez votre message clé "Au-dessus du pli"

Le terme "au-dessus du pli" dans le journalisme fait référence à l'article de couverture - le premier que les lecteurs voient (et donc celui qui les amène soit à acheter le journal, soit à passer à autre chose).

Bien qu'il n'y ait pas de pli littéral dans le marketing par e-mail, le principe demeure. Mettez vos informations les plus intéressantes au début de votre e-mail si vous voulez que les lecteurs continuent à lire. L'emplacement optimal se situe dans les trois premiers pouces de profondeur de l'e-mail.

Nous parlons de boutons CTA, de graphiques et de texte - ne supposez pas que vous devez attendre la fin de l'e-mail pour encourager les lecteurs à agir. Les CTA avec l'engagement le plus élevé sont souvent ceux qui se trouvent en haut d'un e-mail.

Profitez également du côté gauche de votre e-mail. Les gens s'attardent le plus longtemps sur le côté gauche de l'écran, selon les technologies de suivi oculaire, alors gardez cela à l'esprit lors de l'affichage du matériel clé.

9. Gardez votre texte simple

Lorsque vous rédigez un e-mail, soyez bref et concis. Cela inclut des phrases et des paragraphes courts, beaucoup d'espaces blancs et des conseils stylistiques tels que des puces et du texte en gras.

Si vous avez beaucoup de texte à présenter, envisagez d'inclure une table des matières avec des liens vers les différentes parties afin que les lecteurs puissent facilement accéder à celui qu'ils souhaitent voir. Cependant, évitez d'inclure trop de texte ; non seulement cela surchargera les lecteurs, mais ce sera aussi un signe de spam. Au lieu de cela, incluez des liens clairs vers le contenu de votre site Web.

Si vous envoyez un e-mail à partir du vrai nom et de l'adresse e-mail de quelqu'un, vous souhaiterez peut-être inclure une signature d'e-mail à la fin. Cela ajoute non seulement une touche personnelle, mais fournit également aux lecteurs une personne spécifique à contacter s'ils ont des questions ou des commentaires.

10. Ajouter des boutons de partage social

Négliger d'inclure des boutons de partage social dans vos campagnes de marketing par e-mail est l'une des pires erreurs que vous puissiez commettre.

N'est-il pas vrai que votre objectif ultime en tant que spécialiste du marketing numérique est de gagner des défenseurs de la marque ? Quoi de plus bénéfique pour votre marque que de laisser les gens partager votre contenu sur leurs propres canaux de médias sociaux ?

Incluez des liens de réseaux sociaux au bas de tous les e-mails marketing pour leur faciliter la tâche. Si inciter les lecteurs à partager le contenu de l'e-mail semble trop énergique ou irréaliste, "Suivez-nous !" les boutons peuvent être utilisés à la place. Avez-vous une application mobile ? Faites-en la promotion ici aussi !

Nous aimons la façon dont Uber a montré ses icônes de partage social d'une manière subtile et adaptée à la marque :

11. Profitez du pied de page

Le pied de page, bien que souvent négligé, est l'un des aspects les plus importants de tout e-mail marketing. Le pied de page est une partie importante de la mise en page d'un e-mail. Pour commencer, tous les e-mails commerciaux doivent être conformes à la loi CAN-SPAM, qui vous oblige à fournir un lien de désinscription ainsi que le nom et l'adresse physique de votre entreprise dans chaque e-mail que vous envoyez. Vous devez également expliquer pourquoi les destinataires reçoivent cet e-mail (c'est-à-dire qu'ils se sont abonnés à un moment donné).

Cette information n'est pas seulement requise par la loi, mais c'est aussi une bonne idée. Si vous ne facilitez pas la désinscription de vos destinataires, ils deviendront encore plus insatisfaits de votre entreprise.

Le pied de page de l'e-mail est également un bon endroit pour inclure des informations de contact supplémentaires, des choix d'abonnement et des liens vers des pages Web pertinentes (telles que votre nouvel inventaire, votre localisateur de magasin ou votre calendrier d'événements).

12. Gardez la simplicité à l'esprit

Surtout, des modèles d'e-mails simples et directs sont la voie à suivre. Ils sont non seulement plus faciles à parcourir et à digérer pour les lecteurs, mais aussi pour les clients de messagerie à parcourir et à digérer.

13. Testez et améliorez

Enfin, afin d'identifier véritablement la meilleure formule pour la conception de votre e-mail, vous devez la tester. Envoyez-vous des versions de test des e-mails avant de les envoyer pour examiner leur apparence dans différents clients de messagerie (et s'ils peuvent se retrouver dans le dossier spam).

Vous devez également exécuter des tests une fois le message envoyé. Il n'y a pas deux modèles d'e-mails identiques, tout comme il n'y a pas deux lecteurs identiques. Divisez votre liste et testez plusieurs variantes de vos e-mails marketing pour trouver les délais de livraison optimaux, le placement CTA et d'autres facteurs.

Facilitez la conception de la mise en page de votre marketing par e-mail avec AVADA Marketing Automation

AVADA Marketing Automation est un puissant outil de marketing par e-mail et SMS qui peut vous aider à concevoir facilement votre e-mail grâce à son générateur d'e-mails par glisser-déposer. Avec cet outil, les e-mails de conception seront un jeu d'enfant car il vous suffit de faire glisser et de déposer vos éléments d'e-mail sans aucun codage requis. Il fournit également toutes les fonctionnalités dont vous avez besoin pour créer et gérer des campagnes de marketing par e-mail.

Derniers mots

C'est ça! J'espère que cet article vous a fourni les meilleures pratiques pour la conception de la mise en page du marketing par e-mail. N'hésitez pas à laisser des commentaires ci-dessous pour approfondir la discussion sur ce sujet !