Картинки в email: практические советы и лучшие примеры

Добавляйте к изображениям альтернативный текст

Альтернативный текст будет полезен в тех случаях, когда подписчики отключают загрузку изображений в браузере в целях экономии трафика, ведь подгружая много графики, за час работы можно израсходовать большую его часть. Смысл alt-текста легче понять на примерах. Ниже один и тот же email от развлекательного портала BuzzFeed. Письмо, в котором не загрузились картинки, содержит вместо них альтернативный текст, именно он дает описание того, что должно было быть видно:

Альтернативный текст добавляется через атрибут alt тега <img>.

Используйте инфографику

Само слово инфографика происходит от английской фразы "information graphics" – информация в графическом виде. Этот инструмент отлично подойдет для передачи объемной информации в кратком, суммированном виде. С инфографикой легче и быстрее донести подписчикам факты в цифрах, результаты исследований, годовые итоги и т.д.

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

Создавайте GIF изображения

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

GIF в своих email рассылках используют такие известные компании, как Kate Spade, J.Crew, F/Y, American Eagle Outfitters, Nike, Terrain и другие. Попробуйте и вы.

Придерживайтесь корпоративного стиля

Изображения повышают узнаваемость вашего бренда. Поэтому включайте логотип компании в каждую email рассылку. В этих же целях маркетологи используют корпоративные цвета и фирменные шрифты. Такая визуализация идентифицирует вашу компанию, товар или услугу и визуально отличает от других подобных.

Например, в email рассылках от интернет-магазина МТС всегда прослеживается фирменный стиль бренда: логотип, красные корпоративные цвета кнопок, ярлыков и иконок.

Email – это не брошюра и не каталог

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

Пользователи читают email по-другому, не так как флаер, брошюру или каталог. Обычно на чтение электронного письма не тратится больше 15-ти секунд. И за эти секунды вам необходимо заинтересовать человека и вдохновить на клик по целевым ссылкам.

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

Стилизуйте HTML письмо под "текстовое"

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

Используйте все преимущества визуальной графики

Современный пользователь предпочитает графику тексту. Так быстрее воспринимается информация. Но для того, чтобы изображение оказывало влияние, оно должно служить не только для красоты.

Для большего вовлечения подписчиков в email рассылку используйте эти методы:

• Фокус на деталях

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

Обратите внимание как ювелирная компания Astley Clarke подает изображения в своей рассылке. На каждый предмет имеются две фотографии. Первая – это общий план, а вторая фотография приближает объект к подписчику, фокусируя внимание на деталях.

• Демонстрация товара в действии

Показать предмет в действии – это все равно, что провести тест-драйв. Расскажите подписчику, как устроен ваш продукт или сервис, что представляет собой в работе. Так клиент быстрее примет решение о покупке. Это легко осуществить, используя фотографии.

Используя такой принцип, компания Teavana рассказывает своим подписчикам в email, что такое порошковый японский зеленый чай и как его правильно заварить. Потребуется большая пиала, ложка порошкового чая и венчик для взбивания с горячей водой.

• Пробуждайте эмпатию

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

Эмпатия – это осознанное сопереживание текущему эмоциональному состоянию другого человека. При виде определенных образов, человек с развитой способностью эмпатии может без труда понять эмоциональное состояние другого человека, искренне воспринять чувства, изображенные на фотоснимке.

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

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

Еще несколько правил, как подобрать изображение при создании HTML письма

Крайне важно писать код писем вручную и иметь хорошие знания HTML. Учитывайте следующее:

• Не используйте фоновых изображений, они не отображаются практически во всех email клиентах, и подписчики просто не увидят его.
• Избегайте вложенных таблиц.
• Храните картинки на своем сервере, не включая их в письмо. Размер письма с вложенными рисунками может быть слишком большим и поэтому его может заблокировать сервер при отправке. Располагайте все изображения на своем хостинге, а в письмо вставляйте ссылку на изображение.
• Не используйте CSS, в случае с HTML письмами, это может повлиять на корректное отображение письма. Не используйте стили из отдельно прикрепленного файла.
• Ширина письма должна быть не более 600 пикселей, чтобы получателям не пришлось использовать горизонтальный скроллинг для чтения.
• Размер сообщения не должен быть более 100 кб.

Надеемся, что наши советы и примеры помогут создать email рассылку, от которой глаз не отвести! :)