Chaque client a des problème spécifiques dans la présentation du contenu HTML. A cause de ces problèmes, le test des courriels est fortement conseillé.
Voilà quelques conseils rapides que vous pouvez tester le contenu (le modèle) de votre courriel.
Utilisez les balises html head, tittle et body
Le fichier HTML devrait utiliser les balises head, tittle et body de la manière suivante:
Your Newsletter Subject as Title... VOTRE CONTENU ICI ... |
Utilisez HTML au lieu de XHTML
D’habitude les clients courriel préfèrent HTML et non pas XHTML, choisissez le vieux style HTML, ce qui signifie sans balises <br/> ou n’importe quelle balise du type <htmltag/>.
Code HTML valide
Le code HTML entier doit être valide. Vous avez deux options pour tester la validité d’un code HTML:
- W3 Validator https://validator.w3.org/
- Tidy https://tidy.sourceforge.net/
We recommend using both.
Uniquement CSS Inline
Les styles CSS ne doivent pas être placés à l’intérieur des balises style.
Le CSS ne devrait pas être spécifié via la balise link.
Tout le CSS devrait être placé dans l’attribut ="CSS: ici;" de chaque HTML TAG.
Images
Toutes les images devraient être spécifiées par un ENTIER url. Ainsi, au lie de src=”/images/test.jpg” on utilise src=”https://your.url.com/images/test.jpg”.Autres recommandations pour les balises <img>:
- Utilisez l’attribut border=”0″.
- Ne pas utiliser l’attribut alt. Outlook ne le fait pas, pourquoi le ferriez vous ?
- Ne pas utiliser les attributs width / height. Si width/height n’existent pas, certains filtres tel Spam Assassin ne peuvent pas calculer le rapport Image/Text pour votre contenu.
Tests webmail concrets
Envoyez une copie de votre courriel à au moins une adresse Yahoo, Hotmail et Gmail. La plupart de vos abonnés a des adresses de ces 3 fournisseurs gratuits de courriel. La certitude que votre courriel se présente bien dans Hotmail, Gmail et Yahoo est un bon point de départ.
Voilà un code PHP/Zend simple pour un envoi rapide de courriel HTML aux 3 adresses de courriel utilisées pour le test.
<?
require_once("Zend/Loader/Autoloader.php");
$autoloader = Zend_Loader_Autoloader::getInstance();
$autoloader->setFallbackAutoloader(true);
$charset = "utf-8";
$mail = new Zend_Mail($charset);
$mail->setBodyHtml(file_get_contents("newsletter.html"), $charset);
$mail->setSubject("Test with your real subject.");
$mail->setReturnPath("info@yourdomain.com");
$mail->setFrom("info@yourdomain.com");
$mail->addTo("testemail@yahoo.com");
$mail->addTo("testemail@gmail.com");
$mail->addTo("testemail@hotmail.com");
$tr = new Zend_Mail_Transport_Smtp("localhost");
$mail->send($tr);
?>
Utilisez un moteur de prévisualisation du courriel
ISi vous concevez des designs et vous envoyez régulièrement des courriels, un instrument pour la prévisualisation du courriel devrait représenter un bon choix.Voilà quelques instruments disponibles en ligne:
Vous trouverez d’informations supplémentaires dans le Projet Email Standards.
(1 votes, average: 5.00 out of 5)
Loading...