Урок 137. Яндекс.Карты для сайта — как наглядно показать Ваше местоположение?

Урок 137. Яндекс.Карты для сайта — как наглядно показать Ваше местоположение?

Всем-всем привет!

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

Погнали!

Как создать и добавить Яндекс Карту на сайт?

Создание Яндекс.Карты для сайта — процесс простой, но для начала работы с сервисом Вам нужно пройти регистрацию в самом Яндексе. Только после создания аккаунта будут доступны все онлайн-сервисы «русской» ПС, в том числе и Карты.

Итак, для создания карты необходимо воспользоваться API Яндекс Карт, перейти к которому можно по ссылке: yandex.ru/map-constructor/

Далее делаем следующее:

  1. Вписываем адрес офиса/магазина в верхнюю строку:
  2. Задаем описание местоположения. Можете указать название объекта или другую дополнительную информацию:
  3. Также Вы можете изменить цвет и тип маркера, добавить номер, подпись или иконку, отражающую Вашу деятельность:
  4. Нажмите на кнопку «Готово»;
  5. Дайте название и описание только что созданной карте:
  6. Нажмите на кнопку «Сохранить и продолжить»:
  7. После этого необходимо выбрать тип карты и указать ее размер:Добавить Яндекс Карту на сайт можно только двух типов:
    • Интерактивная. Пользователь сможет управлять, то есть перемещаться по карте, кликать на различные объекты. На мой взгляд, данный тип не очень предпочтителен с точки зрения коммерции, так как большое количество посетителей отвлекаются от своей цели (покупки) на взаимодействия с ней. В основном такое случается с лендингами или сайтами, где карта расположена на всех страницах. С одной стороны это хорошо для улучшения поведенческих факторов, а с другой стороны плохо для достижения основной цели сайта.
    • Статическая. Данный тип карты неподвижен и не реагирует на действия пользователя. Я считаю, что выбрать следует именно статическую. Максимальный размер — 600х450 пикселей.
  8. После выбора типа и назначения ее размеров, необходимо получить код карты Яндекс для сайта:

Таким образом мы создали карту и получить ее HTML-код (что такое HTML?), который нужно разместить на сайте: 

Сделать это можно посредством Notepad++ или обычного блокнота, просто вставив полученный код в том месте страницы, где хотите разместить Яндекс Карту:

После того, как код был удачно добавлен, посмотрите, как выглядит карта на самом сайте и при необходимости подредактируйте ее CSS-стили (что это такое?):

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

Ну а на этом все, дорогие друзья!

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

До скорых встреч!

Пост опубликован: 27/07/2017


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *