Fiecare client de email are probleme specifice de redare a continutului HTML. Din cauza acestor probleme, testarea email este foarte recomandata.
Iata cateva sfaturi rapide pe care le puteti folosi pentru a testa continutul (template-ul) email-ului vostru.
Folositi tag-urile html, head, title si body
FIsierul HTML ar trebui sa foloseasca tag-urile html, head, title si body in acest fel:
... CONTINUTUL VOSTRU AICI ... |
Folositi HTML in loc de XHTML
De obicei, clientii de email prefera HTML-ul si nu XHTML-ul asa ca ramaneti la stilul HTML “vechi”, asta insemnand fara tag-uri <br/> sau oricare de tipul <htmltag />.
Cod HTML Valid
Tot codul HTML trebuie sa fie valid. Exista doua optiuni pentru a testa validitatea codului HTML:
- W3 Validator https://validator.w3.org/
- Tidy https://tidy.sourceforge.net/
Va recomandam sa folositi ambele variante.
Numai CSS Inline
Stilurile CSS nu ar tebui sa fie plasate in interiorul tag-urilor style.
CSS-ul nu ar trebui sa fie specificat via TAG-ul link.
Tot css-ul ar trebui sa fie plasat in atributul ="CSS: aici;" al fiecarui TAG HTML.
Imagini
Toate imaginile ar trebui sa fie specificate printr-un url INTREG. Asa ca in loc de src=”/imagini/test.jpg” folosim src=”https://url-ul.tau.ro/imagini/test.jpg”.
Alte recomandari pentru tag-urile <img>:
- Utilizati atributul border=”0″.
- Nu folositi atributul alt. Outlook nu o face, voi de ce ar trebui sa faceti acest lucru?
- Nu utilizati atributele width / height. Daca nu exista width / height, unele filtre spam ca Spam Assassin nu pot calcula raportul IMAGINE / TEXT pentru continutul vostru.
Teste webmail efective
Trimiteti o copie a email-ului vostru la cel putin un email de la Yahoo, Hotmail si Gmail. Cei mai multi dintre abonati au email-uri la acesti 3 furnizori de email GRATUIT. Asigurandu-va ca email-ul vostru arata bine in Hotmail, Gmail, Yahoo este un bun punct de plecare.
Aici este un cod PHP / Zend simplu pentru a trimite rapid un email cu HTML la cele 3 conturi de email folosite pentru 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@domeniultau.ro");
$mail->setFrom("info@domeniultau.ro");
$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);
?>
Utilizati un motor de previzualizare a email-ului
Daca realizati design-ul si trimiteti email-uri in mod regulat, folosirea unui instrument pentru testarea redarii email-ului ar trebui sa fie o alegere buna.
Iata cateva instrumente disponibile online: