Sendsay
242
Блоги

Прехедер. Первый после заголовка

Почему не стоит игнорировать прехедер и как с его помощью повысить открываемость ваших писем?
Поделиться

В избранное

В избранном

Прежде всего, что это такое. Прехедер — это часть письма идущая в интерфейсе большинства почтовых клиентов сразу после заголовка. Изначально это просто начало письма, чтобы человек, даже не открывая сообщения, мог понять о чем ему пишут. Таким образом, задача прехедера - раскрыть и дополнить заголовок, сделать письмо более привлекательным для получателя.По умолчанию в прехедер автоматом подставляется всё, что размещено в начале тела письма. Увы, если не продумать это заранее, результат будет малопривлекательный: вслед за заголовком будет стоять, например, верхнее меню или отсылка к версии письма на сайте. Подобный «прехедер» создаст ощущение неряшливости и непрофессионализма создателей письма и приведёт, в конечном итоге, к снижению открываемости.

Прехедер как элемент оформления письма

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

Прехедер как элемент оформления письма

Замаскированный прехедер

Но, увы, это возможно далеко не всегда: например, прехедер может категорически не вписаться в фирменный шаблон письма. Тогда приходится идти на хитрости.

Замаскированный прехедер

Скрытый прехедер

Если же прехедер непременно хочется скрыть, то это можно сделать и сравнительно просто. Для этого можно в самом начале тела письма вставить текст вида

<div style="line-height:0; display:none !important; visibility:none;">Invisible preheader</div>

Скрытый прехедер

Здесь стоит обратить внимание на стиль line-height:0 и свойство important при display:none. Дело в том, что gmail отбрасывает стиль display:none, но мы проявили настойчивость и почтовик нам уступит.

Впрочем, этот метод имеет свои недостатки: существуют веские основания считать, что использование скрытого текста в письме вызывает подозрение у спам-фильтров Yandex и Mail.ru, будьте осторожны с подобными приёмами!

Прехедер в «пикселе»

Наконец, популярностью несколько лет назад пользовался метод сокрытия прехедера в так называемом «пикселе». В самом начале письма размещается картинка размером 1х1, состоящая из единственной прозрачной точки, при этом в её атрибут alt прописывается текст прехедера. К достоинствам метода можно отнести то, что прехедер остаётся доступен для скринридеров (программ для слабовидящих, которые зачитывают вслух содержимое экрана).

Пример окна почтового клиента с заголовками и прехедерами

Но в современных реалиях этот метод уже не работает: большинство почтовых клиентов, включая yandex, mail.ru, gmail (веб-интерфейсы и приложения для Android) атрибут alt игнорируют. Олдскульный метод поддерживает, пожалуй, только Outlook, да и тот довольно странно: вслед за текстом alt’а идёт url пикселя, что смотрится совсем не презентабельно. Одним словом, данный метод можно считать полностью устаревшим и непригодным к практическому использованию.

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

SENDSAY

Мультиканальная маркетинговая платформа

{ "author_name": "Sendsay ", "author_type": "self", "tags": [], "comments": 8, "likes": 11, "favorites": 9, "is_advertisement": false, "section_name": "blog", "id": "34501", "is_wide": "" }
{ "is_needs_advanced_access": false }

Комментарии Комм.

Популярные

По порядку

0

Прямой эфир

Подписаться на push-уведомления
[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } } ]