Мифы email-маркетинга: нужны ли моим письмам CSS-сбросы?

Почтовые службы и интернет-провайдеры (ISP) порой странно обращаются с нашими письмами. Один из способов борьбы с этим? Использование CSS-сбросов (CSS resets) для «чистого листа». Однако почтовые клиенты значительно эволюционировали. Давайте подробнее разберем это распространенное заблуждение в email-маркетинге:

*Нужны ли моему письму CSS-сбросы?*

## Что такое CSS-сброс?

CSS-сброс — это набор правил стилей в заголовке (head) письма, которые учитывают известные ошибки или проблемы в различных почтовых клиентах, таких как Gmail и Outlook. Сбросы предотвращают некорректное отображение верстки и создают чистую, последовательную основу для написания кода и оформления писем. Это похоже на работу с абсолютно чистым холстом.

## Какие CSS-сбросы наиболее популярны?

Существуют общие сбросы, а есть специфические для конкретных клиентов. Большинство из них предназначены для исправления проблем в Outlook или борьбы с синими ссылками в Apple, Gmail и Android. Еще в 2014 году эксперт и автор книг по email-маркетингу Джейсон Родригес поделился своим кодом сброса, что вызвало дискуссию в сообществе Litmus, где коллеги-разработчики делились своими вариантами. В то время это была действительно острая проблема.

### Нужны ли они сегодня?

Хотя веб-сайты, возможно, больше не нуждаются в CSS-сбросах, для писем они все еще актуальны.

К сожалению, до сих пор *нет* универсальных стандартов разработки email-рассылок (как бы нам хотелось!). Это означает, что у каждого почтового клиента, приложения и устройства свой уникальный способ рендеринга письма, включая добавление или изменение вашего кода. Результат? Непоследовательный пользовательский опыт и письмо, которое может выглядеть «сломанным». Ужасно.

Тем не менее, набор необходимых сбросов изменился с годами по мере развития почтовых клиентов. Я поговорила с нашим email-разработчиком Карин Слейтер, чтобы узнать больше об этом.

С одной стороны, Outlook устранил проблемы с отступами ExternalClass и ReadMsgBody, для которых раньше требовались CSS-сбросы. С другой стороны, мы столкнулись с относительно новыми вызовами, такими как темная тема (Dark Mode). И каждое обновление почтовых клиентов приносит новые способы «сломать» верстку. Например, когда Outlook.com начал заменять тег body на div в письмах. Это было весело.

Для современной email-разработки Карин рекомендует обращаться к CSS-сбросам Джея Орама и документации по багам email-верстки от Реми Парментье.

## Проверьте, работают ли ваши CSS-сбросы

Необходимые вам CSS-сбросы зависят от того, где ваша аудитория открывает письма. У вас мало подписчиков, использующих Outlook? Считайте, что вам повезло, и вычеркните этот пункт из списка.

Хотя не стоит перегружать код ненужными CSS-сбросами, которые могут замедлить загрузку или привести к обрезке письма, если вы решите добавить их все «на всякий случай», влияние на производительность будет минимальным.

Затем выясните, выполняют ли ваши сбросы свою задачу. Посмотрите, как ваши письма выглядят в более чем 100 различных почтовых клиентах и устройствах с помощью Litmus Email Previews. Готовы увидеть Litmus в действии?

**Интересуют другие мифы email-маркетинга?**

— Мифы email-маркетинга: мне нужно использовать double opt-in для всех подписок

— Мифы email-маркетинга: контент письма должен быть «выше сгиба»

— Мифы email-маркетинга: письма обязательно верстать таблицами