Come codice html di messaggi di posta elettronica?
https://stackoverflow.com/questions/359381
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianDomanda
Mi sto preparando per inviare e-mail di massa per i clienti che è in html + immagini.Che cosa sono le regole generali per fare la corretta visualizzazione dei più popolari client di posta?
EDIT:
Beh, è per i miei clienti - circa pochi k clienti.
La mia domanda è - come il codice di questa e-mail che verrà visualizzato correttamente nel cliente mailclient(thunderbird, outlook, gmail).Quello che i tag css posso utilizzare?
Soluzione
Questi due riferimenti sono luoghi ideali per iniziare
A quanto pare utilizzando HTML 3.0 compatibile con i tag di formattazione e funziona meglio per tutte le e-mail dei lettori e dei fornitori.
Ho chiesto a una domanda simile Qual è il metodo migliore per la formattazione di posta elettronica quando si utilizza il Sistema.Net.Mail
Altri suggerimenti
Guarda email-standards.org, hanno un ACID test che corrono su il più popolare client, e si può vedere un elenco dei diversi selettori css e tag html sono testati e screenshot di effettivo risultati, con che cosa funziona e cosa no.
Spero che questo aiuta!
Regole generali per le e-mail HTML:
- No Javascript...mai!
- Utilizzare la tabella di layout (non galleggianti)
- No
<style>o<link>per il CSS - utilizzare ilstyle=""solo attributo
Questo dovrebbe mantenere i vostri messaggi di posta elettronica alla ricerca di decente nella maggior parte dei client di posta, tra cui la web-quelli di base (hotmail, yahoo, gmail).
È possibile includere immagini in linea, se si desidera un'alternativa di hosting da qualche parte.
Img src nel tuo html cid:mime-parte-nome
E allegare l'immagine come parte mime.
Ma a parte questo, assicurarsi di mantenere il vostro HTML e CSS in modo semplice - programmi di posta elettronica sono peggio renderer di browser e prova in diversi programmi di posta su hotmail e gmail.
È necessario considerare il fatto che alcuni client di posta elettronica non viene eseguito il rendering html.Lo standard MIME supporta multipart e-mail.È possibile definire diversi limiti per le diverse parti del messaggio.
Se è necessario utilizzare immagini, tenerli molto piccoli e tenerli in linea.Molti client di posta rifiutare di eseguire il rendering di collegamenti a immagini esterne, perché gli spammer utilizzano per tenere traccia di chi è stato abbastanza stupido per leggere le loro e-mail.
Alcuni di questi sono molto buoni.Mi limiterò a riassumere e aggiungere un paio di altri suggerimenti.
- Utilizzare una tabella di layout
- Senza javascript
- Minimo CSS - molte cose non funzionano
- Qualsiasi CSS dovrebbe essere in linea
- No le immagini di sfondo di qualsiasi tipo, non eseguire il rendering in Outlook 2007
- Link all'hosting di immagini.Le immagini Inline potrebbe funzionare, ma se non si è molto attenti a restrizioni di dimensione sui server di posta elettronica di rimbalzo di loro.
- Assicurarsi di utilizzare i tag alt sulle immagini in modo che qualcosa viene visualizzato quando il client di posta immagini di blocco
- includere una versione di testo del email per i clienti che blocca immagini
- prova come molti clienti, come si può.In particolare Outlook 2007 a Gmail.Gmail tende a fare cose strane con l'allineamento del testo
HTML tipo di e-mail.Le immagini devono essere ospitati da qualche parte su internet, e poi incluso nel codice HTML link.
È possibile generare il codice HTML, e che è il corpo del messaggio.Il tipo di messaggio di posta elettronica HTML!
Tutti fanno così, ci sono milioni di esempi là fuori.
So che questo non è quello che hai chiesto, ma hai provato MailChimp?Hanno un ottimo servizio.
Vorrei anche raccomandare un 3rd party come MailChimp o CampainMonitor, hanno a che fare con un sacco di roba extra come mangaging abbonamenti e controllo per rimbalzare, oltre che offrire statistiche apertura etc.
Evitare di immagini di sfondo, come Outlook 2007 non li visualizza.(La versione 2007 di Outlook utilizza il motore di rendering HTML di Word...)
Io tendo ad utilizzare un layout di tabella, con i tag per consentire il rendering del testo corretto del viso e del colore, e circa la dimensione giusta, quindi utilizzare style="" per eseguire il rendering correttamente nel client di posta elettronica che supporta i CSS.
Basta non farsi troppo complicato con il CSS...
