Хватит играть в прятки: почему стоит поддерживать чистоту кода ваших email-рассылок

Прятки могут быть забавной детской игрой, но если вы прячете контент в своем коде, вы рискуете навредить доставляемости писем. И хотя существуют крайне важные практики, на которых стоит сосредоточиться — такие как аутентификация, подписка (opt-in) и получение разрешений, — контент и элементы кода являются двумя факторами доставляемости, которые вы можете полностью контролировать.

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

## Это случилось с нами!

Для конференции Litmus Live 2014 мы вышли за рамки привычного, внедрив видеофон в письмо. Это была наша самая масштабная email-кампания года, призванная создать ажиотаж перед мероприятием и стимулировать продажи билетов. Но мы не учли одного: наши комментарии в коде случайно спровоцировали несколько спам-фильтров. Причина?

Комментарий, который гласил:

«`

ДА. HTML5 ВИДЕОФОН.

В EMAIL. ПОВЕРЬТЕ В ЭТО.

ВОЗВРАЩАЕМ СЕКСУАЛЬНОСТЬ В EMAIL, КАК ТИМБЕРЛЕЙК В ПОП-МУЗЫКУ.

«`

То, что начиналось как шутка для нашей аудитории email-дизайнеров и разработчиков, которые часто заглядывают в код, стало угрозой для доставляемости — и все из-за слова «секси» (sexy), спрятанного в коде.

## Поддерживайте код в чистоте

Поддержание чистоты кода — важный шаг (хотя и не единственный) к тому, чтобы ваши письма всегда попадали во «Входящие». Все дело в том, что спам-рассылки часто содержат дополнительное форматирование, позволяющее скрывать вредоносный контент, который при этом остается читабельным для людей, чтобы они кликнули туда, куда не следует.

Небрежно написанный HTML-код может привести к тому, что спам-фильтр неверно истолкует ваше сообщение и на всякий случай отправит его в папку со спамом.

«Грязный» код также может значительно увеличить размер письма. Это замедляет загрузку и негативно влияет на опыт подписчиков, снижая вовлеченность. Убедитесь, что размер вашего письма не превышает 102 КБ, чтобы избежать обрезки в Gmail. Кроме того, при больших объемах рассылки размер сообщений может влиять на время обработки вашим почтовым провайдером (ESP), что, в свою очередь, сказывается на скорости отправки.

Чистый код важен не только для доставляемости, но и для корректного отображения письма.

Перепроверьте следующие пункты, чтобы код оставался чистым, а риск попадания в спам — минимальным:

— Ошибочные теги, избыток закрывающих тегов или некорректная вложенность

— Цвет шрифта, совпадающий с цветом фона (это скрывает текст в письме)

— Встроенный Javascript

— Слишком большие размеры шрифта

— Недопустимый шрифт

— Использование iFrame

— HTML-комментарии в коде

— Наличие вложений

— Символы, не являющиеся стандартными символами ASCII

— Пустые строки в base64-кодировании

## Проверяйте свои письма

Аналогичным образом, проводите тщательную проверку орфографии как в коде, так и в контенте, чтобы спам-фильтры не решили, что вы обсуждаете популярные спам-темы: кредиты, финансы, интимные товары или медикаменты.

Еще одна распространенная тактика спамеров — скрытие контента путем установки текста того же цвета, что и фон. Перепроверьте фоновые изображения и используйте контрастные цвета для шрифтов, чтобы не создавалось впечатления, что вы прячете что-то от подписчиков.

Также перепроверьте все ссылки. Опечатка в ссылке может быть помечена как подозрительная, или, что еще хуже, привести подписчика на настоящий спам-сайт. Убедитесь, что ссылки корректны и ведут на легитимные сайты. Ссылайтесь только на доменные имена, а не на IP-адреса.

Избегайте использования сервисов сокращения ссылок, таких как bit.ly, в email-рассылках. Некоторые спам-фильтры идентифицируют такие ссылки как спамные, так как истинный адрес назначения скрыт. Как альтернативу, многие ESP предлагают встроенные методы отслеживания ссылок. Мы рекомендуем использовать этот способ вместо сервисов сокращения.

## Инструменты для организации кода в Litmus Builder

При создании писем в Litmus Builder у вас под рукой есть встроенные инструменты для поиска ошибок и поддержания чистоты кода.

**Автодополнение** позволяет просматривать список вариантов для HTML- или CSS-элементов при вводе кода. Это удобно, если вы забыли конкретный атрибут. Просто начните печатать, и Builder предложит список подходящих элементов.

Опция **«Закрытие тегов»** автоматически закрывает HTML-теги во время написания. Пропущенные закрывающие теги вызывают множество проблем, поэтому эта функция — отличный способ избежать ошибок рендеринга из-за «забытого» открытого тега.

**Вид сетки (Grid view)** подсвечивает синей сеткой все элементы письма, позволяя кликнуть на них и сразу перейти к соответствующему участку в редакторе кода.

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

Хотите узнать больше о Litmus Builder? Изучите нашу серию «Основы Builder», чтобы узнать о других приемах кодинга в нашем редакторе.