Conception newsletter en HTML
Conseils de démarrage rapide pour les utilisateurs avancés!
Alors, comment puis-je commencer à concevoir des e-mails HTML?
Tous les conseils pour des utilisateurs avancés !
Si vous êtes un concepteur de sites Web, et vous savez que vous voulez, nous allons vous épargner tous les WYSIWYGs, et vous donner un moyen rapide, sans fioritures “Guide de démarrage rapide“ en HTML e-mail …
Les e-mails doivent être envoyés en “multipart alternative” format. Cela signifie que le courrier électronique est intégré à la fois avec une version texte, et la version HTML, du message. Quand les gens ne peuvent pas (ou ne veulent pas) oir l’e-mail HTML, la version texte version s’affiche la place.
Les images ne sont pas envoyées avec l’ e-mail en pièces jointes. Vous hébergez des images sur votre serveur, puis le code HTML dans votre e-mail pour pointer vers eux avec des chemins absolus.
En d’autres termes, vous codez quelque chose comme ceci :
<img src=”http://www.yourserver.com/images/image.gif”>
Au lieu de ça:
<img src=”../images/image.gif”>
- Conception pour le volet d’aperçu des Webmails des courriers électroniques. Cela signifie que vous avez environ 500, 600 pixels en tête de votre message pas plus!
- Tester vos emails. Vous devez le tester dans Lotus Notes, Outlook 2003 2000, Outlook Express, Apple Mail, Apple Entourage, Eudora, Mozilla Thunderbird, AOL, Yahoo! Mail, Yahoo! Mail Beta, Google Gmail, Hotmail, Earthlink, Comcast, etc (ici le strict minimum pour la liste de contrôle). Et oui, ils sont tous un affichage HTML email un peu différent.
- Le support CSS n’est pas génial. Vous pouvez utiliser un peu de CSS, comme pour les polices et les couleurs de base. Mais l’utiliser avec parcimonie.
- Si vous devez intégrer votre CSS, l’incorporer au-dessous de la balise BODY sinon il ne sera pas pris en compte.
- Le JavaScript, ActiveX, Flash, les fichiers vidéo et embarqués ne fonctionnera pas.
- Background couleurs. La façon la plus fiable de donner une couleur de fond de votre messagerie électronique est d’envelopper le tout dans un grand tableau de 100% de large, et de donner à la case un tableau bgcolor.
- N’oubliez pas votre version texte. Lorsque les webmasters des sites Web créent des e-mails, ils négligent souvent les versions texte (ils traitent l’image ALT texte ou des balises META). Mais les versions texte des e-mails sont très importantes. Si vous les négligez, certains filtres anti-spam peuvent même penser que vous êtes un codeur bâclé, et jeter votre courrier indésirable dans le dossier !
A propos du Spam Filters (et comment les éviter) :
Vous avez besoin d’un bon ratio image/texte. Ne pas envoyer d’image énorme de plus de 300 ko l’image .
- Ne soyez pas négligent, avec votre code, car les spammeurs bâclent leur code. Fermer les cellules de tableau et de la police des tags.
- Ne pas utiliser les termes suivant ÉNORMES VENTE! CLIQUER ICI et MAINTENANT! spam direct…
- Envoi d’e-mails de test ou BAT à votre client? Si il s’agit d’une assez grande entreprise, leur groupe informatique a probablement un pare-feu, et vos campagnes de test pourrait être bloquées. Vous devrez peut-être demander à leur Admin réseau de faire des modifications.
Chaque campagne d’email devrait avoir …
- Une adresse d’expéditeur reconnaissable par-nom et une adresse de réponse. Utilisez le nom de votre entreprise, par exemple. Ensuite, ne pas changer, parce que les bénéficiaires auraient pu vous mettre en liste blanche.
- Un bon descriptif dans votre objet. Vous avez une fraction de seconde pour convaincre les destinataires, pour que le message ne soit pas indésirable.
- Mettre le lien de désabonnement en haut de page sur une typo minuscule et pas en bas de page.
- Vos coordonnées physiques, y compris votre adresse postal, votre numéro de téléphone, etc. Il va aider les gens à se rappeler qui vous êtes, au lieu de mettre vos e-mails en Spam.
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Comments
Pas encore de commentaire.
Laisser un commentaire