Trimiterea corecta a unui newsletter in diversi clienti de email a fost si inca este pentru multi marketeri sau designeri o provocare. Faptul ca majoritatea clientilor de email nu au clarificate anumite standarde, specificatiile pentru livrarea optima in Gmail, Yahoo!, Outlook sau Apple Mail sunt diferite si pot ingreuna activitatea de email marketing, asa ca in acest articol vom face o scurta analiza a ceea ce inseamna validarea unui HTML pentru email.
Ce este un validator HTML?
Majoritatea documentelor web sunt scrise in limbaje HTML (HyperText Markup Language) sau XHTML (eXtensible HyperText Markup Language). Aceste limbaje au la baza specificatii tehnice si un vocabular formal pregatit pentru a putea fi procesate de calculatoare, iar etapa de verificare a acestor documente se numeste validare.
Cel mai popular instrument de validare al documentelor HTML se numeste Markup Validator, un serviciu gratuit dezvoltat de W3C (World Wide Web Consortium).
In particular, validarea unui document HTML pentru email poate da multe batai de cap, tocmai din cauza lipsei unor standarde clare. Insa, validarea HTML-ului inainte de a incepe campania de email marketing este foarte importanta pentru a putea identifica anumite erori de sintaxa, tag-uri neinchise sau alte recomandari pentru DOCTYPE.
Ce este DOCTYPE-ul si de ce avem nevoie de el in email?
DOCTYPE-ul il putem gasi la inceputul unui document HTML si reprezinta un set de reguli si standarde. Practic, el este cel care indica validatorului ce fel de standarde sa verifice in cod. Exista mai multe tipuri, tot W3C pune la dispozitie o lista completa cu standardele DOCTYPE.
In cazul unui HTML pentru email, unii clienti de email fragmenteaza DOCTYPE-ul sau aplica varianta proprie, iar lipsa acestuia din documentul HTML poate genera erori, de aceea recomandam utilizarea variantei XHTML 1.0 Transitional sau a HTML 4.01 Transitional:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
Ce trebuie sa verifici pentru validarea unui cod HTML?
1. Verifica ca ai introdus standardul de validare DOCTYPE la inceputul codului. Asa cum scriam mai sus, cea mai potrivita varianta pentru email este XHTML 1.0 Transitional: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
2. Verifica sa inchizi toate tag-urile deschise in locul potrivit. Aceste erori pot strica intregul email, insa sunt foarte usor de reparat, mai ales pentru ca validatorul precizeaza exact linia de cod unde a identificat eroarea.
3. Erorile despre elemente invechite. Un exemplu este atributul ‘background’ care pentru folosirea imaginilor in email este un element valid, dar in anumiti clienti de email este considerat invechit (deprecated), datorita unor alternative mai noi cum ar fi CSS-ul care il inlocuieste cu ‘text-decoration’. In unele cazuri, clientul de email poate suporta doar atributele invechite.
4. o alta posibila atentionare oferita de validatorul HTML este despre link-urile din email. In cazul in care exista tag-uri speciale oferite de furnizorul de email marketing (de exemplu [conectoo:webread]) sau alte link-uri de tracking, pot aparea atentionari de tipul „Element x undefined” sau “Cannot generate system identifier”. Aceste atentionari insa, nu vor afecta livrabilitatea email-ului si pot fi ignorate.
Tool-uri de validare a unui HTML pentru email
– Asa cum precizam si mai sus, Markup Validator de la W3C este cel mai popular validator. Mai mult, ofera si un modul de optimizare al codului prin HTML-Tidy si explicatiile complete pentru toate erorile si atentionarile indicate de acesta.
– HTML Email Boilerplate pune la dispozitie un template de cod deja optimizat pentru top clienti de email, cu indicatiile necesare pentru fiecare linie.
– Fractal, este un produs aflat momentan in beta, insa se anunta a fi un tool care iti repara automat HTML-ul pentru email.
– Premailer este un script care optimizeaza CSS-ul din email pentru o livrare corecta in clientii de email.
– Emailonacid ofera un cont gratuit in care poti optimiza HTML-ul pentru email si il poti previzualiza in Outlook 2003 si Gmail. Variantele premium includ mai multe optiuni.
Optimizarea design-ului si a codului HTML pentru email este un proces cu multe specificatii tehnice, iar pasii de mai sus reprezinta doar o initiere simplificata, insa pot ajuta cu siguranta la omiterea unor greseli inainte de trimiterea unei campanii de email marketing.
Citeste si despre ce trebuie sa tii cont pentru crearea unui template de newsletter.
