8 советов вёрстки и настройки email-рассылок

1. Табличная вёрстка

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

<table border="0" cellspacing="0" cellpadding="0" width="100%" style="border-collapse: collapse">
    <tbody>
        <tr>
            <td>Содержимое письма</td>
        </tr>
    </tbody>
</table>

2. Стили

Подключать файлы стилей через CSS не надо, потому что многие почтовые сервисы вырезают подключение стилей. Также они вырезают стили из тега <style>.

Поддерживаемые HTML-элементы в почтовых сервисах можно увидеть на сайте campaignmonitor.com/css/.

Все стили надо прописывать для каждого элемента через атрибут style.

<span style="color: #333; font-size: 17px;">Текст</span>

3. Размеры для картинок

Для картинок рекомендуется задавать ширину и высоту.

<img src="pic.jpg" width="600" height="300" alt="">

4. Кодировка

В самом начале вёрстки надо указывать кодировку письма:

<meta http-equiv="content-type" content="text/html; charset=utf-8">

5. Отправлять рассылку только тем, кто подписался на неё

Рекомендуется отправлять рассылку писем только тем пользователям, которые подписались на рассылку. Иначе пользователи могут добавлять письма в «Спам», из-за чего остальные письма также автоматически будут попадать в спам.

6. Подтвердить, что почта пришла с указанного домена (SPF, DKIM, DMARC)

Если в email используется домен сайта, например «mail@mysite.ru», то надо подтвердить, что письмо отправляется с домена mysite.ru, для этого настраивается SPF, DKIM и DMARC.

С даннымы параметрами меньше шанса попасть в «спам-лист».

7. Возможность отписаться (List-Unsubscribe)

Рекомендуется в конце письма публиковать ссылку, по которой пользователь может отписаться от рассылки. Это может уменьшить возможность попадания писем в спам.

Также в письма рекомендуется добавлять заголовок List-Unsubscribe, после чего у почтовых сервисов (если они поддерживают List-Unsubscribe) появится дополнительная кнопка «Отписаться».

С данным параметром меньше шанса попасть в «спам-лист».

Пример кнопки «Отписаться» в почтовом сервисе

List-Unsubscribe

8. Стороние сервисы

Для email-рассылок рекомендуется использовать стороние сервисы, которые также предоставляют дополнительные инструменты (например аналитка, оповещения об ошибках и другое).

Также два предыдущих пункта (настройка SPF и List-Unsubscribe) во многих стороних сервисах уже настроена, или настраивается не так сложно.