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