Типичные ошибки HTML-рассылок

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

Одна из них – это слишком большой объем письма. Другая же – некорректное использование CSS. Ладно, если на этом попадается малоопытный предприниматель, держатель малого бизнеса. Но трудно даже себе представить, сколько профессиональных дизайнеров, проектировщиков и программистов совершают столь типичные и даже глупые ошибки! Электронные письма – это своеобразные HTML-страницы, представляющие собой почти миниатюрный вэб-сайт, за исключением лишь некоторых небольших особенностей. Так почему же тогда даже профессионалы в области вэб-программирования продолжают наступать на те же грабли от раза к разу?

Материал данной статьи будет полезно прочесть любому проектировщику электронных писем прежде чем предлагать свои услуги клиентам. Итак…

Первая ошибка – это отсутствие окон предварительного просмотра.

Как рассуждает вэб-мастер? Письмо в формате HTML – это миниатюрный вэб сайт. А значит, делать его нужно, опираясь на общепринятые правила конструирования сайтов. Одним из таких правил-стандартов является расширение монитора 1024 на 768. Вот только при этом начисто забываются люди, которые обычно читают почту, используя предпросмотр, редко максимизируя письмо в полноэкранный режим. У разных почтовых окна предварительного просмотра разные. Например, в Mozilla оно будет располагаться горизонтально, в другой программе оно будет вертикальным, в AOL и вовсе совсем крошечным, что значительно затрудняет дизайн и расположение элементов.

Как наиболее выгодно подогнать свое послание под окно предварительного просмотра?

  1. Обращайте внимание на ширину страницы. Не нужно делать ее более 600 пикселей. 600 – это предел, на сколько можно растянуть письмо.
  2. Посмотрите сами на составленное письмо и удостоверьтесь, что наиболее важные его части находятся внутри окна предпросмотра, и что прочитанные данные подвигнут пользователя открыть послание в полном режиме.
  3. Эмблему компании лучше поместить слева, потому что именно эту часть письма выводит окно предварительного просмотра. Если этого не сделать, то эмблема будет где-нибудь «за кадром». А она – это главный фактор узнаваемости компании. Например, у AOL эмблема сделана таким образом, что в левой ее части нарисован логотип, который сразу видит пользователь в окне предварительного просмотра.

Вторая ошибка – это невозможность автоматически отображать изображения.

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

Как же быть в том случае, когда изображения блокируются? Как повернуть в свою пользу особенности почтовых программ?

  1. Применяйте функцию alt-text для изображений. Небольшая хитрость такого приема заключается в том, что некоторые программы электронной почты применяют CSS к alt-text. Таким образом, можно сделать текст, описывающий изображение, который будет появляться при наведении мышью. Текст может быть крупным, цветным, привлекающим внимание. Недостаток лишь один: письмо получится настолько описательным, что уже не понадобится смотреть картинки.
  2. Никогда нельзя самое важное представлять в виде изображения. Важная информация должна быть всегда только текстом, а не картинкой.
  3. Вы можете воспользоваться услугами и платных почтовых программ, которые по умолчанию включают возможность просмотра изображений. Точнее даже будет сказать, вы можете за определенную плату с просьбой о такой услуге обратиться почти к любому провайдеру почтовой связи.

Третья ошибка – это когда изображений очень много, а текста почти нет.

Огромное количество графики используют обычно те компании, которые рассылают письма с содержанием так называемых «мусорных» слов, чтобы их письма не блокировались. Увы, эта мера напрасна. Сейчас спам-фильтры уже «научены» отправлять в корзину и изображения. Достаточно только заглянуть в вашу собственную папку «Спам», там вы найдете не только текстовые письма, но и графические. Конечно, далеко не все письма отправляются в утиль! Если письмо состоит из одной только графики, оно может и достигнуть адресата. Но тут уже как получится, пан или пропал, как говорится. Потому при составлении электронного письма включайте в него хоть какой-то текст, потому что один большой графический файл спам-бот способен распознать и удалить. Отправитель таких писем, если они идут регулярно, может быть даже занесен в черный список, и пользователь больше никогда не получит от него корреспонденцию.

У некоторых спам-фильтров критерии для отбора мусорных графических писем еще более жесткие, чем в случае с текстовыми посланиями. То есть если в письме содержится менее какого-то определенного количества слов, то оно автоматически приравнивается к спаму и удаляется.

Как же сделать так, чтобы искусно созданная графика все же дошла до места назначения и была оценена по достоинству?

  1. Много маленьких картинок будут выглядеть более «безопасно» для спам-бота, чем одно гигантское изображение. Даже при наличии нужного количества текста, картинки лучше разбивать.
  2. Если ваше сообщение не должно содержать много текста по определению, например, одну-две строки, то не вставляйте в письмо более двух изображений.
  3. Если изображение очень большое, а отправить его очень хочется, и при этом еще катастрофически мало текста, то изображение можно сжать, что значительно повысит шансы обойти спам-фильтр.

Четвертая ошибка – это отсутствие этапа тестирования письма в различных почтовых программах.

Тут возникает риторический вопрос… Почему сайты всегда тестируются в различных браузерах, а в случае с электронной почтой эта мера считается ненужной? Существует несколько дюжин почтовых программ и клиентов к ним, и все они воспринимают по-разному HTML-письма! Если не тестировать составленное письмо, то при рассылке будет возникать очень много проблем. Могут не работать таблицы, формат текста, изображения, могут отличаться окна предварительного просмотра… Перечислять можно долго. Поэтому письма надо проверять. Начать стоит с наиболее доступных почтовых программ. Тем более что корпоративные сервера позволяют установить дополнительные программы для проверки.

Пятым камнем преткновения является отсутствие ссылки на отказ от рассылки.

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

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

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

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

Некоторые почтовые службы поддерживают возможность Flash, JavaScript, ActiveX и так далее. Но проблема заключается в том, что большинство писем приходят пользователям с вирусами, потому они запускают антивирусные программы, которые, в свою очередь, блокируют и удаляют письма с перечисленными выше элементами (именно эти элементы признаны «разносчиками» вирусов в большинстве случаев). И тут уже ни почтовая программа, ни спам-боты не виноваты, как говорится. Так что же делать?

  1. Замените флэш-анимацию статичным изображением, но таким, чтобы человеку захотелось кликнуть по нему и посмотреть. А саму анимацию разместите на своем сайте.
  2. Вместо графики и анимации можно использовать просто ссылки на странички вашего вэб-сайта с приглашением посетить их, где все это и будет размещено.
  3. Не изобретайте велосипед во время каждой рекламной кампании. Если один поток рассылки прошел хорошо и принес ожидаемый эффект, то используйте это письмо как шаблон, который уже себя зарекомендовал, используйте его многократно.