Как избежать блокировки изображений в email-рассылках
Мы попросили ведущего разработчика и специалиста по верстке писем в Dashamail.ru Юрия Лычева сформулировать несколько рекомендаций, которые защитят картинки от блокировки почтовыми клиентами или сведут к минимуму негативные последствия.
Используйте правильные ссылки на изображения
Обычно изображения не добавляются непосредственно в письмо, а подгружаются по ссылке с сервера. Часто причина того, что в рассылке нет картинок, именно в неправильной ссылке.
Если в ней нет ошибки, нужно удостовериться, что изображение лежит на общедоступном ресурсе, а любой пользователь может посмотреть его без регистрации. Картинки не должны быть защищены паролем или находиться в ограниченном доступе.
Лучше хранить изображения для рассылок в отдельной в папке и никогда не удалять – многие получатели открывают письма недели и месяцы спустя или используют их как закладки, чтобы вернуться к нужному контенту в удобный момент.
Проверяйте формат изображений
В рассылке можно использовать не любые изображения. Большинство почтовых клиентов поддерживают только файлы с расширениями png, gif и jpg. Других форматов стоит избегать, особенно bmp – картинки будут очень долго открываться, пользователь просто не дождётся загрузки.
Важно, чтобы цветовой моделью картинок была RGB. Иногда редакторы по умолчанию сохраняют изображения в CMYK. Они не отображаются в некоторых браузерах, например, в Internet Explorer.
Файлы Flash, JavaScript, ActiveX, а также видео, встроенные в рассылку, получатель в большинстве случаев не увидит. Учитывайте размер картинок
Большинство почтовых служб не отобразят слишком большие изображения. Оценивать нужно и вес картинки, и размер её сторон в пикселях. Лучше всего, чтобы реальный размер изображения был равен тому, который отображается в письме.
Послание, которое весит слишком много, будет долго открываться либо вовсе окажется заблокированным. Поэтому все изображения, используемые в рассылке, необходимо сжать. Если картинок много, уменьшить их лучше в Adobe Fireworks.
Слишком маленькие картинки – тоже плохой вариант. Иногда при вёрстке писем используются прозрачные картинки размером 1x1 пиксель. С помощью таких изображений маркетологи узнают, открывал ли адресат письмо, но из-за них послание может попасть в спам.
Отправляйте тестовые письма
Банальный совет, которым многие пренебрегают, особенно в небольших компаниях. Картинка в письме может не отобразиться в почтовом клиенте получателя или может превышать по размеру ячейку HTML-таблицы, из-за чего изображение обрежется или всё письмо «поедет» в некоторых браузерах. Поэтому перед отправкой рассылки по всей базе лучше разослать несколько тестовых писем и попробовать открыть их в разных почтовых системах.
Используйте alt текст
Иногда email-маркетолог не может повлиять на отображение картинок в письме – некоторые почтовые клиенты блокируют отображение графики. Например, в Windows Live Mail, Outlook Express, Outlook 2007 нет подгрузки картинок по умолчанию. В других почтовых программах пользователь может намеренно отключить загрузку графики.
Чтобы получатель не увидел вместо картинок пустой белый лист, к ним нужно добавить альтернативный текст. Это может быть название изображение, а лучше – его краткое описание.
В большинстве случаев при вёрстке рассылки можно использовать стилизованный alt текст – написать заголовок или первую фразу жирным или более крупным шрифтом.
Поддержка стилизованного alt текста зависит от того, какой браузер используется. Например, он будет виден при просмотре письма в Gmail в Firefox, а при просмотре Gmail в Internet Explorer — нет. Зато Gmail и G-suite в Internet Explorer поддерживают разные цвета, и это также стоит использовать.
Во многих почтовых клиентах альтернативный текст исчезает, если размер шрифта или длина текста превысят ширину или высоту изображения. Поэтому лучше придерживаться коротких описаний и меньшего размера шрифта.
В приведённой ниже таблице показано, какие почтовые клиенты блокируют изображения, отображают обычный и стилизованный alt текст:
Попадите в белый список
Стоить попросить постоянных подписчиков добавить email-адрес, с которого компания делает рассылки, в список безопасных отправителей. Для этого в письмо можно включить простой текст: «Чтобы получать электронные письма, добавьте нас в свою адресную книгу».
Чтобы клиенту было проще, стоит сегментировать получателей по адресам электронной почты и отправить каждой группе руководство, как добавить компанию в белый список. Это поможет клиенту решить проблему компании, не тратя на этого лишнего времени и усилий. Отправить такую инструкцию можно в виде скриншота, чтобы всё было проще и понятнее.