Форматирование электронной почты HTML: ошибки и исправления

Опубликовано: 2019-12-26

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

Электронные письма со слишком большим количеством изображений. Мы все это видели на Benchmark.

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

Ошибка №1: использование слишком большого количества изображений / графики и недостаточного количества текста

Вы, вероятно, получили множество писем - в основном от спамеров - с изображениями (или даже одним большим изображением), но с тонкими текстовыми частями. Хотя эти электронные письма могут быть красивыми, помните, что так же, как почтовые клиенты отсеивают текстовые сообщения со спамом, они также блокируют текстовые сообщения с большим количеством изображений / легкие.
Итак, что вы можете с этим поделать? Продолжай читать:

  • Сжимайте, сжимайте, сжимайте эти изображения, чтобы они не перегружали текст. Вам нужен баланс вашей электронной почты или информационных бюллетеней. В этом вам помогут изображения меньшего размера.
  • При необходимости используйте эскизы изображений. Когда кто-то нажимает на эти эскизы, свяжите их с веб-версией вашего электронного письма или информационного бюллетеня в формате HTML. Это очень поможет вам, поскольку люди, отправленные через веб-версию вашего электронного письма или информационного бюллетеня, будут видеть ваше письмо целиком, включая изображения.
  • Используйте сдержанность. Если у вас есть только абзац текста и вам нужно использовать одно или два изображения, заставьте себя выбрать лучшее и придерживаться его. Помните: вы, вероятно, сможете использовать другие изображения в более поздней кампании.
  • Не отправляйте электронное письмо с одним большим графическим или графическим файлом. Вам нужен текст. Почтовые клиенты ищут текстовые ключевые слова в электронных письмах и информационных бюллетенях, чтобы решить, пропускать ли эти кампании во входящие. 100% графический файл не пройдет.

Ошибка № 2: Забыть панель предварительного просмотра

В старые времена электронной почты не составляло большого труда отправить длинный информационный бюллетень, потому что, скорее всего, получатель мог увидеть его всю версию в своем почтовом ящике. Уже нет. Поскольку панели предварительного просмотра преобладают во многих почтовых клиентах (Outlook и Windows Mail - это всего два), вполне вероятно, что большинство ваших клиентов увидят небольшую полоску всего в несколько дюймов.

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

  • Ставьте самое важное на первое место. Если вы поместите свой призыв к действию или самый важный коммерческий шаг в верхней части своего электронного письма, это то, что увидят ваши клиенты, использующие панель предварительного просмотра. Заинтригуйте их.
  • Разместите свой логотип соответствующим образом. Например, если вы поместите его слева, он не только будет виден, но и не помешает вашему коммерческому предложению / сообщению.
  • Думаете о расширении? Не надо. Большинство панелей предварительного просмотра имеют ограничения на то, какая часть вашего электронного письма будет отображаться по ширине. Сделайте это просто, сделав не более 575 или 600 пикселей.
  • Считайте текстовую ссылку превыше всего. Используйте текстовую ссылку в самом верху письма - даже над графикой. Если текст этой ссылки достаточно убедителен, ваши клиенты щелкнут по ней и посетят веб-версию вашего электронного письма.

Ошибка № 3: использование мертвых ссылок, неработающих изображений и т. Д.

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

Вот несколько советов:

  • Не используйте текстовые URL-адреса в своих кампаниях по электронной почте . Текстовый URL-адрес - это URL-адрес, отображающий весь Интернет-адрес. Например: www.benchmarkemail.com. Чтобы сократить ваши шансы быть заблокированным почтовыми клиентами, используйте гиперссылку и обычный текст, а не полный текст URL. Вот правильный способ: посетите Benchmark Email
    Неправильный способ: посетите https://www.benchmarkemail.com/
  • Используйте текст, который стоит сам по себе. Если вы сделали все возможное, чтобы ваши изображения работали, вам все равно следует создавать текст, который стоит сам по себе, без этих изображений. Серверы, КПК, сотовые телефоны и почтовые клиенты иногда имеют технические проблемы и не могут отображать изображения. Благодаря этому ваша электронная почта должна стоять сама по себе, если не отображаются изображения.

Ошибка №4: использование сложного кода и / или вложений

Благодаря такому количеству электронных писем, конкурирующих за внимание, многие маркетологи, в том числе и вы, использовали необычные типы кода, чтобы сделать электронные письма более привлекательными. Хотя мы приветствуем такой энтузиазм, мы знаем, что эти письма, вероятно, не попадут во входящие:

  • Откажитесь от кодирования, выходящего за рамки нормы. Даже мы можем признать, что с помощью Active X вы можете сделать намного больше с электронной почтой, чем с обычным скучным HTML. То же самое и с Javascript. Однако у использования этих более привлекательных типов кода есть несколько серьезных недостатков: вирусы. Спамеры печально известны рассылкой всевозможных неприятных вещей (вирусов, троянов) через Active X. Благодаря этому подавляющее большинство почтовых клиентов блокируют Active X вне ворот. Если вы воспользуетесь этим кодом, ваша электронная почта никогда не попадет ни в папку «Входящие», ни даже в корзину. Так что придерживайтесь HTML как кода дизайна.
  • Не отправляйте вложения. Вложения - это красный флаг для спам-фильтров. Отправьте коммерческое письмо с вложением, и вы просто умоляете, чтобы ваши почтовые кампании были заблокированы. По этой причине мы рекомендуем отказаться от любого навесного оборудования. Если вам нужно расширить свою тему и вы отчаянно нуждаетесь в дополнительном пространстве, просто сделайте ссылку на целевую страницу своего сайта, где вы разместите дополнительную информацию.

Ошибка № 5: не проверять свою электронную почту с помощью различных популярных почтовых сервисов.

Легко забыть, что почтовые клиенты используют разную кодировку для отображения ваших писем. Это означает, что электронное письмо в AOL может выглядеть иначе, чем электронное письмо в Yahoo или Gmail. Вот несколько способов решить эту проблему:

  • Будьте одержимы отправкой тестовых писем. Мы не можем достаточно выразить, насколько важно отправлять тестовые электронные письма до того, как ваша кампания начнется. Отправьте пять или шесть тестовых писем в лучшие бесплатные почтовые службы (Yahoo, Gmail, AOL, Hotmail и т. Д.) И нажимайте на каждую ссылку и изображение в этих письмах, когда они приходят. Поскольку большинство служб отключают изображения, отправьте тестовое электронное письмо и включите изображения с каждым клиентом и посмотрите, сколько из них отображается правильно.
  • Решайте большие проблемы. Посмотрим правде в глаза - ваша электронная почта никогда не будет идеально отображаться во всех почтовых клиентах. Из-за проблем с кодированием ваша электронная почта или информационный бюллетень, вероятно, будут выглядеть в AOL немного иначе, чем в Yahoo или Gmail. Однако, хотя некоторые вещи можно упустить из виду, вы должны сосредоточиться на том, чего нельзя. Сюда могут входить изображения, которые отображаются в одних почтовых клиентах, но не в других, независимо от того, выбрасывается ли ваша электронная почта в корзину одними клиентами, но не другими, а также другие серьезные проблемы. Решайте важные дела до того, как ваше электронное письмо выйдет в свет. Тестирование поможет вам выявить эти серьезные проблемы.

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