Существуют ли идеальные размеры для шаблонов ваших информационных бюллетеней ? Как выбрать ширину и высоту ваших писем, чтобы они отлично смотрелись на любом устройстве и были удобны для чтения вашими подписчиками?
Эта тема очень сложная и ее невозможно охватить всего в нескольких абзацах.
Теперь давайте поговорим о приемлемой ширине электронных писем, оптимальной ширине всех элементов электронных писем и способах настройки этих элементов для различных почтовых клиентов, экранов и устройств.
Какова оптимальная ширина электронного письма?
Довольно долгое время стандартная cписок email-маркетинга по странам ширина шаблона электронного письма составляла 600 пикселей для десктопа, 320 пикселей для вертикальной ориентации и 480 пикселей для горизонтальной ориентации на мобильных устройствах. Высота была неограниченной и зависела исключительно от длины контента. Но сегодня ситуация иная.
Статья в блоге Litmus утверждает, что рекомендуемая ширина письма в 600 пикселей — миф. Мы полностью с этим согласны, поскольку теперь есть больше вариантов, чем обычная ширина в 600 пикселей. Тем не менее, это остается стандартным размером для электронных рассылок . Как появилась эта ширина? Почему она именно 600 пикселей?
Давным-давно разрешение экрана было далеко не идеальным. И количество устройств было намного меньше, чем сейчас. Тогда и появилась ширина в 600 пикселей. С тех пор многое изменилось. Так что сегодня ширина в 600 пикселей — это скорее традиция, чем правило.
Взгляните на этот потрясающий пример HTML-письма со стандартной шириной 600 пикселей:
(Источник: Электронное письмо от M&M’s. Ширина 600 пикселей. Gmail, macOS)
Некоторые почтовые клиенты н когда дело доходит до управления фидом покупок е полностью отображают письма, которые шире 650 пикселей. Согласно исследованию Email on Acid , несмотря на то, что разрешения экранов стали больше, почтовые клиенты, такие как Yahoo Mail и Outlook, по-прежнему испытывают проблемы с отображением широких писем. Это связано с тем, что большинство пользователей этих клиентов используют трехколоночный вид, и для просмотра писем остается менее 50% экрана.
Тесты, проведенные Email on Acid, показали, что максимальная ширина письма, которое может поместиться на экране в Outlook и Yahoo, составляет около 650 пикселей. Поэтому, если значительное число ваших подписчиков используют эти почтовые клиенты, мы рекомендуем вам оставаться ниже 650 пикселей или просто использовать наиболее распространенную ширину в 600 пикселей.
Я создал письмо шириной 860 пикселей
Приведенное ниже электронное письмо, которое я получил от известного бренда, является еще одним доказательством того, что 600 пикселей — это всего лишь средняя ширина электронного письма, а не обязательная ширина.
Также существует мнение, что массовый свинец Gmail не будет отображать фоновые изображения или цвета, если ширина шаблона электронной почты превышает 640 пикселей. Однако многочисленные тесты с помощью нашего инструмента для тестирования электронной почты и несколько писем, которые я открыл в своей учетной записи Gmail, доказывают обратное — письма и даже фоны отображаются отлично.
(Источник: электронное письмо от Forbes Daily Dozen. Ширина электронного письма 800 пикселей. Gmail, macOS)
Еще один миф заключается в то
что максимальная ширина писем для Yahoo! Mail не должна превышать 650 пикселей. Напротив, мое письмо шириной 860 пикселей было полноразмерным в этом почтовом клиенте.
Если вы решили выбрать ширину, отличную от 600 пикселей, просто протестируйте свое электронное письмо перед отправкой с помощью нашего встроенного инструмента тестирования электронной почты , который предоставит точные изображения того, как ваше электронное письмо будет отображаться в разных почтовых клиентах и на разных устройствах.
Мы заметили, что средняя ширина писем известных американских брендов колеблется от 640 до 700 пикселей.
(Источник: электронное письмо от Banana Republic. Ширина 640 пикселей. Gmail, macOS)
Итак, как задать ширину шаблона электронного письма с помощью Stripo?
По умолчанию он уже 600 пикселей!
Но если вы хотите установить свой собственный, вам необходимо:
- щелкните вкладку Внешний вид в редакторе,
- щелкните вкладку Общие настройки и
- установите необходимую ширину.
Какова оптимальная высота электронного письма?
Конечно, высота шаблона письма не ограничена. Вы можете использовать столько строк, сколько захотите. Однако всегда следует помнить, что чем длиннее письмо, тем меньше вероятность, что его дочитают до конца.
Общая высота веб-страницы составляет 960 пикселей, что обычно недостаточно для представления всей информации, которую вы подготовили для обмена в электронном письме. Вы не можете избежать прокрутки. Наиболее распространенная длина электронного письма варьируется от 1500 пикселей до 2000 пикселей. Обычно этого достаточно, чтобы поместить весь необходимый контент в одно электронное письмо и чтобы пользователи могли легко его прокручивать.
Интересный факт: электронные письма, относящиеся к туристической отрасли, самые длинные из всех отраслей. Электронные письма электронной коммерции также длинные, хотя карточки продуктов обычно очень компактны и не требуют много места. Это потому, что маркетологи всегда продвигают слишком много продуктов в одном письме.
Вот пример электронного письма высотой 2550 пикселей:
(Источник: электронное письмо от Violet Grey, высота 2 500 пикселей)
Важно отметить:
При перестановке блоков контента на мобильных устройствах длина вашего электронного письма увеличивается.
Если вы считаете, что ваше электронное письмо будет слишком длинным на смартфонах, вы всегда можете скрыть некоторые элементы письма с помощью Stripo .
Как скрыть элементы электронной почты на мобильных устройствах:
- щелкните элемент в шаблоне электронного письма, чтобы активировать его настройки;
- на панели настроек прокрутите вниз, чтобы найти опцию «Скрыть элемент»;
- нажмите значок «На мобильном устройстве»;
- сделано. Выбранный элемент/элементы электронной почты не будут отображаться на мобильных устройствах, поддерживающих медиа-запросы.
