×
Россия +7 (495) 139-20-33

Как уменьшить показатель отказов страницы «Контакты» с использованием API Яндекс.Карт

Россия +7 (495) 139-20-33
Шрифт:
8 12088

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

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

В Яндексе отказом считается тот визит, для которого одновременно выполнены следующие условия:

01.png

В Google же отказом считается сеанс с просмотром только одной страницы.

Если быть корректным, то отказом является посещение страницы без отправки других хитов в GA, кроме посещения страницы (действий, которые могут быть зафиксированы Google Analytics).

По умолчанию, без предварительных настроек, Google Analytics не фиксирует такие взаимодействия со страницей, как:

  • скачивание файлов;
  • заполнение формы обратной связи (если после её отправки нет перехода на другую страницу);
  • чтение страницы посетителем (вне зависимости от того, сколько времени на это потребовалось);
  • звонок по телефону;
  • клики по интерактивным элементам (flash, аудио/видеоплееры и т.д.);
  • переходы по внешним ссылкам.

Если был просмотр одной страницы и произведено какое-то событие на странице – это не является отказом.

Следовательно, показателем отказа является процент таких сеансов/визитов от общего количества посещений.

Очевидно, что есть прямая связь показателя отказа с другими поведенческими факторами: глубиной просмотра и временем на сайте.

Почему именно страница «Контакты»?

Многим может показаться, что страница «Контакты» является второстепенной на сайте. Однако, наравне с основными страницами сайта, она выполняет ключевые роли:

  • заполнение форм обратной связи;
  • совершение или заказ обратного звонка посетителем;
  • отправка email сообщения пользователем;
  • предоставляет пользователю необходимую информацию о местоположении объекта;
  • информация о возможных маршрутах и способах проезда, и т.д.

Страница «Контакты» является проводником между вами и вашими пользователями.

Как уменьшить показатель отказов?

Собственно, переходим к главному вопросу статьи: как снизить показатель отказов?

Существует много способов это сделать. Например:

  • сделать четкую и интуитивную навигацию на сайте;
  • структурировать и оформить контент;
  • адаптировать сайт под мобильные устройства;
  • оптимизировать скорость загрузки страниц;
  • внешние ссылки должны открываться в новой вкладке;
  • контент должен быть релевантен запросу пользователя, и т.д.

Как мы видим, вариантов на самом деле очень много. Но что делать, когда эти пункты уже выполнены?

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

Итак, приступим!

Проанализируем страницы сайта. Наибольший показатель отказов был выявлен на странице «Контакты».

02.png

Показатель отказов составляет 18,9%.

03.png

Заходим на сайт и видим:

04.png

Рис.1 Скриншот первого экрана сайта

Первый экран сайта занимает картинка на всю ширину страницы, и мелким шрифтом указаны адрес, телефон и режим работы.

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

Собственно, вот здесь на помощь приходит Яндекс API.

Яндекс API

Программный интерфейс, с помощью которого можно установить Яндекс.Карты и необходимый инструментарий для работы с ними в своём веб-приложении или на сайте.

Инструменты Яндекс API:

  • JavaScript API;
  • Static API;
  • Геокодер;
  • YMapsML;
  • API поиска по организациям;
  • API конструктора карт.

Подробнее рассказывать про каждый инструмент не будем, о них можно узнать здесь.

Хочется отметить только то, что можно создавать как статические карты (размещаются в виде картинки), так и интерактивные карты.

В данном случае были использованы именно интерактивные карты, созданные с помощью JavaScript API. Для определения точных координат объекта использовался инструмент «Геокодер».

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

05.png

Рис.2 Песочница API Карт

Путем программирования была сделана необходимая нам карта (все данные обезличены):

1.png

Рис.3 Карта, сделанная с помощью Яндекс API

На данной карте метка объекта была изменена на логотип компании. Добавлен функционал Яндекс.Пробки:

2.png

Рис.4 Яндекс.Пробки

Слои:

3.png

Рис.5. Слои на Яндекс.Карте с помощью API Карт

Указание и поиск необходимого адреса:

4.png

Рис.6 Поиск нужного адреса на карте с помощью API Карт

Геопозиционирование и масштабирование:

5.png

Рис.7 Геолокация и масштабирование на карте с помощью Яндекс API

Теперь первый экран на сайте выглядит так:

6.png

Рис.8 Первый экран после размещения карты

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

Однако и на этом не остановимся. Далее было принято решение сделать карту проезда, также с использованием Яндекс API.

Вот, что из этого получилось:

8.png

Рис.9 Схема проезда Яндекс API

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

Добавлен просчет маршрута на общественном транспорте:

9.png

Рис.10 Схема проезда на общественном транспорте Яндекc API

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

Но и это еще не всё. Сколько раз вы сталкивались со сложностью найти необходимое вам заведение, даже если знаете его адрес?

В помощь пользователям в ориентировании на местности была размещена панорама необходимого объекта (панорама также была изменена):

10.png

Рис.11 Панорама Яндекс.Карт

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

В общем виде страница «Контакты» стала выглядеть так:

7.png

Результаты проведенных работ

Динамика показателя отказа для страницы «Контакты»:

11.png

Напомним, до проведения работ показатели были такими:

12.png

После проведения работ:

13.png

  • Показатель отказов снизился с 18,9% до 2,13% (почти в 9 раз).
  • Глубина просмотра увеличилась с 3,09 до 4,43 (на 30%).
  • Время на сайте увеличилось с 2:22 до 3:10 (на 25%).

Данные работы были проведены и на другом дилерском сайте.

Результаты работ:

До проведения работ:

14.png

После проведения работ:

15.png

Показатель отказов снизился на 7,57%.

Глубина просмотра увеличилась в 1,56 раза.

Время на сайте выросло на 2 минуты.

Выводы:

  • Снижение показателя отказа увеличивает время на сайте и глубину просмотра.
  • Необходимо делать сайты, полезные и удобные для пользователей.
  • Использование Яндекс.Карт позволяет справиться с этой задачей.
  • Не бойтесь познавать новое. Яндекс API обладает безграничным функционалом, на основе которого может быть придумано и внедрено огромное количество полезных возможностей.
(Голосов: 1, Рейтинг: 5)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Ане Макаровой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Евгений Разумный
    1
    комментарий
    0
    читателей
    Евгений Разумный
    больше года назад
    Маршрут на карте как строится? Точка А задана жестко или меняется в зависимости от местоположения посетителя? Просто если автоматически, то да полезно. если будет прокладывать маршрут. А если я на другом конце города зачем мне этот маршрут?
    -
    0
    +
    Ответить
    • Антон
      Евгений Разумный
      больше года назад
      Можно точку А задать жестко, а может меняться в зависимости от месторасположения посетителя. первый вариант хорош, если надо показать как добраться от метро, второй, если надо показать, как доехать на авто из произвольной точки.
      -
      2
      +
      Ответить
  • Roman Iurchenko
    13
    комментариев
    0
    читателей
    Roman Iurchenko
    больше года назад
    Добрый день!
    Интересно узнать, на сколько удобно пользоваться такими картами с помощью телефона? Особенно в сайтах с адаптивной версткой. Может есть какой-то скриншот?

    -
    0
    +
    Ответить
    • Женя Соболь
      2
      комментария
      0
      читателей
      Женя Соболь
      Roman Iurchenko
      больше года назад
      Спасибо за вопрос!
      Основной отличительной особенностью JavaScript API Яндекс.Карт версии 2.0 стала поддержка мобильных устройств.

      API Яндекс.Карт корректно работает в следующих браузерах:

          Яндекс.Браузер, включая мобильную версию;
          Chromium и Google Chrome, включая мобильную версию;
          Safari для Mac и iOS;
          Mozilla Firefox;
          ...
      Спасибо за вопрос!
      Основной отличительной особенностью JavaScript API Яндекс.Карт версии 2.0 стала поддержка мобильных устройств.

      API Яндекс.Карт корректно работает в следующих браузерах:

          Яндекс.Браузер, включая мобильную версию;
          Chromium и Google Chrome, включая мобильную версию;
          Safari для Mac и iOS;
          Mozilla Firefox;
          Opera;
          Microsoft Internet Explorer, включая мобильную версию.

      В этих браузерах доступна и работает полностью одинаково вся функциональность API Яндекс.Карт.

      Поэтому одинаково удобно пользоваться картами как на мобильном телефоне, так и на ПК.

      -
      4
      +
      Ответить
  • Руслан
    больше года назад
    Статья хорошая, полезная. Вопрос а почему на своем сайтк не используете api yandex ?
    -
    3
    +
    Ответить
    • Anastasia Sheleg
      1
      комментарий
      0
      читателей
      Anastasia Sheleg
      Руслан
      больше года назад
      Спасибо! Хороший вопрос:)

      Дело в том, что сегмент b2b предполагает планирование визитов гостей в офис, в отличие автосалонов, шоу-румов, магазинов и пр.

      Наша страница "Контакты" соответствует ожиданиям пользователей, содержит достаточную информацию о способах связи с нами, что подтверждается показателем отказа в 3,5%.



      -
      4
      +
      Ответить
  • Павел Сайк
    3
    комментария
    0
    читателей
    Павел Сайк
    больше года назад
    Странная логика и странное поведение. Верная мысль, что добавили карту вместо никому не нужной картинки. Но сюда по скриншотам — лучше навигация не стала. Точки не видно на карте. Карта проезда смысла имеет мало. Панорама да, есть смысл, но лучше не ней показать вход — часто офисы находятся в таком месте, где без поллитры легко заблудится.
    -
    1
    +
    Ответить
    • Женя Соболь
      2
      комментария
      0
      читателей
      Женя Соболь
      Павел Сайк
      больше года назад
      В статье было указано, что "Все приведенные данные были обезличены." Поэтому привязки к конкретному зданию на карте не произведено. На реальном сайте это, конечно же, сделано. Тут важно было показать, что вместо стандартных меток, можно использовать логотипы, картинки и т.д.

      Это же касается и панорамы. Панорама в примере взята произвольная, а не конкретного здания.

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

      Это же касается и панорамы. Панорама в примере взята произвольная, а не конкретного здания.

      А смысл в карте проезда у каждого свой. Для вас смысла нет, для кого-то он есть. Поэтому, как было написано в статье, карта была помещена в раздвигающийся блок. Места на странице он не занимает, а при необходимости (для кого карта проезда имеет смысл) пользователь может развернуть и посмотреть. Спасибо.
      -
      8
      +
      Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Как выбрать CMS для интернет-магазина
demimurych
18
комментариев
0
читателей
Полный профиль
demimurych - Очередное волшебство, а не материал. все что ниже, сказано человеком который больше 20 лет своей жизни посвятил ковырянию исходных кодов систем. Битрикс по качеству кода и функциональности ровно такое же говно как и вордпресс. Заявить что он разрабатывается группой крутых программистов может только человек, который не знает что такое программирование. Единтсвенное отличие битрикса от вордпресса, это сертифицированнось на определенном локальном рынке. поставить Друпал в один ряд с вордпрессом, это видимо в продолжении предыдущей бугогашечки про крутых программистов в битриксе. тут важно отметить, что если битрикс и вордпресс являлись говном одного сорта весь цикл своего существования, то друпал имеет минимум 4 принципаильно разных кодовых базы. При этом даже самая примитивная из них - друпал 5 ветки, которому больше 12 лет, на голову выше текущих вп с битриксом вместе взятых. с точки зрения разработки - конечно. А не востребовтных на текущий момент плагинов. теория про разработку кода группой крутых программистов, не выдерживает никакой критики. достаточно просто оглянуться назад и увидеть, что в мире опенсорса есть как примеры эталонного говна - вордпресс, так и полная противоположность им типа РОР ставшего фактически во многом и на долго эталоном веб разработки. И это я еще ненапомнил автору о том, что есть такие вещи как питон, миникс и т.д. примеров качественного по в мире разработки открытым сообществом на порядки больше, чем наоборот. и тому есть ряд очень простых обьяснений. первое из которых, никто вам не даст просто так закомитить в ядро любой свой говнокод. даже в вордпресе. словом, информация в статье, как и ее выводы - это из области работы со своим воображением, чем с текущей ситуацией на рынке.
«Юзабилити-лаборатория»: оставляйте заявку на участие!
Анна Макарова
378
комментариев
0
читателей
Полный профиль
Анна Макарова - Антон, добрый день! Ваш сайт не попал в основную выборку для юзабилити-анализа, но эксперты постараются сделать по вашему сайту видеоразбор (ю-ревью). Будем держать вас в курсе )
Тест по SEO – проверь свой уровень знаний
Артем Дорофеев
8
комментариев
0
читателей
Полный профиль
Артем Дорофеев - Полный текст вопроса со скриншотом панели прикладываю. Итого, что имеем: - на скриншоте отмечено, что это фильтр МПК - сайт коммерческий - рекламы на сайте нет С вероятностью 95% это ошибка (которая уже дважды случалась в Яндексе), когда они случайно "закосили" неповинные сайты. Тогда по запросу Платону фильтр быстренько снимали. Но вопрос даже не на знание этого нюанса. В любой непонятной ситуации, прежде чем что-либо предпринимать (особенно переписывать весь контент на сайте или менять дизайн, как указано в других вариантах) - фильтр следует подтвердить. Правильный ответ: "Написать письмо в техподдержку Яндекса".
Автоматические SEO-аудиты: как напугать некорректными выводами
Trydogolik
25
комментариев
0
читателей
Полный профиль
Trydogolik - спасибо
Зачем подменять контент на сайте: разбираем инструмент и развенчиваем мифы
Trydogolik
25
комментариев
0
читателей
Полный профиль
Trydogolik - К мифу 1 добавлю Google optimize optimize.google.com Удобен для сотрудников со спец. знаниями и без них. Подмена контента настраивается за счет многих вариантов страниц и условий настроек распределения трафика. Варианты страниц можно легко создать копипастом. На мой взгляд удобно и бесплатно. Тот же Calibri и программисты в любом случае, пусть не за это, но где-то берут свою комиссию. (чисто мое мнение). В качестве цены отдаешь такой ресурс как личное время и копейки за внесение двух первоначальных изменений в html шаблон страниц. Но если ваша digital-кампания имеет совесть то оплата максимум час, а то и бесплатно. Интернет-маркетолог сам должен уметь это делать. Все просто + подробную инструкцию прилагают на языке пользователя. + за поддомены платить не надо, они вообще не нужны. + взаимодействие с: - Google Ads; - Google Tag; - Google Analytics просто прекрасно отслеживается по всем вариантам параллельно. Это помогает до деталей нарисовать профиль ЦА по любому "кредиту - отдельно на машину и отдельно на бизнес". Что с аналитикой у Calibri на этот счет? Сам с Calibri не разу не работал, всегда работаю с первоисточником. + к мифу 3 в том что это и есть детище поисковой системы и рекламного инструмента. Яша тоже спокоен будет так как сам везде навязывает Турбо-страницы (считаю их не удобными).- Как "-" (минус) вижу то, что может повлиять на скорость загрузки сайта. Но если у вас не конструктор, а темболее Landing Page, то о скорости можно не волноваться. Но это чисто мое мнение. В остальном согласен с автором.
100+ ресурсов по SEO для изучения поисковой оптимизации с нуля
Марина Ибушева
59
комментариев
0
читателей
Полный профиль
Марина Ибушева - Спасибо за добавление. Мы уже работаем над отдельным материалом про курсы, потому что одной статьи мало, чтобы охватить все крутое по обучению)
7 способов увеличить авторитетность сайта «в глазах» поисковых систем
Grigo5
4
комментария
0
читателей
Полный профиль
Grigo5 - Понятно.
Монетизируйте свой сайт вместе с VIZTROM
VIZTROM
3
комментария
0
читателей
Полный профиль
VIZTROM - Добрый день! Так как мы сейчас работаем в приватном режиме, Вы врятли можете объективно оценить нашу рекламную площадку. У нас будет официальный запуск 3 марта для вебмастеров. Приглашаем Вас присоединиться к нам и лично посмотреть наш функционал.
SEO must go on! Почему в кризис нельзя останавливать продвижение сайта
everystraus
28
комментариев
0
читателей
Полный профиль
everystraus - Мы даже варианты не рассматривали. Если проект неустойчив, сразу предлагали сбавить обороты до минимума, но и так, чтоб не свалиться в штопор. Именно по СЕО чаще всего.
Кейс Hansa: как увеличить органический трафик в 1,5 раза
Алексей Порфирьев
3
комментария
0
читателей
Полный профиль
Алексей Порфирьев - Спасибо за замечание, о данной проблеме известно, но она не стоит в порядке приоритетных. Вопрос, на самом деле, дискуссионный. В тематике конкуренция не настолько велика, а в топе выдачи часто встречаются сайты с более серьёзными техническими проблемами. По этому, именно в статьях, более важно работать над релевантностью контента, отношением времени пользователя на странице к уровню доскрола, и различным пользовательским функционалом (рейтинг материала, просмотры и т. п.).
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
378
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
140
Комментариев
121
Комментариев
111
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
88
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
59
Комментариев
57

Отправьте отзыв!
Отправьте отзыв!