Рекомендации по электронной почте в формате HTML: вредны ли электронные письма, содержащие только изображения, для маркетинга?
Опубликовано: 2022-11-24Успешные компании уделяют первостепенное внимание соблюдению стандартов своего бренда — и это правильно. Это визуальное представление их отношений со своими клиентами, и они поддерживают это взаимопонимание, всегда используя одни и те же шрифты, цвета, логотип и стиль изображения.
Вот почему может быть так неприятно, когда вы начинаете разрабатывать маркетинговую стратегию по электронной почте для своего клиента только для того, чтобы понять, что вы ограничены веб-безопасными шрифтами, не можете легко накладывать слова на изображения и не можете контролировать точный внешний вид текста. потому что отступы или поля зависят от почтового ящика.
Из-за этого у вас может возникнуть соблазн создать шаблон, состоящий только из изображений, чтобы ваша электронная почта всегда выглядела именно так, как вы хотите. К сожалению, это недальновидная стратегия, которая скорее вызовет больше проблем, чем решит. Продолжайте читать, чтобы узнать, почему (и что вы должны делать вместо этого).
Почему вам следует избегать электронных писем, содержащих только изображения
К сожалению, преимущества электронных писем, состоящих только из изображений, не перевешивают недостатки. Ниже приведены лишь некоторые из причин, по которым вам следует избегать их.
Они могут вызвать проблемы с доставкой
Когда дело доходит до создания кампаний по электронной почте, вашим главным приоритетом всегда должна быть доставляемость. Электронные письма, содержащие только изображения, часто отправляются прямо в папку со спамом, потому что они могут быть тактикой, используемой мошенниками для обхода текстовых фильтров, установленных для обнаружения оскорбительных или вводящих в заблуждение формулировок.
Общий размер файла вашего электронного письма также влияет на доставляемость, как показано в этом электронном письме о кислотной статье, а электронные письма, содержащие только изображения, намного больше, чем электронные письма в формате HTML.
Они могут загружаться медленно или вообще не отображаться
В некоторых почтовых клиентах изображения могут быть отключены по умолчанию из соображений безопасности или для защиты пользователей от потенциально оскорбительного содержимого или вредоносных программ. Если вы создали электронное письмо, состоящее только из изображений, они могут не увидеть ничего, кроме стены сломанных значков изображений, как примеры, показанные в этой лакмусовой статье о блокировке изображений.
Электронные письма с большим количеством изображений также могут значительно увеличить время, необходимое для загрузки электронного письма, что может нанести ущерб вовлеченности пользователей. Люди тратят в среднем 10-13 секунд на чтение отдельного электронного письма; это означает, что если во время загрузки изображений есть задержка, и без того узкое окно возможностей, которое у вас есть, чтобы донести свое сообщение, сократится еще больше.
Они ставят под угрозу доступность
Людям с нарушениями зрения будет гораздо труднее использовать устройство чтения с экрана для интерпретации электронной почты, состоящей только из изображений. Хотя изображения в электронном письме всегда должны иметь описательный замещающий текст, относящийся к содержимому электронного письма, они не предназначены для полной замены текста электронного письма.
Они не оптимизированы для мобильных устройств
Если вы создадите электронное письмо, состоящее только из изображений, для настольных компьютеров, ваш клиент будет щуриться, чтобы увидеть его на своем мобильном устройстве. С другой стороны, если вы создадите его для удобства чтения на телефонах, на экране компьютера он будет выглядеть мультяшно большим.
Они не так доступны для поиска, как электронные письма в формате HTML
Если вы отправляете электронное письмо с информацией, на которую контакт хочет сослаться позже, например купон или предстоящее событие, им будет труднее искать ваше сообщение в папке «Входящие», если весь текст основан на изображениях.
Теперь, когда вы знаете обо всех причинах, по которым вам не следует создавать электронные письма, содержащие только изображения, вот несколько рекомендаций, которые следует учитывать при создании красивых и эффективных электронных писем в формате HTML.
Рекомендации по созданию электронных писем в формате HTML
Означает ли это, что вам следует избегать изображений в ваших электронных письмах? Нисколько! Большинство ресурсов предлагают соотношение текста и изображения 60/40 для наилучшего баланса доставляемости и оптимального взаимодействия с пользователем. Попробуйте эти стратегии для создания электронных писем, которые оказывают влияние с показом изображений или без них.
Максимально уменьшите размер ваших изображений
Вы можете и должны по-прежнему включать изображения в свое электронное письмо, но их размер файла должен быть сведен к минимуму, прежде чем добавлять их в шаблон электронной почты.
Чтобы экспортировать изображения для отправки по электронной почте из Photoshop, выберите «Файл» > «Экспорт» > «Сохранить для Интернета». Для непрозрачных изображений, таких как фотографии, формат файла JPEG допускает меньший размер файла, чем PNG. Для иллюстрированных изображений, таких как логотипы, требующие прозрачности, формат PNG является идеальным вариантом.
Если у вас нет доступа к Photoshop, бесплатный онлайн-инструмент для сжатия изображений, такой как tinypng, поможет свести размер изображения к минимуму.
Использовать живой текст
В большинстве случаев все формулировки электронной почты должны быть текстом HTML, который можно выбрать с помощью курсора и прочитать с помощью устройства чтения с экрана. Хотя первоначальный список безопасных веб-шрифтов — ваш самый безопасный выбор, некоторые почтовые ящики могут отображать ваш шрифт (например, в Gmail будут отображаться шрифты Google).
Вы всегда можете сначала использовать свой фирменный шрифт с веб-безопасными шрифтами в качестве запасного варианта. Используя запятые в CSS, вы указываете почтовому ящику использовать первый шрифт, если это возможно, затем второй, если это возможно, и, наконец, любой другой шрифт без засечек, если два других недоступны.
<style=”font-family: 'KoHo', Arial, sans-serif”>Создание пуленепробиваемых кнопок
Пуленепробиваемая кнопка — это любая кнопка электронной почты, созданная с использованием HTML вместо изображения. Они могут быть сделаны с использованием нескольких методов, включая отступы, границы или язык векторной разметки (VML).
Этот пуленепробиваемый конструктор кнопок электронной почты поможет вам легко создать стилизованную кнопку, которая будет красиво отображаться в большинстве почтовых ящиков, включая Outlook.
Замените изображения на гифки для максимального эффекта
Вы можете быть удивлены, узнав, что анимированный gif может быть даже меньше по размеру, чем фотография. Все сводится к сложности изображения и тому, сколько пикселей меняется между кадрами.
В этой статье представлено несколько подробных стратегий создания GIF-файлов разумного размера для ваших электронных писем. Вот некоторые из этих советов:
- Обрезка вместо затухания для переходов
- Использование иллюстрированных векторных элементов вместо фотографий
- Использование наложения для ограничения цветовой палитры
Включите ссылку «Просмотреть в браузере» в верхней части вашего электронного письма.
Некоторые пользователи предпочитают, чтобы изображения были отключены по умолчанию, или они не могут управлять этой функцией, поскольку у них есть почтовый ящик на рабочем месте со встроенными функциями безопасности.
Вот почему всегда рекомендуется включать ссылку «Просмотреть в браузере» в верхней части сообщения электронной почты, чтобы контакт мог видеть сообщение в том виде, в котором оно было изначально создано.
Используйте текстовые элементы вместо значков изображений
По возможности экспериментируйте с текстовыми/CSS-элементами вместо изображений. Например, вместо того, чтобы создавать изображение стрелки, посмотрите, есть ли безопасный веб-шрифт, который включает ее. Вы можете погуглить «ASCII» или «Unicode», а затем ввести ключевое слово для проверки. На этой диаграмме показаны все символы, о которых вы, возможно, не знали, что они являются частью семейства шрифтов Arial.
Сделайте изображения необязательным элементом акцента
Недавняя тенденция, которую мы заметили, — электронные письма, в которых изображения плавно сливаются с однотонным фоном. Это создает иллюзию электронного письма, состоящего только из изображений, сохраняя при этом HTML-текст и адаптивный дизайн для настольных компьютеров и мобильных устройств.
Хотя у вас может не быть выбора идеальных шрифтов и макета, хорошо разработанное электронное письмо в формате HTML по-прежнему является высокоэффективным маркетинговым инструментом, который можно использовать для охвата каждого из ваших клиентов, независимо от их демографической группы или физических возможностей.