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

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

Обновлено:

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

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

что за массовая электронная почта? просили?

Mitch Wheat 11.12.2008 16:45

Это может быть много чего ... клиент или пользовательская база, спам и т. д.

pearcewg 11.12.2008 16:46
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
3
2
640
12
Перейти к ответу Данный вопрос помечен как решенный

Ответы 12

Тип электронной почты HTML. Ваши изображения должны быть размещены где-нибудь в Интернете, а затем включены в HTML как ссылки.

Вы генерируете свой HTML-код, и это тело сообщения. Тип почтового сообщения - HTML!

Все так делают, существует миллион примеров.

Большинство почтовых клиентов отказываются отображать внешние изображения, потому что они используются спамерами в качестве инструментов отслеживания («веб-ошибки»).

Paul Tomblin 11.12.2008 17:03

@Paul Tombin: правда, но при желании пользователи могут видеть сообщение с изображениями. Отправка сообщений размером более 1 МБ тоже не очень удобна ...

PhiLho 11.12.2008 17:34

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

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

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

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

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

pearcewg 11.12.2008 16:53

Я знаю, что вы не об этом спрашивали, но пробовали ли вы MailChimp? У них отличный сервис.

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

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

Общие правила для электронных писем в формате HTML:

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

Это должно поддерживать приличный вид ваших писем в большинстве почтовых клиентов, в том числе в веб-клиентах (hotmail, yahoo, gmail).

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

Ответ принят как подходящий

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

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

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

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

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

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

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

Проект согласованных стандартов электронной почты потрясающий.

Justin Yost 12.12.2008 01:08

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

Только не усложняйте свой CSS ...

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

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

Другие вопросы по теме