20 советов по созданию html email рассылки
Разработка HTML шаблона письма – один из самых ключевых моментов в подготовке рекламной email рассылки. Ваше сообщение должно одинаково хорошо выглядеть в различных браузерах и почтовых клиентах, которые могут отличаться системой обработки HTML и CSS.
Хорошо отформатированное HTML письмо принесет значительно лучший результат, чем обыкновенный текстовый формат. Но когда письмо выглядит криво, нечитаемое, не функциональное, то отклика не будет как такового, так как фильтры и триггеры могут заблокировать письмо.
Поэтому сегодня хочу дать вам 20 советов как избежать наиболее частых ошибок при создании email шаблонов. Данные советы не претендуют на звание HTML справочника для email маркетологов, но, думаю, вам пригодятся.
Я не буду расписывать зачем использовать тот или иной пункт, если это очевидно. Если у вас возникнут вопросы – пишите в комментариях.
ФОРМАТИРОВАНИЕ
Дизайнерские программы для работы с HTML, такие как FrontPage, DreamWeaver, HomeSite и различные “WYSIWYG” (What You See Is What You Get) редакторы полны недостатков. Практически все из них вставляют лишний html код (особенно FrontPage), который далее может по-разному отображаться в различных email программах. Поэтому по возможности пишите весь код вручную или чистите его вручную после использования специальных программ. Естественно это требует от вас хороших знаний HTML.
Некоторые имейл фильтры блокируют письма с вложенными рисунками. Также размер письма может быть значительным, поэтому оно может быть заблокировано сервером. При получении пользователем письма с сервера, оно может долго приниматься его почтовой программой, что, несомненно, может повлиять на его восприятие. Поэтому располагайте изображения на своем хостинге, а в письмо вставляйте ссылку на изображение.
CSS значительно упрощает работу со стилями для вебсайтов, но в случае HTMLписем это может повлиять на корректное отображение письма. Не используйте стили из отдельно прикрепленного файла. Наилучший вариант включить стили в headerчасть письма.
В некоторых почтовых программах пользователям придется использовать горизонтальный скроллинг для чтения письма.
USABILITY
Письма могут быть заблокированы фильтрами.
В случае, если у пользователя не откроется ваше сообщение в корректном виде, дайте ему возможность прочитать его на вашем сервере. Для этого разместите ссылку на «Веб версию».
В случае, если у пользователя будет заблокировано отображение изображений в письмах, то он увидит альтернативный текст, который вы можете указать по своему усмотрению.
ФУНКЦИОНАЛЬНОСТЬ
Многие email программы могут некорректно отображать формы. Лучше использоваться ссылку на страницу вашего сайта, где находится форма «Отправить другу».
Об этом я уже неоднократно писала.
Многие получатели могуn не иметm соответствующего ПО, поддерживающего данные форматы
- Создавайте письма вручную.
- Избегайте вложенных таблиц
- Не используйте фоновых рисунков, практически во всех email клиентах они не отображаются
- Располагайте картинки на своем сервере, вместо включения их в письмо
- Избегайте использования картинок 1х1 пикселей (для подгона размера элементов таблиц).
- Не используйте CSS
-
Не делайте ширину сообщений более 650 пикселей в ширину
- Размер сообщения должен быть не более 100 кб
- Проверяйте HTML код на корректность. Для этого существует масса всевозможных отдельных утилит, встроенные чекеры в программах для работы с HTML и, естественно, W3C Validator.
- Не используйте скрипты в письмах.
- Вставляйте в письмо ссылку на Web версию сообщения
- Используйте alt теги для изображений.
- Форматируйте верх письма таким образом, чтобы самая важная информация поместилась в первых 10 см
- Используйте горизонтальное расположение текста, не используйте вертикальное
- Объедините в письме текст и HTML, лучше использовать цвета и стили вместо картинок.
- Вставляйте большое количество ссылок на информацию на вашем сайте.
- Навигация по вашему email сообщению должна совпадать с типом навигации на вашем сайте.
- Вставляйте функциональность вроде «Отправить другу» с осторожностью
- Добавьте возможность управления подпиской в письмо
- Аналогично с изображениями, аудио файлы, флеш и видео лучше хранить на вашем сервере и не прикреплять к письму.
Для создания и отправки email рассылки рекомендую использовать ePochta Mailer, который обладает собственным WYSIWYG редактором, возможностью ручного редактирования HTML кода и просмотра полученного результата с помощью встроенного браузера.
Рекомендуем почитать
