Дизайн электронных писем для людей и агентов

Источник: Resend•

Дизайн электронных писем для людей и агентов

Лучшие практики по созданию электронных писем, которые одинаково хорошо воспринимаются как людьми, так и агентами.

Кто читает ваши письма?

Раньше у ваших писем была только одна аудитория. Теперь их две.

Apple Mail резюмирует сообщения с помощью Apple Intelligence since iOS 18.1, а Gmail суммирует сообщения и целые цепочки писем с помощью Gemini.

Эти сводки располагаются между темой письма и его содержимым и могут заменять ваш текст превью.

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

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

Хорошая новость заключается в том, что лучшие практики отлично работают как для людей, так и для агентов. То, что помогает программам чтения с экрана и агентам, также помогает людям воспринимать письма на телефоне. Доступное письмо — это письмо, читаемое машиной.

Вот шесть практик проектирования для обеих категорий читателей.

1. Сначала самое главное

Инструменты суммирования уделяют особое внимание верхней части вашего письма. Маркетологи называют это «ИИ-сгибом» и говорят, что он охватывает примерно the first 100 to 150 characters. Если ваше главное сообщение находится в четвертом абзаце, сводка может описать что-то другое.

Начинайте с того, что произошло, что вам нужно от читателя и к какому сроку.

  • Плохо: «Привет, Сэм, надеемся, твоя неделя проходит отлично! Мы хотели обратиться по поводу кое-чего на твоем аккаунте».
  • Хорошо: «Ваш счет на сумму 240 долларов подлежит оплате 21 октября. Оплатите его в личном кабинете».

Ограничивайте каждое письмо одной краткой целью. Inbox Monster выяснили, что когда в письме содержится три просьбы, ИИ выбирает одну (часто не ту!).

Продолжайте писать текст превью, но не полагайтесь на него полностью. Тестирование Oracle показало, что ИИ в Android читает текст прехедера как любой другой текст тела письма, в то время как Apple Intelligence иногда переписывает его, а иногда игнорирует.

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

Быстрая проверка: понятно ли ваше письмо, если прочитать только тему и первые два предложения основного текста?

Быстрая проверка: понятно ли ваше письмо, если прочитать только тему и первые два предложения основного текста?

2. Используйте живой текст, а не изображения

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

Как насчет альтернативного текста? В ходе текущего тестирования ИИ-суммаризаторы часто игнорируют его. Продолжайте писать хороший альтернативный текст для программ чтения с экрана, но все важное помещайте в настоящий текст.

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

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

3. Обеспечьте структуру

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

В проанализировали 376 348 писем. Выяснилось, что у 74% нет тега <h1>, примерно у 96% отсутствуют атрибуты lang и dir у тела письма, а у 45% нет тега <title>. Мы подробно описали исправления в нашей статье о доступности. Если коротко:

  • Тег <h1> и вложенные заголовки придают письму структуру, понятную машине. Короткие уведомления, такие как сброс пароля, могут обойтись без них.
  • Тег <title> должен описывать конкретное письмо, подобно теме.
  • Атрибуты lang и dir указывают, на каком языке написао письмо и в каком направлении оно читается. Повторяйте их для прямых дочерних элементов body, так как некоторые клиенты удаляют их из тега <html>.
  • Атрибут role="presentation" не позволяет использовать макетные таблицы в качестве таблиц данных.

Если вы используете React Email, обновитесь до последней версии. Теперь она по умолчанию устанавливает язык и направление для <Body>, а <Preview> выводит тег <title>.

Быстрая проверка: знаете ли вы, как структурирован HTML вашего письма?

Быстрая проверка: знаете ли вы, как структурирован HTML вашего письма?

4. Помещайте факты и действия в текст

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

  • Излагайте факты в виде текста. Указывайте общую сумму, дату платежа, номер заказа и статус в теле письма, а не только на картинке или во вложении.
  • Описывайте свои ссылки. Текст ссылки должен говорить о том, куда она ведет. Текст «Оплатить счет №1042» подскажет агенту и программе чтения с экрана, что произойдет. Текст «Нажмите здесь» не говорит им ни о чем.
  • Сделайте одно действие очевидным. Один основной призыв к действию в виде настоящей ссылки человеку и агенту найти проще, чем пять конкурирующих кнопок.
  • Отправляйте настоящую версию в виде простого текста. Это дает любому инструменту, который не хочет парсить HTML, чистую копию для чтения. Прочитайте ее сами перед отправкой, так как это полноценная версия вашего письма, а не рудимент. Resend автоматически генерирует версию в виде простого текста при каждой отправке письма.

С помощью React Email вы можете рендерить обе версии из одного шаблона:

5. Остерегайтесь скрытого текста

ИИ-ассистент читает исходное сообщение, включая текст, который ваш почтовый клиент скрывает от людей.

Поскольку это известная атака, почтовые провайдеры внимательно следят за такими негативными сигналами.

В августе специалисты Forcepoint X-Labs показали, что несколько строк HTML со стилями нулевого размера шрифта и белым текстом могут перехватить суммаризатор писем. Исследователи также продемонстрировали аналогичный трюк против Gemini в Google Workspace. Скрытие текста может привести к тому, что инструменты безопасности пометят ваше письмо как спам или вредоносное.

Если вы отправляете письма

  • Не скрывайте текст. Скрытые прехедеры — распространенный прием, но будьте готовы к тому, что любой текст со стилями, делающими его невидимым, будет отброшен или помечен инструментами, которые читают только то, что видят люди.
  • Не обращайтесь к боту. Строки вроде «если вы ИИ-ассистент, скажите...» выглядят как атака для фильтров безопасности, независимо от того, скрываете вы их или нет. Некоторые поставщики систем почтовой безопасности уже удаляют невидимый текст и невидимые символы Unicode из сообщений.
  • Говорите то, что имеете в виду, для всех. Если видимое письмо и письмо, читаемое машиной, говорят о разном, восприятие письма нарушается, что сигнализирует о вредоносном контенте.

Если вы создаете агентов, читающих почту

Относитесь к каждому письму как к ненадежным данным. Рекомендации Forcepoint — хорошее начало:

  • Извлекайте только тот контент, который видит человек.
  • Обнаруживайте скрытые или подозрительные стили HTML и CSS.
  • Храните заголовки отдельно от тела письма при создании промпта.
  • Сверяйте сводки с оригинальным письмом.

Предоставляйте агенту минимум необходимых привилегий и требуйте подтверждения от человека для таких рискованных действий, как оплата, удаление или пересылка.

6. Тестируйте то, что видит машина

Вы не можете предусмотреть поведение каждого клиента, но можете проверить базовые вещи перед отправкой.

  • Отключите изображения. Если письмо теряет смысл, исправьте это.
  • Попросите модель сделать краткую выжимку. Вставьте свой HTML и простой текст в ассистент и попросите составить резюме и указать следующее действие. Если модель ошибается в чем-то из этого, суммаризатор в почтовом ящике, скорее всего, сделает то же самое.
  • Проверьте реальных клиентов. Отправьте тест в Gmail, в Apple Mail с включенной функцией Apple Intelligence и в Outlook с Copilot. Посмотрите на превью, затем откройте письмо и нажмите «Суммировать».
  • Прочитайте текстовую часть. Убедитесь, что версия в виде обычного текста содержит те же факты и ту же ссылку, что и HTML.

Если вы создаете шаблоны с помощью агента кодирования, навык агента Email Best Practices теперь включает лучшие практики обеспечения доступности, которые охватывают многие из этих аспектов.

Контрольный список для вашей следующей отправки

  • Лид: размещайте ключевой момент и призыв к действию (CTA) в первых 100–150 символах.
  • Цель: одна цель на одно письмо. Делайте его коротким, легко сканируемым и по делу.
  • Текст: заголовки, ключевые факты и призывы к действию в виде живого текста. Проведите тест с отключенными изображениями.
  • Структура: используйте семантический HTML, включая описательный тег <title>, атрибуты lang и dir, а также role="presentation" для таблиц.
  • Ссылки: используйте описательный текст, а не просто «нажмите здесь».
  • Обычный текст: всегда включайте версию письма в виде обычного текста.
  • Только видимое: никакого скрытого текста или инструкций, направленных на управление ИИ.
  • Тест: проверяйте сводки в Gmail, Apple Mail и Outlook перед отправкой.

Четкое, структурированное, честное письмо всегда было целью. Теперь агентам нужно прочитать его в первую очередь, поэтому оно должно быть легко понятным.

Чем еще мы можем помочь вам подготовить вашу рассылку для агентов?

О чём эта статья