9 astuces pour surmonter les problèmes de rendu dans les e-mails | Voix de marque

. Cela donnera à votre modèle un attrait esthétique similaire à celui des sites Web de la vieille école, mais vous pouvez vous en débarrasser en utilisant intelligemment votre palette de couleurs, vos blocs de contenu et votre langage de conception. Il contribue à améliorer la réactivité mobile de vos e-mails et rend également votre e-mail facile à utiliser.

#6 Utilisez des feuilles de style CSS en ligne plutôt que des feuilles de style CSS

Les feuilles de style CSS sont un autre élément qui n’a pas trouvé sa place dans les bons livres des clients de messagerie, et donc, en tant que développeur de messagerie, vous devez les ignorer. Vous pouvez utiliser le CSS en ligne car c’est une alternative plus réalisable. Encore une fois, cela est nécessaire pour optimiser vos messages pour Microsoft Outlook car son moteur de rendu ajoute des espaces dans votre courrier électronique lorsque vous utilisez des feuilles de style CSS.

#7 Gardez vos e-mails jusqu’à 600 pixels de large

Limiter la largeur de vos e-mails à 600 pixels est une règle tacite dans la fraternité de conception d’e-mails, car elle permet de rendre vos messages de manière transparente sur tous les types d’appareils. La plupart des clients de messagerie prennent en charge les e-mails conçus avec cet aspect dans toutes les combinaisons de tailles d’écran de navigateur et de système d’exploitation, ce qui en fait un ajustement parfait pour votre stratégie de conception de messagerie. Bien qu’il soit parfaitement adapté aux modèles à une seule colonne, il peut vous demander d’être intelligent si vous utilisez deux colonnes ou plus.

#8 N’utilisez pas d’images pour les boutons CTA, optez plutôt pour du texte HTML

C’est une erreur courante d’utiliser des images de manière interchangeable avec le texte HTML, et c’est une recette parfaite pour le désastre. Rappelez-vous, je viens de discuter de l’importance des balises ALT en raison des problèmes de rendu avec les images ? C’est exactement pourquoi vous ne devriez pas utiliser des images comme Boutons CTA et utilisez plutôt du texte HTML. Vous devez ajouter une couleur d’arrière-plan et utiliser des hyperliens organiques, car de nombreux utilisateurs placent leur curseur sur le bouton avant de cliquer dessus. D’un autre côté, gardez la hauteur du texte autour de 13-14 pixels, et la taille du bouton doit se situer entre 47 et 50 pixels puisque nous tapons dessus lorsque nous utilisons des smartphones au lieu de cliquer dessus avec des curseurs.

# 9 Lors de la conception, utilisez des pixels comme référence

Il ne faut pas concevoir son modèle en utilisant un pourcentage comme référence de réactivité, car cela fausserait vos messages d’une manière inimaginable. Surtout lorsque vous avez beaucoup de blocs de contenu, la conception devient trop compliquée et il n’y a aucun moyen de garantir que tous les destinataires auront une expérience agréable en lisant l’e-mail. L’utilisation de pixels comme standard de référence peut aider à améliorer le rendu car elle vous permet de gérer les aspects de conception comme le remplissage d’une bien meilleure manière.

Emballer

Les problèmes de rendu des e-mails sont un grand défi pour n’importe quelle marque, mais par tous les moyens, ils sont gérables. Il vous faudra analyser les fonctionnalités prises en charge par tous les clients de messagerie et celles prises en charge par la plupart d’entre eux. Ce mini-guide couvre les conseils les plus importants qui vous aideront dans le processus et rendront vos e-mails impeccables.

Auteur:Kevin George est responsable du marketing chez Email Uplers, l’une des sociétés de conception et de codage d’e-mails personnalisés à la croissance la plus rapide, et se spécialise dans la création de modèles d’e-mails professionnels, la conversion d’e-mails PSD vers HTML et modèles d’e-mails HTML gratuits. Il aime les gadgets, les vélos, le jazz et mange et respire le marketing par e-mail. Il aime partager ses idées et ses réflexions sur les meilleures pratiques de marketing par e-mail sur son blog.