Прехедер: ещё один способ повысить открываемость

Что увеличивает открываемость?

Первое — доставляемость (больше доставишь, больше откроют). Второе — тема письма.

Т. е. понятно, для того чтобы у тебя поднялась открываемость, надо поработать над своей доставляемостью и придумать заголовок покруче. Можно еще добавить к нему эмодзи и таким образом привлечь внимание к заголовку.

Есть еще один способ. Он отлично работает, как и для тех, кто пишет длинные письма, плетет интриги и выдает неожиданный конец, так и для тех, кто выкладывает прямое коммерческое предложение. Он вообще хорошо работает. Это прехедер.

Что такое прехедер

Прехедер — это текст, который отображается в почтовой программе/веб-почте после темы письма. Его еще называют превью-текст, так как он показывает начало содержания полученного письма.

 

preheader scr02 1170 318 2 Прехедер: ещё один способ повысить открываемость prodvizhenie interest

В прехедер попадает все, что является текстом

 

По сути, это даже не текст как таковой, а скорее место, где отображается начальный текст самого письма и все то, что фактически является текстом. Т. е. из html-кода выуживается его текстовая составляющая и отображается в прехедере, в последовательном порядке, слева на право, сверху вниз.

Сначала прехедер был актуален для почты на смартфонах, из-за ограниченного места горизонтальной строки. Потом это повсеместно стало использоваться и в веб-версиях, а сейчас практически везде.

 

preheader android scr04 480 800 Прехедер: ещё один способ повысить открываемость prodvizhenie interest

Прехедеры в смартфонах

Что дает прехедер

А точнее, как прехедер может увеличить открываемость?

Если подумать, проблемы с заголовками бывают какие — не хватает креатива/вдохновения/идей или не хватает места для самого заголовка. И если в первом случае надо ждать активно искать музу, то во втором — это вообще уже не проблема.

Ведь прехедер позволяет дописать так называемый подзаголовок к теме, объяснить тему, дополнить или уточнить. Т. е. позволяет отвоевать себе то самое место для подходящей темы, которое так нам иногда не хватает.

 

preheader scr01 1130 284 Прехедер: ещё один способ повысить открываемость prodvizhenie interest

Как прехедер может поддержать тему письма

А это, в свою очередь, значит, что до подписчика можно донести больше. Ведь кроме темы, у вас есть еще в добавок небольшой превью того, что внутри. Это запросто может увеличить интригу и натолкнуть открыть письмо. И тогда ваша открываемость вырастает.

Что часто можно наблюдать в прехедере

Прехедер — это составная часть html-шаблона и в нем отображается все, что относится непосредственно к тексту. Если первым блоком идет изображение и у изображения есть alt-текст, то именно он и будет отображаться. Если alt-текста нет, отображаться будет заголовок. Если заголовка нет, и вы сразу обращаетесь к читателю «Привет! Сегодня я расскажу вам про…», то именно эта фраза и будет идти следом за темой.

 

preheader scr03 1170 244 Прехедер: ещё один способ повысить открываемость prodvizhenie interest

Alt-текст, повторения заголовка, ссылки на веб-версию и приветсвия в прехедере

 

Самая лучшая практика — это использовать это место как подзаголовок, дополняющий основную тему письма.

У многих на первом месте оказывается дата, номер телефона, ссылка на отписку, ссылка на веб-версию, меню с полезными ссылками. Хотя они, обычно, хорошо смотрятся в подвале письма, бывает так, что их присутствие в шапке письма обосновано. Тут все зависит от конкретного случая и типа самого письма.

Не очень здорово, когда тема и заголовок одинаковы, и тогда, без специального прехедера, один и тот же текст отображается дважды. Или, когда у вас первой идет картинка, а в alt-тексте по дефолту стоит «Ваша картинка здесь».

Что в этом ужасного? А ничего. Все равно тема важнее. Но ведь дело не в том, что люди ставят в прехедере (а точнее, не ставят), а в том, что святое для открываемости после темы место почему-то игнорируется или не используется должным образом. А поскольку свято место пустым не бывает, оно автоматически наполняется тем, что идет у вас в шаблоне.

Поэтому, используем это место с умом.

Прехедер — часть шаблона, поэтому его можно органично вписать или, наоборот, аккуратно скрыть.

Когда наличие прехедера в шаблоне не мешает, тогда просто добавляем div-блок перед шапкой шаблона, сразу после открывающего тэга <body>:

 

<body>
<div style=«font-weight:normal;font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#484f61;line-height:155%;letter-spacing:0;text-align:center;-webkit-text-size-adjust:none;padding-left:10px; padding-right:10px; padding-top: 6px; padding-bottom: 6px;background-color: #f0f3f5;»>
Как правильно использовать прехедер  |  Увеличиваем открываемость
</div>
<…>
</body>

 

Поскольку данный текст уже не несет смысловой нагрузки, когда письмо уже открыто, он должен отображаться над шапкой простой строчкой мелкого текста, 10-12 пикселей. Его также можно форматировать, выравнивать по краю, делать отступы, а можно стилей и не применять (на ваше усмотрение). Это полноценный блок вашего шаблона, поэтому поступайте с ним соответственно.

Если наличие прехедера в шаблоне мешает или просто не смотрится, его можно просто спрятать. Как? Сделайте цвет шрифта таким же, что и цвет фона. Например, если фон — серый #c9c9c9, то и шрифт, соответственно, будет #c9c9c9. Таким образом, в превью он будет отображаться, так как по своим свойствам — это текст, а в открытом письме его уже видно не будет, разве только если его специально мышкой не выделить.

Или можно добавить блок, который просто не будет отображаться в письме. Пример:

 

<body>
<div style=«display:none;font-size:1px;font-family:Helvetica,Arial,sans-serif;color:#c9c9c9;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;»>
Как правильно использовать прехедер  |  Увеличиваем открываемость
</div>
<…>
</body>

 

Т. е. тут шрифт минимальный — 1px, цвет шрифта — тоже лучше сделать под цвет фона, так как например в почте Gmail свойство display:none не читается.

Если у вас короткий прехедер и после него идет отображение остального текста из шаблона (заголовка, alt-текста, меню, ссылки на отписку и т. д.), отделите его от остального текста разделителем |, чтобы было понятнее, где заканчивается прехедер и начинается сам шаблон.

Если хотите чтобы текст из шаблона не отображался совсем, добавьте знаки пробелов &nbsp;, пока текст из шаблона полностью не исчезнет.

Где и как отображается прехедер

Если обычно тема письма отображается черным или синем (зависит от сервиса), то прехедер всегда отображается светло серым, и показан на всю ширину экрана. Чем шире экран, тем больше текста отображено.

Сейчас, практически все сервисы веб-почты, а также почтовые клиенты отображают прехедер. Хотя конечно есть исключения. Из Рунета — это Рамблер, из западных веб-сервисов — Outlook.com. Из email-клиентов, это тот же Outlook, в своих старых версиях (2003, 2007, 2010).

 

preheader scr05 1054 340 Прехедер: ещё один способ повысить открываемость prodvizhenie interest

Прехедеры в Рамблере не отображаются

 

Прехедеры на смартфонах отображаются везде, кроме Blackberry.

 

Напоследок, пару советов

Прехедер можно уверенно считать вторым заголовком или подзаголовком. Поскольку он второстепенный, стоит использовать его как уточняющий или продолжающий тему. Интрига или спойлеры вполне уместны. Также это место для юмора, который еще не тянет на заголовок, или когда вы еще не набрались духу отжечь по полной. Персонализация? Почему бы и нет.

Также, в прехедере очень органично смотрятся призывы к действию которые не попали в саму тему письма.

Главное, как и в случае с темой, не обманывайте подписчика и не пишите в прехедере о том, чего в письме нет.

Если ваш прехедер — невидимка, можно запросто забыть его обновить в новом шаблоне. Поэтому, перед отправкой протестируйте. Заодно и увидите как отображается тема и прехедер в почтовом ящике.

***

Если у вас нет должного прехедера или на его месте отображается несущественная информация, это вряд ли отговорит подписчика открыть письмо. Но с прехедером, вы ненавязчиво даете подписчику больше деталей о том, что внутри и тем самым увеличиваете свои шансы на высокую открываемость. Зачем упускать такую возможность?

Источник

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

+++ +++---+++