Плашка-объявление вверху сайта: перенос графика, закрытие, срочные новости

Бывает, что у компании меняется что-то срочное: офис закрыт на день из-за аварии, склад переехал, телефон отключили на ремонт, график работы сдвинулся из-за непогоды. Если посетитель узнаёт об этом после того, как приехал или дозвонился, вы теряете и заявку, и репутацию. Плашка-объявление вверху сайта решает эту задачу: короткое сообщение, которое видно на каждой странице с первой секунды и исчезает, когда перестаёт быть актуальным.

Чем плашка отличается от обычной новости и баннера

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

Её ключевое свойство — временность. Это не постоянный блок, а сообщение со сроком жизни. Она появляется, когда есть что сказать, и сама убирается, когда ситуация закончилась. На этом держится доверие: посетитель привыкает, что плашка означает что-то важное, и читает её.

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

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

Из чего состоит хорошая плашка

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

Текст должен отвечать на три вопроса: что случилось, на какой срок, что делать посетителю. Сравните два варианта. Слабый: «Уважаемые клиенты! В связи с производственной необходимостью график работы может быть изменён». Сильный: «Завтра, 14 ноября, офис закрыт. Заявки принимаем на сайте и по телефону, перезвоним в четверг с девяти утра». Во втором случае понятен срок, понятно, что делать, и нет канцелярита.

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

Если у плашки есть действие, сделайте его явным. Например: «Запись на выходные закончилась. Смотреть свободные даты» со ссылкой на страницу записи. Лучше одно понятное действие, чем два-три расплывчатых.

Срок показа и автоматическое снятие

Главная техническая особенность плашки — управление временем. Должны быть две даты: начало показа и окончание. Администратор заводит объявление заранее или в момент необходимости, указывает период, и система сама включает и выключает плашку. Это защищает от самой неприятной ошибки: забытая плашка «Завтра не работаем», которая висит неделю после того, как вы снова работаете. Такая просроченная плашка подрывает доверие хуже, чем её отсутствие.

Для срочных случаев нужна кнопка мгновенного включения без выбора дат: администратор вписал текст, нажал «Опубликовать», и через минуту плашка видна на сайте. Для этого она не должна зависеть от кеша страниц: если сайт кеширует страницы на час, то срочное объявление появится с опозданием. Правильное решение — подгружать плашку отдельным лёгким запросом или исключить её из кеша.

Полезна и вторая страховка: напоминание ответственному о том, что плашка работает дольше недели. Простая уведомительная почта «Объявление опубликовано семь дней назад, оставить?» экономит репутацию.

Подумайте и о порядке очереди. Если одновременно активны два объявления, например про праздничный график и про изменившийся адрес, показывать нужно одно, самое важное, остальное можно свернуть в «Ещё 1 объявление». Поэтому у объявлений бывает приоритет: срочные важнее информационных.

Закрытие плашки и память о выборе

Кнопка закрытия — вопрос уважения к посетителю. Если плашка висит постоянно и закрыть её нельзя, она превращается в рекламный баннер, и люди перестают её видеть. Но и закрываемость создаёт проблему: закрыл на одной странице, перешёл на другую, а плашка снова тут. Это раздражает больше, чем сама плашка.

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

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

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

Мобильная версия

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

Первое: на телефоне текст должен быть короче. Хорошая практика — иметь два варианта одного объявления: полный для компьютера и сокращённый для телефона. Например: «Завтра офис закрыт. Заявки принимаем по телефону и на сайте». Для телефона хватит и такого.

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

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

Как не перегружать сайт объявлениями

Главный риск — злоупотребление. Если плашка висит почти всегда, посетитель учится её игнорировать, а в нужный момент не заметит. Установите себе правило: не более одной плашки одновременно и не более нескольких за месяц. Каждая плашка должна давать посетителю конкретную информацию, которая влияет на его решение.

Не используйте плашку для рекламы того, что и так есть на сайте. «Скидка десять процентов на первый заказ» не плашка, а постоянное предложение, ему место в блоке услуг. А вот «Только до воскресенья скидка на монтаж» с точным сроком — допустимо, если вы действительно снимете её в воскресенье.

Не дублируйте плашку всплывающим окном и рассылкой одновременно, если новость не критична. Один канал, чёткое сообщение. Если вы закрываетесь на день, достаточно плашки, заметки в карточке на картах и сообщения на автоответчике, а не пяти разных подач.

Ещё одна привычка: после окончания события не оставляйте на сайте его следов. Когда плашка про изменения снята, убедитесь, что и страница «Подробнее» либо удалена, либо переведена в архив с пометкой, иначе поисковые системы будут показывать устаревшее.

Как это сделать в ХостСМС

В ХостСМС плашка реализуется как отдельная информационная система или простой раздел «Объявления» с полями: текст для компьютера, сокращённый текст для телефона, цвет или тип, ссылка, дата начала показа, дата окончания, признак «можно закрыть», приоритет. Макет сайта в шапке вызывает вывод активных объявлений: система выбирает те, у которых текущая дата внутри периода, сортирует по приоритету и показывает первое.

Чтобы плашка появлялась мгновенно, а не ждала сброса кеша, её подгружают отдельным небольшим запросом после загрузки страницы либо исключают блок шапки из кеширования. Закрытие запоминается в браузере с номером объявления, и при смене объявления плашка показывается снова. Для администратора создаётся простая форма: вписал текст, выбрал тип, нажал «Опубликовать». Никаких программистов.

На 1С-Битрикс то же делается инфоблоком «Объявления» и компонентом в шапке, на ВордПресс — отдельным типом записей или простым плагином уведомлений. Выбирая готовый плагин, проверьте мобильную версию, возможность планирования и работу с кешем: именно эти три момента чаще всего оказываются слабыми.

Хорошая практика — дать доступ к управлению плашкой не только разработчику, но и ответственному сотруднику: администратору, менеджеру или директору. Объявление о срочной аварии должно появляться за пять минут, а не после заявки программисту на следующий день.

Как посчитать эффект в заявках

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

Во-вторых, плашка перенаправляет заявки. Если она сообщает «Сегодня не работает телефон, оставьте номер в форме, перезвоним», в Яндекс.Метрике растёт число отправок форм и снижается число сорвавшихся звонков. Настройте цель на клик по ссылке в плашке и на отправку формы с этой страницы. Сравните количество заявок в дни с плашкой и в обычные дни при похожем трафике.

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

Не забывайте про качество обращений: смотрите, как изменилось число повторных звонков с вопросом «вы работаете?». Если оно упало, плашка работает. Это косвенная, но очень наглядная метрика.

Типичные ошибки

Забытая плашка, которая висит после окончания события. Слишком длинный текст, превращающий верх сайта в полотно. Плашка, закрывающая меню или логотип на телефоне. Отсутствие даты в тексте: «Завтра не работаем» без указания числа становится бессмысленным, если прочитано через два дня.

Ещё ошибки: яркий красный цвет по любому поводу, из-за чего посетитель пугается; плашка без действия, когда она сообщает проблему и не подсказывает решение; несколько плашек подряд, которые люди перестают читать; задержка публикации из-за кеша; отсутствие проверки на телефоне; плашка с рекламой вместо информации. И последняя: плашка есть, а карточки на картах не обновлены. Посетитель видит одно на сайте и другое в Яндекс Картах и 2ГИС, и доверие падает.

Как это связано с продвижением 3 в 1

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

Вторая точка: карточка в Яндекс Картах и Яндекс Бизнесе. Если вы закрыты, измените часы работы или поставьте пометку о временном закрытии, иначе карты будут уверять, что вы открыты, и люди поедут впустую. Третья точка: 2ГИС. Там своя карточка и своя аудитория, ищущая рядом с телефона, и часы работы тоже нужно обновить. Человек, который нашёл вас в приложении, не увидит плашку на вашем сайте, так как на сайт он не зайдёт, но увидит устаревший график в приложении.

Поэтому правильный порядок действий при срочном изменении: опубликовать плашку на сайте, обновить часы и сообщение в Яндекс Бизнесе, обновить карточку в 2ГИС, при необходимости сменить приветствие автоответчика. Работа над одной точкой даёт неполный результат: идеальная плашка на сайте не спасёт от клиента, приехавшего по данным карты. Звонки и обращения с карт считаются наравне с заявками с сайта, и в Яндекс.Метрике, в статистике звонков и в самих кабинетах карт вы увидите, из какой точки они пришли.

Чек-лист проверки

Откройте сайт с компьютера и с телефона и опубликуйте тестовое объявление на пять минут. Убедитесь, что оно появилось на всех типах страниц: главной, каталоге, статье, контактах. Проверьте, что оно не перекрывает меню и логотип, не прячет кнопку звонка, текст читается без увеличения. Нажмите крестик и перейдите на другую страницу: плашка не должна вернуться. Опубликуйте новое объявление: плашка должна появиться снова.

Проверьте время. Задайте окончание через несколько минут и убедитесь, что плашка пропала сама. Проверьте, как быстро она появляется после публикации: если задержка больше минуты, значит, мешает кеш. Откройте ссылку «Подробнее» и убедитесь, что страница существует и понятно объясняет ситуацию. Проверьте, что цель в Яндекс.Метрике фиксирует клик.

Наконец, пройдитесь по другим точкам: карточка в Яндекс Бизнесе и в 2ГИС, автоответчик, подпись в письмах. Информация должна совпадать везде.

Что лучше доверить специалистам

Плашка кажется мелочью, но у неё много технических деталей: отдельная подгрузка вместе с кешем, расписание показа, запоминание закрытия, поведение на телефоне, цели в аналитике и согласованность с картами. Если сделать её наспех, она либо будет задерживаться, либо забываться на сайте, либо ломать вёрстку. Поэтому лучше обратиться к специалистам компании «Сайты Профессионально»: они сделают удобное управление объявлениями в ХостСМС, 1С-Битрикс или ВордПресс, настроят отображение на телефоне и подключат учёт обращений.

Хотите, чтобы срочные новости доходили до клиентов за минуты, а не за дни? Запишитесь на бесплатную консультацию к специалистам «Сайты Профессионально»: проверим, как у вас сейчас сообщается об изменениях в работе, и подскажем, как согласовать сайт, Яндекс Бизнес и 2ГИС, чтобы ни одна заявка не потерялась.