Table des matières
Ceux qui se consacrent au marketing par e-mail doivent savoir comment créer des e-mails en html.
Nous allons voir quelques recommandations pour la conception, le codage et la livraison des e-mails au format HTML et pour que votre newsletter apparaisse bien dans la plupart des clients de messagerie.L'envoi d'e-mails à partir de Newsletters est une bonne forme de communication entre les éditeurs et les lecteurs, mais si nous le faisons également au format HTML, cela nous permettra d'enrichir le document avec des éléments visuels qui rendent l'e-mail plus attrayant, un accès direct à d'autres emplacements et nous Il nous permettra de faire des mesures sur les ouvertures d'emails, de suivre et de compter les liens que vous visitez, de mesurer les intérêts du lecteur, etc.
En envoyant un email en clair nous ne pouvons pas utiliser toutes ces fonctionnalités, mais au contraire nous obtenons d'autres avantages comme un niveau de spam plus faible en n'incluant pas de balises HTML et c'est pourquoi cela permet aux clients de messagerie de visualiser plus facilement le contenu de l'email chez tous les clients.
Le codage HTML pour les e-mails peut vous donner beaucoup de maux de tête, car les clients de messagerie de bureau et Web ne sont conformes à aucune norme Web, n'interprètent pas bien le code HTML et les feuilles de style ou l'interprètent à leur manière. à l'e-mail reçu, de sorte que la conception de l'e-mail que le destinataire reçoit peut être très différente de celle de l'éditeur qui a envoyé cet e-mail.
HTML sur CSSEssayez d'utiliser autant que possible des balises HTML et leurs propriétés au lieu de feuilles de style, car de nombreuses propriétés CSS et sélecteurs sont limités par les clients Web.
Utiliser des tableaux pour la mise en pageOui, nous retournons aux tables. Les normes Web disent que les tableaux ne doivent pas être utilisés pour mettre en page une page Web, mais ce n'est pas une page Web mais un e-mail et il est conseillé de les utiliser au lieu desi nous voulons que notre Newsletter soit bien affichée dans la majorité des lecteurs de courrier. Et c'est que les clients de messagerie ne prennent pas en charge la plupart des propriétés nécessaires pour concevoir avec des divisions.
Utilisez les attributs de tableau et de cellule pour afficher le tableau au lieu d'utiliser les propriétés CSS. Par exemple, affectez border = "0", valign = "top", align = "left" (ou center), cellpadding = "0", cellspacing = "0", et ainsi de suite. Cela rendra la table plus belle dans les anciens clients de messagerie.
Utilisez un tableau comme conteneur pour tous les tableaux et éléments internes (par exemple pour l'en-tête, le contenu et le pied de page).
Essayez de ne pas imbriquer trop de tables et évitez d'utiliser la propriété "colspan" car cette propriété n'est pas bien comprise par certains clients de bureau.
Taille et résolution. Vous avez sûrement l'habitude d'encoder des pages web en 800 × 600 ou en 1024 × 768 environ, mais pour la conception d'emails en HTML cela peut ne pas très bien fonctionner puisque la plupart des clients affichent l'email dans une sorte de "panneau de prévisualisation" qui fait normalement partie de l'espace total disponible.
La meilleure chose à faire est de régler la largeur à environ 500-600px ou de donner une taille en pourcentage, comme je le fais habituellement pour qu'elle s'adapte à l'espace dont vous disposez.
Utilisation des feuilles de style en cascade (CSS)L'utilisation des feuilles de style dans les documents HTML pour le courrier électronique est limitée et selon quel client elle autorisera plus ou moins de propriétés. Idéalement, les styles doivent être appliqués à la balise elle-même (styles en ligne) plutôt que de déclarer les classes dans la balise Head comme vous le feriez sur une page Web …
Par exemple, il est recommandé d'utiliser
au lieu de
.
Si nous utilisons des images, il est préférable d'utiliser le chemin complet vers le domaine où l'image est hébergée.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif
