Разборы

Gmail обрезает письма. Как решить проблему

Чтобы не потерять конверсию и open rate

Если письмо весит больше 102 кБ, почтовый клиент Gmail отобразит его не полностью. Вместо продолжения пользователи увидят фразу «Письмо показано не полностью» и ссылку на полный текст. Рассказываем, как предотвратить схлопывание писем и что делать в случае, если этого не избежать.

Так выглядит обрезанное письмо в веб-интерфейсе Gmail:

Gmail обрезало сообщение
Gmail обрезал сообщение. Чтобы посмотреть письмо целиком, нужно перейти по ссылке

Чем опасно схлопывание писем

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

В чём риск:

  • Падает конверсия. Некоторые читатели не хотят открывать письмо целиком в браузере. Другие думают, что письмо закончилось и закрывают его.
  • Сбивается open rate. Gmail съедает часть кода, которая считает открытия.
  • Растут жалобы на спам. Если не видно ссылки на отписку, человек может отправить письмо в спам.

Пользователи Gmail на iPhone и iPad нашли баг: приложение зависает после клика на «View entire message» или вообще не отображает ссылки под сообщением. Подписчики не могут прочитать письма больше 102 кБ.

Прежде чем решить проблему схлопывания, разберёмся что влияет на размер письма.

Что влияет на размер

Gmail обрезает email-сообщения, которые занимают больше 102 кБ.

Может ли схлопнуться письмо меньше 102 кБ?


Да, Gmail может обрезать письма, которые весят меньше 102 кБ. Такое случается, если от одного и того же отправителя приходят сообщения с одинаковой темой. По умолчанию Gmail объединяет их в цепочки. В том месте, где общий вес цепочки превысит 102 кБ, появится троеточие — при клике на него письмо развернётся.

Перед рассылкой письма я отправляю несколько тестовых версий себе на почту. Третье сообщение пришло уже по-умолчанию свёрнутым

Перед рассылкой письма я отправляю несколько тестовых версий себе на почту. Третье сообщение пришло уже по-умолчанию свёрнутым

Чтобы узнать, сколько весит письмо, его нужно сохранить в html-формате. Как это сделать:

  1. Если вы верстаете в редакторах исходного кода, то нажмите «Сохранить как…» и выберите «html».
  2. Если нужно сохранить письмо из ящика — откройте его веб-версию. Правый клик мышкой → Сохранить как → Веб-страница, только html.

После щёлкните на html-файл правой кнопкой и выберите «Свойства»:

Размер html-файла

В этот размер входят:

  • теги и атрибуты html;
  • стили CSS;
  • текст письма;
  • ссылки на сайты и изображения;
  • специальные участки кода: ссылка на отписку, счётчик open rate.

Gmail не учитывает размер изображений – только ссылку на них в коде.

Как уменьшить размер письма: 5 способов

Как сделать письмо меньше 102 кБ.

Способ 1. Не копировать вёрстку с сайтов

Такой приём используют, чтобы процитировать часть страницы или сделать анонс. Но код сайта может содержать участки с комментариями, лишними пробелами, табуляцией и элементами Java Script. Если нужно сослаться на сайт, вставьте ссылку или иллюстрацию:

Дайджест «Популярной механики». Ссылки на сайт даны в виде анонсов: картинка + краткий текст-описание
Дайджест «Популярной механики». Ссылки на сайт даны в виде анонсов: картинка + краткий текст-описание

Способ 2. Сократить код

Убираем лишние пробелы, табы, разрывы строк и участки, которые не работают. Это можно сделать вручную или с помощью веб-сервисов HTML Minifier и HTML compressor.

Размер файла уменьшился на 26% после того, как я прогнал его через HTML minifier
Размер файла уменьшился на 26% после того, как я прогнал его через HTML minifier

Способ 3. Часть текста в изображения

Иллюстрации не влияют на размер html-кода. Перенесите часть текста в изображения:

Gmail обрезает письма. Как решить проблему 6
Часть текста из письма переместили в картинки. Это помогает уменьшить вес сообщения

Способ 4. Не дублировать стили

Часто бывает так: в письме прописаны css в <head>, а потом они ещё раз дублируются в разных элементах inline-стилями. Такой приём увеличивает размер письма — лучше оставить что-то одно.

Мы рекомендуем пользоваться inline-стилями. Они занимают больше места, но зато будут правильно отображаться на всех платформах.

Gmail обрезает письма. Как решить проблему 7
Стили, которые прописаны в . Это короче inline-стилей, но, например, Outlook такие css считывать не будет
Inline-стили в HTML
Inline-стили в HTML обозначаются атрибутом "style". Такая запись занимает больше места, но будет корректно отображаться всеми почтовыми приложениями

Автоматически перенести стили из <head> в тело письма, можно через программу-инлайнер.

Способ 5. Сокращаем текст

Всё, что не так важно для пользователя, убираем или отправляем в следующем письме.

Письмо всё ещё больше 102 кБ. Что делать

Вы сократили и почистили код, но он всё равно весит больше 102 кБ. Некоторые письма можно разбить на два и отправить по отдельности. Но что делать, если сообщение неразрывно?

Волшебного секрета здесь нет. Мы знаем только один выход — стимулировать читателя открыть полную версию письма. 4 примера, как это можно сделать:

  1. Добавить интригу. Скажите, что в конце письма содержится что-то интересное: лайфхак, чек-лист или ссылка на видео с НЛО. Аккуратно — интрига должна оправдать себя!
  2. Поощрить. Предложите подписчикам вознаграждение: промо-код, скидку или бесплатный пробник. Заранее сообщите, что подарок расположен в конце письма.
  3. Вынести важное вверх. Старайтесь уместить главный посыл письма в 1-2 экрана. Первые 102 кБ должны содержать СТА-блок, ссылку для перехода на сайт, счётчик Open Rate и ссылку на отписку.
  4. Честно сказать, что письмо могло обрезаться. Например, как это делают в рассылке «Недивана»:
Письмо «недивана»
Письмо «недивана»

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