Перед отправкой новой кампании или запуском очередного шаблона стоит учесть множество факторов. Из-за обилия переменных возможности для оптимизации писем зачастую остаются незамеченными.
Это похоже на ремонт в доме: вы начинаете работу, обещая вернуться к ней позже. Из-за повседневной суеты детали отходят на второй план, и вы привыкаете к недоделанному интерьеру.
Когда вы создаете рассылки ежедневно, возникает соблазн гнаться за масштабными и захватывающими идеями. Но иногда полезно вернуться к основам. Как email-разработчик в Litmus, я использую ряд проверенных советов и лучших практик для шести ключевых частей письма.
Выделите время на проверку своих рассылок — возможно, вы найдете способы их улучшить. А если вы сейчас переходите на новые шаблоны, самое время провести их аудит.
## 6 разделов письма для оптимизации
Не знаете, с чего начать? Начните с самого верха. Проверяйте свои текущие шаблоны по одному разделу за раз, чтобы ничего не упустить.
### 1. Конверт (Envelope)
Email — это виртуальное письмо, поэтому у него есть «конверт». Он включает тему письма, прехедер (текст предпросмотра) и имя отправителя. Задача этих элементов — побудить пользователя открыть письмо. Они должны работать в связке. Например, бренд Paula’s Choice отправил письмо про сыворотку с витамином C, где тема была «3 вещи, которые стоит знать о витамине C 🧡», а прехедер — «№3 очень важен».
#### Советы по оптимизации «конверта»:
— Сделайте имя отправителя дружелюбным — не используйте адрес «no-reply».
— Используйте имя отправителя, которое четко ассоциируется с вашим брендом.
— Не бойтесь слов, которые якобы триггерят спам-фильтры (они почти не влияют на доставляемость).
— Координируйте тему и прехедер: например, прехедер может отвечать на вопрос из темы или дополнять её.
— Если сообщение «от» конкретного человека из команды, письмо должно выглядеть как личное послание.
— Не используйте «Re:» или «FWD:» в теме. Письма должны укреплять доверие, а не подрывать его.
### 2. Шапка (Header)
Когда подписчик открывает письмо, первым делом он видит шапку. В ней как минимум должен быть ваш логотип. Можно сделать шапку динамической: например, в наших рассылках в шапке стоит динамическая ссылка. Если подписчик — клиент Litmus, он видит кнопку входа. Если нет — ссылку «Посмотреть в браузере».
#### Советы по оптимизации шапки:
— Скрытие прехедера не влияет на спам-фильтры, поэтому его не стоит включать в шапку.
— Если используете навигацию в шапке, оставьте её только для десктопа. На мобильных устройствах места мало, лучше перенести меню в футер.
— Убедитесь, что шрифт, размер и цвет элементов доступны для восприятия.
### 3. Первый экран (Hero)
Hero-блок — это визуальный элемент (изображение, анимация или заголовок), задающий тон письму. Поскольку это первое, что видят пользователи, он должен четко передавать суть сообщения.
#### Советы по оптимизации Hero-блока:
— Всегда используйте Retina-изображения и задавайте атрибуты ширины и высоты. Outlook не поддерживает все CSS-стили, поэтому без атрибутов картинки могут отображаться некорректно.
— Используйте дизайн «перевернутой пирамиды» для текстовых блоков.
— Сделайте заголовок или изображение кликабельными, если в блоке нет кнопки CTA.
### 4. Основной текст (Body copy)
Если ваш сайт — это магазин, то письмо — это витрина. Не нужно объяснять всё в самом письме, достаточно дать информацию для одного целевого действия.
#### Советы по оптимизации текста:
— Используйте «живой» текст и безопасные веб-шрифты.
— Пишите кратко. Если текст длиннее трех строк — выравнивайте его по левому краю.
— Используйте «правило трех» для создания списков.
— Не забывайте про «воздух» (белое пространство).
— Используйте семантическую верстку (заголовки и абзацы).
### 5. Призывы к действию (CTA)
Закон Хика гласит: чем больше вариантов выбора, тем дольше человек принимает решение. Используйте кнопки осознанно.
#### Советы по оптимизации CTA:
— Используйте инструменты персонализации, чтобы показывать контент и кнопки на основе прошлых действий пользователя.
— Создавайте визуальный акцент, ведущий к CTA в нижней части письма.
— Дублируйте ссылки на одну и ту же страницу в разных местах, но меняйте текст кнопок, чтобы избежать повторов.
### 6. Футер (Footer)
Футер завершает письмо и содержит важную информацию: ссылку на отписку и юридические данные. Но он может быть и интересным!
#### Советы по оптимизации футера:
— Сделайте ссылку на отписку заметной.
— Укажите адрес компании.
— Если не хотите получать ответы на письмо, напишите, как с вами связаться.
— Если ссылки «посмотреть в браузере» нет в шапке — разместите её в футере.
— Сохраняйте порядок и читабельность.
## Главный совет… тестируйте!
Каждый должен тестировать каждое письмо. Тестирование — лучший способ убедиться, что ваша работа выглядит в почтовом ящике именно так, как вы задумали. Сервисы для превью и QA помогут проверить отображение на разных клиентах, работоспособность ссылок, доступность и риск попадания в спам.