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

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

Россия +7 (495) 139-20-33
Шрифт:
8 14283
Подпишитесь на нас в Telegram

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

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

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

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 обладает безграничным функционалом, на основе которого может быть придумано и внедрено огромное количество полезных возможностей.

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


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
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
Накрутка поведенческих факторов: дорого, сложно, но можно. Если очень хочется
Oleg_bobr2012
1
комментарий
0
читателей
Полный профиль
Oleg_bobr2012 - Мда...Может Анне сразу в Яндекс написать кейсы по накрутке ПФ. Я бы такого сотрудника гнал вон.
28 способов повысить конверсию интернет-магазина
Татьяна
1
комментарий
0
читателей
Полный профиль
Татьяна - Очень действенные рекомендации представлены в статье! Всё четко расписано и легко внедряемо в работу интернет-магазинов.Удобство и наглядность+различные бонусы и скидки-именно то, что и цепляет покупателя.
Какие сайты лидировали в поиске Яндекса и Google в 2023 году
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Если что по рейтингу вы не правы, есть ядро по которому производиться оценка и вы можете по нему самостоятельно все посмотреть. Единственный объективный рейтинг по SEO. Других не знаю Ну я вам скажу что это не так и в предыдущие года сайт моего клиента попадал в рейтинг, при чем несколько раз. И я прекрасно знал еще до объявления результатов кто лидер - рейтинг прозрачный, есть фразы по которым набираются баллы. В этом году наш сайт не попал в рейтинг например и это было понятно, что не попадет (по статистике позиций)
Создали ресурс для металлургов, который позволяет следить за аналитикой рынка и осуществлять продажи
Наталья Сталь
3
комментария
0
читателей
Полный профиль
Наталья Сталь -
5 способов увидеть сайт глазами поисковика: анализируем скрытый контент и cloaking
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Сейчас клоаку прячут, так что под нее можно глянуть только с гуггловских ip. Сейчас только гуггл сервисами можно глянуть
7 актуальных сервисов для анализа сайта: сравнительная характеристика
Jenimeon
1
комментарий
0
читателей
Полный профиль
Jenimeon - SimilarWeb один из моих фаворитов, частенько им пользуюсь. Ценник не малый, но функционал хороший. Be1 тоже годный.
Насколько вечные – вечные ссылки?
daniilastaaahov
1
комментарий
0
читателей
Полный профиль
daniilastaaahov - Я где-то пару месяцев назад заказывал размещение вечных ссылок, до сих пор рабочие, не удалены. Буду надеется что и дальше с ними ничего не произойдёт.
Optimization 2023: текстовый анализ в 2024 году и методы увеличения релевантности страниц
Игорь
1
комментарий
0
читателей
Полный профиль
Игорь - это информация максимум уровня middle seo. что такой проходняк делает в секции hard seo когда-то великой ашмановки, еще и в исполнении токсичного инфоцыгана большая загадка)) ходил последние 5 лет на нее, но больше пожалуй не стоит
5 ошибок отдела продаж, из-за которых вы теряете клиентов
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Крутая статья! Можно еще указать: Работу без CRM-системы - я считаю, что это основа отдела продаж. Потому что не все компании решаются на внедрение отдельно системы для отдела продаж. Но зато можно что то многофункциональное внедрить аспро.клауд или что то подобное
Простые SEO-работы, которые могут увеличить прибыль компании. Часть 1
roma.lisov
1
комментарий
0
читателей
Полный профиль
roma.lisov - Воспользовался советом по проверке и настройке картинок на сайте – реально дельный совет. Вот вроде и просто, казалось бы, а мне в голову раньше не пришло. А такие нюансы, конечно, нужно знать)
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
386
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
120
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
59

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