В этой статье вы узнаете о некоторых ошибках, которые могут возникать при создании собственных HTML шаблонов и способы их избежать.
Если вы хотите закодировать свой собственный HTML шаблон для рассылки, а не использовать один из уже готовых от Mailchimp, то при его создании следует помнить несколько вещей, описанных ниже в этой статье.
Изображения, ссылки и графика
Ваше письмо в формате HTML представляет собой одну гигантскую графику
Большинство почтовых программ по умолчанию блокируют автоматическую загрузку изображений, что может привести к тому, что получатели удалят вашу рассылку или пометят ее спамом. В качестве общего руководства Mailchimp рекомендует соотношение 80% текста и 20% изображений в письме. Тем не менее, все спам-фильтры используют разные критерии для правильного баланса графики и текста.
Если большая часть содержимого письма включена в один рисунок, то добавьте текст в область футера — например, ссылку для отмены подписки, физический адрес и напоминание о разрешении — чтобы помочь сбалансировать соотношение текста и изображения.
Изображения, размещенные на локальном или частном сервере
Если вы работаете на промежуточном сервере или сетевом диске, получатели не будут иметь к ним доступа, и изображения будут выглядеть испорченными.
Чтобы избежать этого, загрузите и разместите все изображения на общедоступном сервере. Вы также можете использовать Content Studio для загрузки изображений и размещения их в Mailchimp.
Изображения и гиперссылки не используют абсолютные пути
Абсолютные пути к изображениям и файлам включают информацию о вашем сервере в дополнение к имени файла, чтобы внешние приложения могли найти и получить доступ к нему. Всегда размещайте все свои изображения на своем сервере и используйте абсолютные пути, указывающие на него.
Итак, вместо того, чтобы кодировать изображение следующим образом:
<img src="/images/photo.gif">Закодируйте его так:
<img src="http://www.mysite.com/email/images/photo.gif ">То же самое касается гиперссылок. Вместо ссылки:
<a href="index.html" shape="rect">Cliquez ici</a>Укажите:
<a href="http://www.mysite.com/index.html" shape="rect">Cliquez ici</a>Если вы кодируете свои письма локально с помощью WYSIWYG, дважды проверьте, что все <img/> теги используют абсолютные пути. Вы можете выгрузить всю графику вашего письма на сервер в самом начале проекта, поэтому обязательно необходимо использовать абсолютные пути с самого начала.
Предварительный просмотр и тестирование
Кампания не была полностью протестирована
Прежде чем отправить письмо, тщательно его протестируйте. Mailchimp рекомендует отправлять тестовые сообщения на все распространенные почтовые сервисы, такие как Yahoo, Hotmail и Gmail. Если вы знаете, что получатели используют менее распространенный почтовый клиент, постарайтесь отправлять письма и на него. Воспользуйтесь инструментом предварительного просмотра писем от Mailchimp, чтобы просмотреть, как будет выглядеть письмо на нескольких клиентах.
Письма, созданные веб-дизайнером, не были проверены
Если вы попросите кого-нибудь создать рассылку для вас и вставить пользовательский HTML-код, все равно протестируйте письмо перед отправкой. Убедитесь, чтобы шаблон не был слишком широким и помещался на панели предварительного просмотра большинства основных почтовых программ. Протестируйте изображения и ссылки, чтобы убедиться, что они имеют абсолютный путь и работают должным образом.
Код и программное обеспечение
Используя Word, Publisher или FrontPage для создания HTML шаблона, будьте готовы, что они содержат свой дополнительный код, который переносится и в ваше письмо.
Это может нарушить дизайн или привести к тому, что письмо попадет в спам. Вместо этого используйте простой текстовый редактор, а затем импортируйте шаблон или вставьте код в Mailchimp.
JavaScript в письме HTML
Большинство почтовых приложений блокируют JavaScript в качестве меры безопасности. Убедитесь, что код, используемый в кнопках отправки формы, ссылках во всплывающих окнах, предварительных загрузчиках изображений и виджетах, не содержит JavaScript. Если вы копируете HTML код с существующей веб-страницы, очистите код от JavaScript. Конструктор письма Mailchimp удалит любой JavaScript-код, который сможет обнаружить, но рекомендуется тщательно протестировать свою кампанию перед отправкой, чтобы убедиться, что она отображается правильно.
CSS используется неправильно
Большинство почтовых приложений убирают теги HEAD и BODY из входящих писем, чтобы встроенный CSS не мешал их странице CSS. Mailchimp рекомендует использовать встроенный CSS или встраивать свой CSS непосредственно перед контентом после тега <BODY>.
Согласие
Использование спам-контента
Большинство из нас получают спам. Тема письма у таких писем, как правило, написана сплошными заглавными буквами, они выделены ярко-красным или ярко-синим цветом, в них используется множество восклицательных знаков, и такие фразы, как «самый горячий», «лучший» или «щелкни сейчас!»
Делайте тему письма краткой и точной, поддерживайте актуальность своего контента, не пытайтесь использовать фразы-уловы и всегда избегайте спамовых слов.
Нет ссылки отписки
Mailchimp требует, чтобы все маркетинговые рассылки имели тег * | UNSUB | *. Нет абсолютно никаких исключений из этого правила. Он должен присутствовать как в пользовательском HTML шаблоне, так и в любых других письмах.
Нет напоминания о разрешении
Все встроенные шаблоны Mailchimp автоматически просят создать напоминание о разрешении. Если вы создаете свой собственный код, нужно будет включить в него напоминание.
Напоминания кратко сообщают вашим подписчикам, как они попали в вашу рассылку, например: «Вы получили это письмо, потому что подписались на нашу новостную рассылку на сайте www.example.com». Напоминания о разрешениях предотвращают ложные жалобы на злоупотребления, которые могут привести к тому, что доменное имя вашей компании окажется в черном списке
Нет почтового адреса
Mailchimp требует, чтобы все пользователи указывали действительный физический почтовый адрес во всех письмах, отправляемых через их серверы, в соответствии с законом США-CAN-SPAM. Адрес автоматически вставляется каждый раз, когда вы используете встроенные шаблоны Mailchimp. Если вы пишете свой собственный код, вам нужно будет добавить его вручную.
Если у вас есть вопросы по Mailchimp, email маркетингу и написанию текстов для рассылок, запишитесь на консультацию.
