Вёрстка письма

HTML для почтовых клиентов: таблицы, инлайн-стили и совместимость с зоопарком рендереров.

Вёрстка писем — отдельная дисциплина: почтовые клиенты рендерят HTML по-своему, Outlook до сих пор использует движок Word, а поддержка CSS фрагментарна. Поэтому стандарт — табличная вёрстка, инлайн-стили, ширина до 600–640 px и обязательные alt-тексты картинок.

Адаптивность под мобильные обязательна: больше половины открытий происходит с телефонов. Перед отправкой письмо проверяют в основных клиентах — как минимум Gmail, Mail.ru, Яндекс и Outlook.

Связанные термины

ПрехедерСтрока предпросмотра после темы письма в списке входящих.Текстовая версия письмаPlain-text вариант HTML-письма. Нужен спам-фильтрам и текстовым клиентам.Трекинг-пиксельНевидимая картинка в письме, по загрузке которой фиксируется открытие.

Глоссарий ведёт команда сервиса рассылок MailerMail. Проверить настройки своего домена: комплексный чекап.