Как закодировать html-рассылки?
https://stackoverflow.com/questions/359381
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Я готовлюсь к массовой рассылке клиентам электронных писем в формате html + изображения.Каковы общие правила, по которым он должен корректно отображаться в большинстве популярных почтовых клиентов?
Редактировать:
Ну, это для моих клиентов - примерно нескольких тысяч клиентов.
Мой вопрос заключается в том, как закодировать это электронное письмо, чтобы оно корректно отображалось в клиенте mailclient (thunderbird, outlook, gmail).Какие css-теги я могу использовать?
Решение
Эти две ссылки - отличное место для начала
Очевидно , используя Теги, совместимые с HTML 3.0, и форматирование работают лучше всего для всех читателей электронной почты и поставщиков услуг.
Я задал аналогичный вопрос Каков наилучший метод форматирования электронной почты при использовании System.Net.Mail
Другие советы
Взгляните на email-standards.org, у них есть КИСЛОТНЫЙ тест на котором они работают самые популярные клиенты, и вы можете увидеть список различных css-селекторов и html-тегов, которые они тестировали, и Скриншоты из фактического Результаты, с тем, что работает, а что нет.
Надеюсь, это поможет!
Общие правила для электронных писем в формате HTML:
- Никакого Javascript...никогда!
- Используйте табличный макет (без плавающих значений)
- НЕТ
<style>или<link>для CSS - используйте thestyle=""только атрибут
Это должно обеспечить достойный внешний вид ваших писем в большинстве почтовых клиентов, включая веб-(hotmail, yahoo, gmail).
Вы можете включить встроенные изображения, если хотите, в качестве альтернативы размещению их где-нибудь.
src img в вашем html-файле - это cid:mime-part-name
И прикрепите изображение в качестве mime-части.
Но помимо этого, убедитесь, что ваши HTML и CSS просты - почтовые программы хуже визуализируют, чем браузеры, - и протестируйте их в нескольких почтовых программах, а также в hotmail и gmail.
Вам нужно учитывать тот факт, что некоторые почтовые клиенты не отображают html.Стандарт MIME поддерживает электронные письма, состоящие из нескольких частей.Вы определяете разные границы для разных частей сообщения.
Если вам необходимо использовать изображения, делайте их очень маленькими и располагайте в ряд.Многие почтовые клиенты отказываются отображать ссылки на внешние изображения, потому что спамеры используют их, чтобы отследить, кто был настолько глуп, чтобы прочитать их электронную почту.
Некоторые из них очень хороши.Я просто подведу итог и добавлю еще пару советов.
- Используйте табличный макет
- Нет javascript
- Минимальный CSS - многие вещи не работают
- Любой CSS должен быть встроенным
- Никаких фоновых изображений, не будет отображаться в Outlook 2007
- Ссылка на размещенные изображения.Встроенные изображения могут работать, но если вы не будете очень осторожны, ограничения по размеру на почтовых серверах приведут к их отскоку.
- Обязательно используйте теги alt для изображений, чтобы что-то отображалось, когда почтовые клиенты блокируют изображения
- включите текстовую версию электронного письма для клиентов, которые блокируют изображения
- протестируйте как можно больше клиентов.В частности, Outlook 2007 и Gmail.Gmail имеет тенденцию делать странные вещи с выравниванием текста
Тип электронной почты в формате HTML.Ваши изображения должны быть размещены где-нибудь в Интернете, а затем включены в HTML-код в виде ссылок.
Вы генерируете свой HTML-код, и это тело сообщения.Тип почтового сообщения - HTML!
Все так делают, есть миллион примеров.
Я знаю, это не то, о чем вы просили, но вы пробовали Почтовый шимпанзе?У них отличный сервис.
Я бы также порекомендовал стороннюю программу, такую как MailChimp или CampainMonitor, они имеют дело с множеством дополнительных функций, таких как обработка подписок и проверка отскока, плюс они предлагают статистику по открытию и т.д.
Избегайте фоновых изображений, так как Outlook 2007 не будет их отображать.(Версия Outlook 2007 использует механизм рендеринга HTML из Word ...)
Я обычно использую табличный макет с тегами, позволяющими отображать текст правильным шрифтом и цветом и примерно нужного размера, затем использую style="" для корректного отображения его в почтовых клиентах, поддерживающих CSS.
Только не слишком усложняйте свой CSS...
