Текстовое письмо VS HTML оформление

2015-12-07-plain-text-email-vs-html

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

Еще с 1970х годов люди отправляли друг другу обычные текстовые сообщения, которые не подкреплялись визуальными элементами. А в 1993 британский ученый Тим Бернес-Ли открыл миру язык HTML. Но, несмотря на это, некоторые компании все же еще используют текстовые сообщения в рассылках.

Почему же так происходит? Стоит разобраться в преимуществах и недостатках каждого вида.

Текстовый email

Можно сказать, что мы живем в HTML мире, ведь каждый день мы наблюдаем красочные картинки окружающего мира, где каждый элемент имеет свою величину. Текстовый email можно сравнить разве что с процессом написания чего-либо.

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

Преимущества:

  • Легко создавать;
  • Воспринимается как личное письмо;
  • Является основой HTML;
  • Корректно отображается в различных email клиентах.

Недостатки:

  • Невозможно включить изображения в письмо;
  • Нет кнопки Call-to-action;
  • Невозможно расположить текст так, чтобы по нему можно было быстро пробежать глазами;
  • Невозможно разделить текст на колонки.
  • Невозможно отследить открываемость (Open Rate)

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

Согласитесь, это дает эффект, но небольшой.

 

Text email

 

Был проведен опрос среди людей разных профессиональных сфер, какой вид письма им больше по душе. Что они предпочитают: получить письмо, которое состоит больше из текста или изображений. Почти 2/3 респондентов дали ответ, что предпочитают HTML письма.

Survey

Обратившись к опросу, мы видим, что поклонники HTML email превысили поклонников текстового письма в своем количестве. Тем не менее, 36% — это не мало. Вот чем объясняется множество вариантов HTML писем, стилизованных под текстовые письма. У них есть свои читатели.

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

simple html

HTML email

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

Также огромным бонусом, которые дают нам HTML письма есть добавление визуального контента. Было доказано, что зрительно человек воспринимает 90% информации, а значит, видео и изображения – верный способ преподнести информацию подписчикам.

Преимущества: 

• Возможность создания оригинального фирменного шаблона с использованием оригинальных шрифтов и фирменных цветов.

visual content

 

  • Легко воспринимается. Читатель беспрепятственно воспринимает текст HTML письма. Это не просто сухой текст, он чередуется с изображениями, иконками, имеет приятный фон. Читатель сканирует взглядом информацию и останавливается на самых важных моментах. Call-To-Action еще больше помогает это реализовать.
  • Возможность использовать интерактивные элементы-иконки, которые делают текст не скучным.

ikonki

Недостатки:

  • Иногда картинки HTML письма могут не отображаться, а это в свою очередь повлияет на open rate. Но эту ситуацию можно исправить не используя фоновых рисунков, располагая картинки на своем сервере, а не включая их в письмо, и делая письмо адаптивным.

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

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

Распространенный метод добавления видео в email. Для того чтобы перейти на ссылку, по которой находится видео нужно нажать на изображение. На изображение обычно встраивается заманчиво оформленная кнопочка «Посмотреть», «Play», нажимая на нее, обычно кажется, что видео откроется прямо в окне с письмом. Несмотря на то, что видео открывается в новом окне, многие пользователи все равно переходят на YouTube и смотрят видео. Таким образом, вы повышаете количество кликов на видео.

video

2. Встроить видео прямо в тело письма.

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

video-v-pisme

3. Представить видео в виде GIF-изображения.

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

video as gif

Советы по созданию HTML писем

  • Создавайте письма вручную. Многие дизайнерские программы для работы с HTML и различные редакторы вставляют лишний html код, который может непонятно как отобразиться в разных email программах. Мы рекомендуем писать код вручную или чистить его после использования специальных программ.
  • Используйте простые HTML тэги: h1, h2, h3, h4, h5, h6, p, ol, ul, li, table, tr, th, td, a, img.
  • Есть много тегов, которые часто удаляются клиентом электронной почты, например: <meta>, <link≫ <script> </script> <title></title> <noframes></noframes> <iframe></iframe>. Будьте с ними осторожны!
  • Используйте HTML код, без JavaScript, ActiveX, Flash. Вы не можете использовать внешнюю таблицу стилей.
  • Размер письма не должен превышать 50 KB, включая изображения. Рекомендуется нарезать большие изображения на несколько частей и соединять их с помощью HTML таблицы.
  • Ширина сообщений не более 650 пикселей в ширину. Если вы сделаете письмо шире, в некоторых почтовых программах пользователю придётся использовать горизонтальный скроллинг.
  • Alt теги для изображений. Если картинка в письме будет заблокирована, пользователь увидит альтернативный текст, который вы можете указать по своему усмотрению.
  • Используйте описательные имена для изображений (например, 50-процентная-скидка-предложение.gif), а не общего характера, например, imagegif, image2.gif.
  • Почтовые клиенты, которые по умолчанию не показывают изображения, будут отображать только текстовую версию вашего письма и отображать ссылку в качестве URL на страницу. По этой причине, убедитесь в том, что ссылки достаточно короткие (рекомендуется 75 символов), чтобы поместиться в письме.
  • Кнопка призыва к действиям должна быть доступна и в текстовом формате на тот случай, если она отобразится некорректно.
  • Ссылка на веб-версию письма. Если подписчик заинтересован в вашем письме, но не может просмотреть в мобильном потовом клиенте, укажите ссылку на его веб-версию.
  • Содержание – важная часть. Оно должно быть кратким и, по существу. У вас есть всего несколько секунд для того, чтобы заинтересовать подписчика.
  • Четкий призыв к действию. Дайте понять подписчику какими должны быть его дальнейшие действия. Размещайте кнопку CTA так, чтобы не пришлось долго скролить письмо. Делайте ее достаточно большой чтобы пользователь мобильного мог с легкостью попасть, а также рядом не должно быть каких-либо ссылок, которые могут быть нажаты случайно.
  • Текст «предварительного заголовка». Он показывается во многих почтовых клиентах в качестве предпросмотра письма. Важность предварительного заголовка сопоставим с важностью темы. Используйте его для того, чтобы побудить читателя открыть ваше письмо. Не делайте заголовок слишком длинным, так как многие почтовые клиенты просто-напросто обрежут его.
  • Всегда включайте одну или несколько ссылок, так чтобы можно было отслеживать эффективность письма. Старайтесь ограничить количество ссылок до 10 или даже менее.
  • Тестируйте. Нужно тестировать на различных устройствах и мобильных клиентах. Проверяйте письма на протяжении всего процесса разработки для того, чтобы убедиться, что ошибок нет.

Избегайте при создании HTML письма:

  • Темных фонов
  • Фоновых изображений, потому что они часто не отображаются
  • <div> тэгов
  • Белого текста
  • специальных символов, таких как < > & €;
  • информацию «согласны с правилами антиспам-политики». Как правило, только спамеры так пишут.
  • Трансформации всего текста в сплошную ссылку. Большая часть текста не должна быть ссылками, так же, как и на странице веб-сайта.

HTML email письма – это наше настоящее и будущее. Несмотря на то, что некоторые до сих пор используют текстовую рассылку, многие западные маркетологи отзываются о ней как: «Это динозавр и никто ее не использует».  Что использовать – решать вам. Эффективных рассылок!

👉👉👉 Поделитесь этой статьей в социальных сетях, чтобы Ваши друзья и коллеги тоже могли прокачаться в интернете-маркетинге: 👇👇👇