Должен ли я использовать HTML 4.0 mark up для своих шаблонов электронной почты?
-
20-08-2019 - |
Вопрос
Дизайнер закодировал html-шаблон, используя лучшие практики CSS.Я хочу использовать этот шаблон в качестве шаблона электронной рассылки новостей, но я слышал, что hotmail, yahoo и gmail предлагают ограниченную поддержку CSS.
Должен ли я перекодировать эти шаблоны, используя макеты таблиц и теги шрифтов?
Решение
Короткий ответ таков ДА.
Вы добьетесь наилучшей совместимости между учетными записями веб-почты и почтовыми клиентами, используя самый простой и упрощенный HTML из возможных.
- Не используйте никаких CSS-файлов или <style> tags.Делай все встроенный.
- Обрабатывайте позиционирование с помощью вложенных таблиц, которые имеют явную ширину
- В таких ситуациях я активно использую HTML-комментарии, чтобы быть уверенным, что я не запутаюсь в том, где я нахожусь в макете.
- Весь текст должен быть окружен <font> тегами с информацией о стиле шрифта.
- Изображения должны иметь четкую ширину и высоту.
- Это помогает электронному письму сохранять свой правильный формат, когда изображения заблокированы.
Обычно я тестирую как минимум на следующих:
- Прогноз на 2003 год
- Прогноз на 2007 год
- Большая часть ваших головных болей будет исходить отсюда.
- Громовая Птица
- Entourage (версия Outlook для OSX)
- Gmail
- Горячая почта
- Почта Yahoo
Обычно вы находитесь в довольно хорошей форме, если получаете что-то, что должным образом отражается на всех них.
Мы используем Exact Target, и у них есть функция предварительного просмотра HTML, но она не идеальна.Я столкнулся с очень много из ситуаций, когда электронное письмо выглядело хорошо в предварительном просмотре, но все равно пришло со сбоями в Outlook 2007.
Другие советы
Марк выше сказал все, что вам нужно сделать для разработки шаблонов электронной почты (это снова 90-е), но я хотел бы добавить одну последнюю вещь:
http://www.email-standards.org/ это отличный ресурс, позволяющий увидеть, как разные почтовые клиенты интерпретируют HTML и CSS.
Отталкиваться от того, что сказал Марк:
Если это вообще возможно, избегайте использования CSS вообще (хотя обычно это нормально для таких вещей, как текст).Используйте таблицы для всего позиционирования, пустые <td>
элементы для заполнения / биты позиционирования меньшего размера.
И даже при всем этом, это будет выглядеть идеально только в нескольких почтовых программах / сайтах.Я с уверенностью могу сказать, что электронную почту в формате HTML совершенно невозможно создать таким образом, чтобы она идеально отображалась во всех почтовых клиентах / приложениях.
Вам придется вернуться к HTML каменного века, чтобы электронные письма в формате HTML работали так, как предложил Марк.Все стили встроены в html.Никаких тегов СТИЛЕЙ или внешних таблиц стилей.
Почтовый шимпанзе и Наблюдатель за кампанией оба предлагают отличные бесплатные HTML-шаблоны электронной почты.Они также оба предлагают услуги тестирования электронной почты, которые отправляют ваши html-письма нескольким различным почтовым клиентам, а затем присылают вам скриншоты результатов.
используйте тег div с фиксированной высотой / весом и поместите туда весь ваш HTML-код.У большинства клиентов это выглядело бы одинаково.Я пробовал это раньше, и это работает нормально.