Распространенные ошибки при создании HTML шаблонов

0

В этой статье вы узнаете о некоторых ошибках, которые могут возникать при создании собственных 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 вы узнаете в видео-тренинге “Большой курс по Mailchimp“. После прохождения тренинга выдается сертификат.