Cette semaine, je vous propose une trilogie au sujet de la création emailing côté technique. Nous décortiquerons ensemble le code source de votre emailing. Le HTML dans un email est assez complexe puisqu’en fonction des clients mail il n’est pas toujours interprété de la même façon. En effet, les clients mails lourds comme Thunderbird ou Outlook fonctionnent très différemment des webmails. L’interprétation du code HTML n’est donc pas identique. Sachez que si vous ne voulez pas perdre la raison, il faut de suite vous mettre en tête que vous n’arriverez jamais à avoir un affichage identique sur tous les clients et sur tous les supports. Néanmoins, vous pouvez optimiser votre code pour favoriser un affichage lisible.

Du CSS inline

Le premier gros problème de l’email est qu’il ne gère pas les propriété CSS display et float qui permettent d'agencer l’email, vous devez donc utiliser des tableaux. Par ailleurs, toujours côté CSS, certains clients mails ne prennent pas en compte la balise style qui contient votre code CSS, il faudra donc écrire les propriétés de style en ligne.

Peu de HTML5

Concernant le HTML en lui-même, là aussi les clients mail ne dont pas preuve de modernité. Utilisez donc un Doctype  XHTML 1.0 Strict afin d’éviter les erreurs d’interprétation. Vous trouverez ici les particularités de ce doctype. Pour savoir qui interprète quoi et choisir au mieux votre méthode de création, utilisez Campaign Monitor qui liste tous les éléments CSS et indique pour chacun l’interprétation avec des navigateurs et clients mails connus. Enfin, ne sautez pas sans parachute et prévoyez une alternative à l’affichage de votre mail en remplissant les attributs alt de vos balises images et en proposant un lien pour consulter l’email en ligne ou une version au format texte brut. ➙ A suivre partie 2 : la mise en page avec les tableaux

Article Précédent

   

Article Suivant

Vous pourriez également être intéressé par :

Rédigez une campagne de email marketing axée sur les hôtels. Il peut s'agir d'une série d'e-mails contenant des conseils de voyage, des informations sur les offres spéciales et les forfaits, ou même un simple message ...
Qu'il s'agisse de sélectionner les bons graphiques, de segmenter votre audience ou d'écrire des copies d'emails pertinentes - vous avez tout fait pour votre campagne d'emails ! Apr&es tous ces efforts, vos emails sont-ils toujour...
L’une des bonnes pratiques dans le marketing par e-mail est d’avoir une newsletter o&u l’on trouve un équilibre entre le texte et les images, mais nous devons bien savoir choisir l’image et le style visuel de notre contenu pour p...
Les nouvelles exigences de Gmail pour la livraison de vos emails dans la boîte de réception en 2024 Temps de lecture : 3 minutes La délivrabilité des emails dépend fortement des nouvelles exigences fixées par les fourni...
Vous êtes annonceur, vous utilisez donc au quotidien des solutions emailing tel que Mailpro™, cependant savez-vous d’où vient le mail et comment a-t-il fait son apparition ? Voici un petit historique résumé de l’email, de sa naiss...

Plateforme Emailing pour Tous & Email Automation

Ouvrez un compte Mailpro et profitez de 500 crédits gratuits
Essayer Gratuitement

Ce site utilise des Cookies, en poursuivant votre navigation, vous acceptez le dépôt de cookies tiers destinés à vous proposer des vidéos, des boutons de partage, mais également de comprendre et enregistrer vos préférences. Comprendre comment nous utilisons les cookies et pourquoi : Plus d'informations