Россия+7 (495) 960-65-87

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

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

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

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

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

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

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

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

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

      А смысл в карте проезда у каждого свой. Для вас смысла нет, для кого-то он есть. Поэтому, как было написано в статье, карта была помещена в раздвигающийся блок. Места на странице он не занимает, а при необходимости (для кого карта проезда имеет смысл) пользователь может развернуть и посмотреть. Спасибо.
      -
      8
      +
      Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Google Data Studio: делаем красивые отчеты по контекстной рекламе для клиентов
Светлана Зубрицкая
1
комментарий
0
читателей
Полный профиль
Светлана Зубрицкая - Нужно убрать пробелы между строк и заменить кавычки на вот такие "
#SEOnews14: мы празднуем – вы получаете подарки!
Rizat Sundetov
1
комментарий
0
читателей
Полный профиль
Rizat Sundetov - 14
Как ускорить сайт на WordPress, чтобы получить 100/100 в Google PageSpeed Insights
Георгий
1
комментарий
0
читателей
Полный профиль
Георгий - Все что рекомендуется в этой статье есть у w.tools. Ни разу не пожалел что подключился. Своя CDN сеть, кеш статики и динамики, минификация js\css и кешируемого html, оптимизация всех типов картинок и еще куча всего полезного. Сайт летает и я не знаю проблем. Могу рекомендовать от души.
Война с дубликатами. Как нужно и как не нужно канонизировать URL
Ann Yaroshenko
5
комментариев
0
читателей
Полный профиль
Ann Yaroshenko - Дмитрий, добрый день! Если вы проставили на странице с автозапчастями rel=canonical ( а я вижу в коде, что не проставили) или в HTTP хедере, то бот, как правило: выберит ту страницу главной, которую вы указали в rel=canonical ссылке. Eсли же вы этого не сделали, то бот сам выберит оригинал (алгоритмы, по которым бот это делает, скрыты Googl-ом)
BDD 2019: Как перестать убивать время на сбор и обработку тонны данных для SEO-аудита
Feth
1
комментарий
0
читателей
Полный профиль
Feth - Тот момент, когда от статьи в интернете получаешь больше полезных знаний и навыков, чем от своего начальства. По статьям нетпиковцев можно учебник про SEO уже сшивать, ребята молодцы. Спасибо, что делитесь информацией.
«Аудит, чтобы ты заплакала…», или Что делать, когда получил сторонний аудит сайта
TehotdelSamara@gmail.com
4
комментария
0
читателей
Полный профиль
TehotdelSamara@gmail.com - Артур! Задели своим комментарием "за живое") Абсолютно,... целиком.... и полностью согласны с вами! А именно, с тем, что продажи клиента зависят в первую очередь от клиента, перечисленных вами выше и других факторов! А ещё с тем, что чистое SEO в классическом его понимании зачастую уже не даёт результата в виде роста продаж. Если хотим увеличить продажи - нужно бить по всем фронтам, SEO - только один из них, об этом клиент должен знать и быть предупреждён... Касательно нашей рекомендации смотреть на эффективность по тому, увеличилось ли число и качество заказов или нет - в контексте данной статьи говорится о том, что SEO бывает разное. По большому счёту, результат SEO — это именно привлекаемый поисковый трафик. И этот трафик может быть качественным, целевым или нет. Кроме того, трафик должен расти. Мы говорим о том, что если специалист хорошо проработал семантику, изучил бизнес клиента, исключил фразы с околонулевым спросом и проч., то трафик должен быть целевым, растущим, что значит рост обращений в отдел продаж клиента !при условии! , что само предложение и сайт располагают к тому, чтобы обратиться в отдел продаж клиента. Действительно, современное SEO предполагает учёт значительного количества факторов, в том числе и коммерческих. Без этого и трафика зачастую не будет. Нужно доносить всё это до клиента, включать подобные работы в стоимость по SEO или отдельно. А с "хочу все подряд за 25к в месяц" мы сталкиваемся тоже. Тут только пояснять и подсказывать, давать рекомендации заранее, чтобы клиент заранее был предупреждён о том, что ему требуется сделать параллельно с нашими работами по SEO. И в итоге вся эта деятельность должна привести к росту целевого трафика как на сайт, так и в отдел продаж.
Как построить качественный ссылочный профиль на основе конкурентов
Ирина
7
комментариев
0
читателей
Полный профиль
Ирина - Давно сотрудничаю с megaindex.com и считаю данный сервис одним из лучших в сео сегменте рунета да и не только рунета. Пользуюсь их инструментами для аналитики своих работ и выявлению своих и чужих ошибок. Да и ссылочный профиль, как и говорится в данной статье сделать гораздо проще и правильней при помощи как раз мегаиндекса. Добавлю еще что инструмент для поиска конкурентов у мегаиндекса очень удобный и простой в применении.
10 элементов сайта, которые гарантированно отпугнут посетителей
Андрей
2
комментария
0
читателей
Полный профиль
Андрей - Ну типа потому что клиентское seo больше для коммерции предназначено. Типа контентники и сами знают что делать. В коммерции можно тысячу причин найти чтобы поработать с сайтом, а с контентными такие фокусы уже не прокатят, поэтому и не пишут. Всё продвижение для контентников сеошники описывают в трех словах: скорость, качество, систематичность. А, ну ещё конечно же СЯ, как же я про него забыл (фундамент жеть!).
Как вывести сайт в ТОП 10 Google в 2019 году
Анна Макарова
356
комментариев
0
читателей
Полный профиль
Анна Макарова - Сергей, в нашей отрасли много заимствований из английского, иногда с ними быстрее, проще .Но будем стараться ))
Как улучшить репутацию сайта недвижимости с помощью крауд-маркетинга
Евгений
2
комментария
0
читателей
Полный профиль
Евгений - а у вас какое впечатление от статьи?
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
356
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
105
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
71
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55

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