Как кодировать HTML рассылки?

Question

Я готовлюсь отправлять клиентам массовые электронные письма в формате html + images. Каковы общие правила для правильного отображения в большинстве популярных почтовых клиентов?

EDIT:

Ну, это для моих клиентов - около нескольких клиентов.

Мой вопрос - как кодировать это письмо, чтобы оно правильно отображалось в клиентском почтовом клиенте (thunderbird, outlook, gmail). Какие теги CSS я могу использовать?

Answer 1

Взгляните на email-standards.org , у них есть ACID-тест , который они запускают на самых популярных клиентах , и вы можете увидеть список из различных селекторов CSS и HTML-тегов, которые они тестировали, и снимков экрана фактических результатов , с тем, что работает, а что нет.

Надеюсь, это поможет!

Answer 2

Общие правила для писем в формате HTML:

• Нет Javascript ... никогда!
• Использовать макет на основе таблицы (без поплавков)
• Нет <style> или <link> для CSS - используйте атрибут style="" только

Это должно поддерживать ваши электронные письма в хорошем состоянии в большинстве почтовых клиентов, включая веб-клиенты (hotmail, Yahoo, Gmail).

Answer 3

Эти две ссылки - отличные места для начала

• http://www.alistapart.com/articles/cssemail/
• http://www.campaignmonitor.com/css/

Очевидно, что использование HTML 3.0-совместимых тегов и форматирование лучше всего подходит для всех читателей электронной почты и поставщиков.

Я задал похожий вопрос Какой метод форматирования электронной почты является лучшим при использовании System.Net.Mail

Answer 4

Необходимо учитывать тот факт, что некоторые почтовые клиенты не отображают html Стандарт MIME поддерживает составные электронные письма. Вы определяете разные границы для разных частей сообщения.

http://en.wikipedia.org/wiki/MIME

Answer 5

Вы можете включить встроенные изображения, если хотите использовать их в качестве альтернативы.

img src в вашем html - это cid: mime-part-name

И прикрепите изображение как часть пантомимы.

Но, кроме этого, убедитесь, что ваши HTML и CSS просты - почтовые программы хуже рендеринга, чем браузеры - и протестируйте их в нескольких почтовых программах, а также в hotmail и gmail.

Answer 6

Некоторые из них очень хороши. Я просто подведу итоги и добавлю еще пару советов.

• Использовать макет на основе таблицы
• Нет JavaScript
• Минимальный CSS - многие вещи не работают
• Любой CSS должен быть встроенным
• Нет фоновых изображений, не будет отображаться в Outlook 2007
• Ссылка на размещенные изображения. Встроенные изображения могут работать, но если вы не будете очень осторожны, ограничения на размер почтовых серверов отразят их.
• Обязательно используйте альтернативные теги на изображениях, чтобы что-то отображалось, когда почтовые клиенты блокируют изображения
• включает текстовую версию электронного письма для клиентов, которые блокируют изображения
• протестируйте столько клиентов, сколько сможете. В частности Outlook 2007 и Gmail. Gmail имеет тенденцию делать странные вещи с выравниванием текста

Answer 7

Если вы должны использовать изображения, держите их очень маленькими и держите их на линии. Многие почтовые клиенты отказываются отображать ссылки на внешние изображения, потому что спамеры используют их для отслеживания того, кто был достаточно глуп, чтобы прочитать свою электронную почту.

Answer 8

Я обычно использую макет таблицы с тегами, позволяющими отображать текст с правильным лицом и цветом и примерно подходящим размером, а затем использую style = "", чтобы правильно отображать его в почтовых клиентах, которые поддерживают CSS.

Просто не усложняй свой CSS ...

Answer 9

Избегайте фоновых изображений, так как Outlook 2007 не будет отображать их. (Версия Outlook 2007 использует механизм рендеринга HTML из Word ...)

Answer 10

Я бы также порекомендовал сторонних разработчиков, таких как MailChimp или CampainMonitor, они занимаются множеством дополнительных вещей, таких как управление подписками и проверка на отскок, плюс они предлагают статистику по открытию и т. Д.