Le migliori pratiche per HTML e-mail design

March 14

Le migliori pratiche per HTML e-mail design


HyperText Markup Language (HTML) e-mail è un modo efficace per inviare messaggi personalizzati, come newsletter, ai destinatari. Come si codifica e-mail, fare in modo che gli spettatori possono accedere a tutte le funzionalità che si includono. Ad esempio, se i file di immagine sono troppo grandi, programma di posta elettronica del destinatario potrebbe bloccarsi o non caricare il messaggio a tutti. Utilizzare le migliori pratiche per garantire che la nota mostra bene.

Codifica del layout

Sebbene tabelle non sono desiderabili per la costruzione di pagine Web, nel caso di email HTML, questa è la soluzione migliore. Il motivo è che la maggior parte dei Cascading Style Sheets (CSS) regole - il modo tradizionale di progettare un layout di pagina - non vengono visualizzati correttamente in un messaggio di posta elettronica. Invece, righe e colonne di una tabella HTML ospitare in modo efficace alle esigenze della vostra presentazione.

Styling il Contenuto

Mentre CSS non può creare il layout del vostro e-mail HTML, è possibile utilizzare ciò che è noto come "in linea" stili CSS per formattare il contenuto della nota. Le regole in linea appaiono direttamente nel tag HTML e controllare le funzioni di base tra cui il tipo di carattere, dimensione e colore. Non posizionare il codice CSS dovunque tranne il tag HTML, come ad esempio nel documento "testa", perché gli stili non vengono applicate in un messaggio di posta elettronica.

compresi collegamenti ipertestuali

Come per le pagine Web, collegamenti ipertestuali (link) consentire al destinatario di clic sul testo designato e accedere alla destinazione sul Web che li si punta. La differenza principale con la posta elettronica è che si deve sempre utilizzare un indirizzo Web "assoluto", che è l'URL completo, piuttosto che una scorciatoia. Ad esempio, mentre una voce come "../index.html" funziona in una pagina Web, e-mail HTML richiede l'URL completo per funzionare correttamente.

Inserimento di immagini

Un'immagine migliora in modo efficace una e-mail HTML a condizione che sia utilizzato in modo corretto. Tenete a mente che la persona in campo "A" indirizzo non può avere un programma di posta elettronica che gli permette di visualizzare un file di immagine di grandi dimensioni. Ancor più, il vostro destinatario visualizza la nota su uno schermo più piccolo, perché lei sta guardando in un messaggio e-mail, piuttosto che una finestra del browser. Per garantire la vostra grafica è accessibile, mantenere le dimensioni di formato di immagine tra i 400 pixel di larghezza e 300 pixel e mantenere la dimensione totale fino a 50 kilobyte (KB) o meno.

Evitare Alcuni Caratteristiche

Astenersi dal compreso le caratteristiche, come ad esempio Flash e JavaScript, che non sono supportati in programmi di posta elettronica. Inoltre, mentre i video possono essere aggiunti con HTML 5 e sostenuti in alcune applicazioni di posta elettronica, questo supporto non è ancora ampiamente accettata dalla maggior parte dei programmi e fa solo la dimensione del messaggio più grande.

Preliminari per il codice HTML e-mail

E 'meglio per inviare una copia dell'e-mail finito a se stessi e un'altra persona che ha un diverso programma di posta elettronica di te. In questo modo, si verifica che la nota si presenta come previsto e si avrà la possibilità di identificare eventuali problemi imprevisti prima di inviarlo al destinatario (s).