Издание о поисковом маркетинге
и заработке в Интернете
Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:

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

Россия +7 (495) 960-65-87
Шрифт:
8 6145

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

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

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

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

    -
    0
    +
    Ответить
    Поделиться
    • Женя Соболь
      2
      комментария
      0
      читателей
      Женя Соболь
      Roman Iurchenko
      3 месяца назад
      Спасибо за вопрос!
      Основной отличительной особенностью 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
      +
      Ответить
      Поделиться
  • Руслан
    3 месяца назад
    Статья хорошая, полезная. Вопрос а почему на своем сайтк не используете api yandex ?
    -
    3
    +
    Ответить
    Поделиться
    • Anastasia Sheleg
      1
      комментарий
      0
      читателей
      Anastasia Sheleg
      Руслан
      3 месяца назад
      Спасибо! Хороший вопрос:)

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

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



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

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

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

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

      А смысл в карте проезда у каждого свой. Для вас смысла нет, для кого-то он есть. Поэтому, как было написано в статье, карта была помещена в раздвигающийся блок. Места на странице он не занимает, а при необходимости (для кого карта проезда имеет смысл) пользователь может развернуть и посмотреть. Спасибо.
      -
      7
      +
      Ответить
      Поделиться
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Конкурс: угадайте пятерку лидеров рейтинга «Известность бренда SEO-компаний 2015»
Жанна Рожкова
127
комментариев
0
читателей
Полный профиль
Жанна Рожкова - итоги подведены, всем спасибо :)
Тест: проверь свои знания по SEO
Aberix
0
комментариев
0
читателей
Полный профиль
Aberix - >Ох уж мне этот офисный планктон Ох уж эти тролли :)
Пишем биддер для Google AdWords из 10 строчек
Константин Олегович
4
комментария
0
читателей
Полный профиль
Константин Олегович - а вы можете дать точный скрипт с ограничением ставки? а то самому сложно сделать без опыта
Выиграйте бесплатный билет на обучение по SEO
Айдар Хайруллин
1
комментарий
0
читателей
Полный профиль
Айдар Хайруллин - Хочу пройти курс чтобы еще раз убедится в Вашем профессионализме и понять как продвигать бизнес при помощи SEO, так как тут самый дешевый клиент))
Подведены итоги рейтинга «Известность бренда SEO-компаний 2015»
Гость - Не рвись так Хуянг. Иди лучше сайтецы продвигай, а то никитос премии лишит.
Золотое правило SEO: хватит технарствовать – пора фигачить!
Рустем Фахрутдинов
14
комментариев
0
читателей
Полный профиль
Рустем Фахрутдинов - На самом деле, мы сделали почти всё :) А в статье - пример того, как это удалось чуть позже автоматизировать.
Ссылки все еще работают?
Roman Popov
41
комментарий
0
читателей
Полный профиль
Roman Popov - Но это ведь совсем другая история! =)) По коммерческим запросам такими вещами заниматься не следует. По информационным - можно, вероятность схватить по голове тут довольно маленькая даже при злоупотреблениях.
100 полезных ресурсов, без которых не обойтись начинающему SEO-специалисту
Игорь Ходырев
1
комментарий
0
читателей
Полный профиль
Игорь Ходырев - От души. Действительно самые полезные ресурсы. Использую 90% из перечисленного. Кокшаров и Шахов - лучшие!
Мастер-класс: как составить файл sitemap.xml
Айрат Рахимзянов
19
комментариев
0
читателей
Полный профиль
Айрат Рахимзянов - Здравствуйте. Спасибо за вопрос! На вашем месте, я бы добавил в файл sitemap.xml только страницы 2 и 3 уровней вложенности без указания необязательных тегов (prioirity и т.п.). Не забудьте указать путь к файлу sitemap.xml в панелях вебмастеров и отследить как пойдет индексация. Скоро выйдет новая статья, посвященная разным методикам, позволяющим быстро проиндексировать/переиндексировать сайт, я думаю, эта статья будем вам полезна. Ссылку скину в этой ветке комментариев.
Энциклопедия интернет-маркетинга: составляем корректный robots.txt своими руками
Kirill Terentiev
10
комментариев
0
читателей
Полный профиль
Kirill Terentiev - "Недокументированные" возможности robots.txt Можно разместить вакансию, например. # Приглашаем на работу SEO-специалистов: оптимизаторов, аккаунт-менеджеров hh.ru/employer/18738 User-agent: * Disallow:
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
285
Комментариев
262
Комментариев
171
Комментариев
153
Комментариев
137
Комментариев
127
Комментариев
123
Комментариев
97
Комментариев
97
Комментариев
91
Комментариев
80
Комментариев
68
Комментариев
67
Комментариев
60
Комментариев
55
Комментариев
52
Комментариев
45
Комментариев
44
Комментариев
44

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