Codificare HTML și CSS în e-mailuri

Cuprins
Cei care se dedică marketingului prin e-mail ar trebui să știe cum să creeze e-mailuri în html.
Vom vedea câteva recomandări pentru proiectarea, codificarea și livrarea e-mailurilor în format HTML și pentru a face Newsletter-ul dvs. să arate bine la majoritatea clienților de e-mail.
Trimiterea e-mailurilor de la Newsletters este o formă bună de comunicare între editori și cititori, dar dacă o facem și în format HTML, ne va permite să îmbogățim documentul cu elemente vizuale care fac e-mailul mai atractiv, acces direct la alte locații și Ne va permite să facem măsurători la deschiderile de e-mail, să urmărim și să numărăm linkurile pe care le vizitați, să măsurăm interesele cititorului etc.
Prin trimiterea unui e-mail în text simplu, nu putem folosi toate aceste funcționalități, ci dimpotrivă obținem alte avantaje, cum ar fi un nivel mai scăzut de spam prin nincluderea etichetelor HTML și de aceea facilitează vizualizarea perfectă a conținutului pentru clienții de e-mail. a e-mailului la toți clienții.
Codificarea HTML pentru e-mailuri vă poate oferi o mulțime de bătăi de cap, deoarece atât clienții de mail, cât și cei de pe desktop, nu respectă niciun standard web, nu interpretează bine codul HTML și foile de stil sau îl interpretează în felul lor. la e-mailul primit, astfel încât designul e-mailului pe care îl primește destinatarul poate fi destul de diferit de designul editorului care a trimis acel e-mail.
HTML peste CSSÎncercați să utilizați cât mai mult posibil etichetele HTML și proprietățile acestora în locul foilor de stil, întrucât multe dintre proprietățile și selectoarele CSS sunt restricționate de clienții web.
Utilizarea tabelelor pentru aspectDa, ne întoarcem la mese. Standardele web spun că tabelele nu ar trebui utilizate pentru a aranja o pagină web, dar aceasta nu este o pagină web, ci un e-mail și este recomandabil să le utilizați în loc dedacă dorim ca Newsletter-ul nostru să fie afișat bine în majoritatea cititorilor de e-mail. Și este faptul că clienții de e-mail nu acceptă multe dintre proprietățile necesare pentru a proiecta cu diviziuni.
Utilizați atributele de tabel și celulă pentru a afișa tabelul în loc să utilizați proprietăți CSS. De exemplu, atribuiți border = "0", valign = "top", align = "left" (sau centru), cellpadding = "0", cellspacing = "0" și așa mai departe. Acest lucru va face ca tabelul să arate bine la clienții de poștă vechi.
Utilizați un tabel ca container pentru toate tabelele și elementele interne (de exemplu pentru antet, conținut și subsol).
Încercați să nu cuibăriți prea multe tabele și evitați să utilizați proprietatea "colspan", deoarece această proprietate nu este bine înțeleasă de unii clienți desktop.
Dimensiune și rezoluție. Sigur sunteți obișnuiți să codificați pagini web în 800 × 600 sau aproximativ 1024 × 768, dar pentru proiectarea e-mailurilor în HTML este posibil să nu funcționeze foarte bine, deoarece majoritatea clienților afișează e-mailul într-un fel de „panou de previzualizare” care este în mod normal o parte din spațiul total disponibil.
Cel mai bun lucru de făcut este să setez lățimea la aproximativ 500-600px sau să dau o dimensiune în procente, așa o fac de obicei, astfel încât să se adapteze spațiului pe care îl aveți la dispoziție.
Utilizarea foilor de stil în cascadă (CSS)Utilizarea foilor de stil în documentele HTML pentru e-mail este limitată și în funcție de ce client va permite mai multe sau mai puține proprietăți. În mod ideal, stilurile ar trebui aplicate etichetei în sine (stiluri în linie), mai degrabă decât declararea claselor din eticheta Head așa cum ați face pe o pagină web …
De exemplu, se recomandă utilizarea

in loc de

.
Dacă folosim imagini, este mai bine să folosim calea completă către domeniul în care este găzduită imaginea.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv

Vei ajuta la dezvoltarea site-ului, partajarea pagina cu prietenii

wave wave wave wave wave