Миф первый. Оптимальная ширина макета рассылки не должна превышать 600 pixel
Подобное правило появилось в то время, когда проверять почту на мобильных телефонах было невозможно, и верстальщики подстраивались под размеры отображений почтовых сервисов. А самые популярные на тот момент из них (Outlook, Yahoo и Hotmail) имели ширину экрана просмотра в диапазоне 500-550 pixel. Из этого и вышло, что ширина в 600 pixel позволяет получателю видеть все элементы макета без дополнительных горизонтальных прокруток.
Теперь процент пользователей, читающих email-рассылки на мобильных устройствах, уверенно перешагнул за 60%, и это правило не имеет решающего значения для корректного отображения письма. Подобное число пикселей удобно задавать при условии создания макета письма в профессиональных программах (Sketch, Adobe Photoshop).
Скрывать не будем — макет шириной 600 pixel действительно выглядит во многих почтовых сервисах красиво, а добиться корректного отображения на экранах смартфонов можно с помощью приемов адаптивности.
Читайте также: Дизайн рассылок: ТОП-5 тенденций на 2017 год
Миф второй. Необходимо использовать только стандартные шрифты
Раньше действительно при верстке шаблона необходимо было использовать строго стандартные шрифты. Сейчас вы можете дать себе волю и выполнить пожелание каждого второго клиента «поиграть со шрифтами».
Так как каждый шрифт является авторской разработкой, советую пользоваться библиотекой Google Fonts — в ней вы найдете более восьмиста шрифтов, которые помогут уникализировать ваш шаблон.
Ведущие платформы (Google Android 4.4, Apple Mail for the iPhone, iPad и Mac, и Outlook 2011 и 2016 на OS X) поддерживают нестандартные шрифты, поэтому смело их внедряйте и ориентируйтесь на устройства, которые используюьт ваши подписчики.
Миф третий. Применение исключительного переходного синтаксиса DOCTYPE
Верстка HTML-шаблона предполагает употребление строгих и нестрогих синтаксисов, которые обеспечивают корректное отображение общей структуры макета. Применяемый уже не первый год верстальщиками надежный синтаксис DOCTYPE сегодня игнорируется многими почтовыми сервисами. Такие почтовые клиенты как Gmail, Outlook.com и YahooMail заменяют подобный элемент на рекомендованный стандарт HTML5 DOCTYPE.
HTML5 DOCTYPE позволяет примерять в коде письма новые элементы типа, которые еще не все почтовые клиенты могут отображать. Поэтому перед отправкой рассылки необходимо проверить шаблон на наличие открытых HTML-тегов, которые могут негативно повлиять на корректность отображения письма у получателей.
Читайте также: Компоненты дизайна email-рассылок. Часть 1
Миф четвертый. Непременно использовать селекторы атрибутов
Корректность отображения стилей в email-письмах традиционно обеспечивалась прописыванием селектора атрибутов. Большинство email-клиентов считывают стили в хедере и селекторы атрибутов.
В данный пероид атрибут-селекторы не только не пойдут на пользу, но даже скорее навредят при применении их в коде шаблона рассылки. В случае некорректного отображения вашего письма в почтовом ящике Gmail, рекомендуем проверить код на наличие атрибут-селекторов.
Миф пятый. Нельзя использовать фоновые рисунки
Причина такого мифа — сложность внедрения фонового изображения в макет письма и высокая вероятность его не отображения на сложных почтовых клиентах по типу Outlook. Даже Gmail не поддерживал отображение фоновых изображений в письмах в виду отсутствия поддержки параметров background-size/background-position, критично необходимых для корректного размещения изображений на экранах получателей адаптивных рассылок. На данный момент все почтовые приложения Gmail исправили эту ошибку и полностью поддерживают необходимые параметры. Поэтому применение фона уже не является табу при верстке шаблона рассылки.
Мифы развенчивают не люди, а прогресс и открытие новых возможностей. Поэтому следите за нашим блогом и совершенствуйте свой email-маркетинг вместе с командой системы SendExpert!
Оригинал: litmus.com
Команда SendExpert 
