Как вставить Яндекс.Карту на сайт

В данной статье мы рассмотрим, как добавить Яндекс карту на сайт. Что для этого нужно сделать, какие кнопки нажимать и какие изменение за этим последует.

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

На сайт можно вставить разные карты. Это могут быть карты Google, Яндекса или же даже 2ГИС. На них на всех можно указывать нужную метку, чтобы клиенты могли сразу понять, где именно расположен ваш офис. Среди владельцев сайтов большей популярностью пользуются карты от Яндекса, их мы и попытаемся разобрать.

Инструкция по добавлению Яндекс Карты

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

Встроенная карта с той меткой, которая уже существует

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

Создаем свою метку

Для этого нужно создать карту, используя специальный конструктор — https://yandex.ru/map-constructor/. Для этого тоже имеется инструкция по шагам. Необходимо найти адрес, выбрать цвет маркера, а также его вид. Сохранить метку, добить еще адреса, если необходимо указывать сразу на несколько филиалов, который имеет ваш офис. Если есть желания, то можно еще добавить линии, нарисовать фигуры, для того, чтобы маршрут оказался более понятный.

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

Все это достаточно просто для создания и вставки карты. Всегда для этого найдется специальная кнопка, которая и позволит сделать все как нужно.

Варианты загрузки карты на сайт

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

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

Расскажем с чего начать SEO продвижение

• Бесплатный разбор вашего сайта от специалиста

Бесплатная консультация

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