Как добавить Яндекс.Карту на сайт: инструкции для разных CMS

20 ноября 2023
147
0
На чтение: 6 мин

Карты — полезный инструмент, который поможет пользователям быстро найти магазин. Сайты с такой функцией лучше ранжируются в поиске. Рассказываем, какими способами можно добавить карту на страницу. 

Кому нужны «Яндекс.Карты»?

Если для покупки продукта нужно посещать физический магазин, то карты — обязательный элемент страницы. Особенно они полезны, когда у компании есть несколько точек.

Карты нужны, чтобы пользователь мог легко найти нужный магазин. Поиски могут облегчить «Яндекс.Карты». Их необходимо добавлять на сайт по нескольким причинам:

  • Клиенты смогут быстро понять, где находится магазин. В противном случае им придется копировать адрес и искать его в навигаторе. Карты — экономия времени пользователя.
  • Можно найти ближайший магазин, если у компании есть несколько филиалов. Пользователям не придется анализировать расстояние до каждой точки, потому что все они уже будут отмечены на карте.

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

С какими сложностями можно столкнуться при добавлении «Яндекс.Карты» на сайт?

После добавления «Яндекс.Карты» на страницу у вас могут появиться следующие трудности:

  • Длительная загрузка страницы. Интерактивные карты работают через JavaScript. Из-за этого нагрузка на сайт растет, а скорость загрузки увеличивается. Если на странице есть другие тяжелые элементы, то объем трафика станет заметно меньше. Пользователи будут закрывать вкладку из-за долгой загрузки.
  • Сбои в работе «Яндекс.Карт». Чтобы избежать их, необходимо добавить на страницу специальный ключ. Для этого нужно войти в свой аккаунт и получить доступ к кабинету разработчика «Яндекс». Чтобы начать работу, необходимо авторизоваться в браузере.
  • Появление окон из CMS. Если вы используете CMS-систему, то после того, как на странице появятся карты, на экране начнут всплывать технические подсказки. Закрывать их придется самостоятельно.
  • Неправильная настройка. Если прикрепить на сайт неправильную карту, то клиенты не смогут приближать картинку или рассматривать другие локации. Максимум, что получится у пользователя — скачать изображение улицы на телефон. При прикреплении карты следите, чтобы она была интерактивной. Иногда по ошибке можно прикрепить на страницу статические или печатные адреса.

Как прикрепить карту на сайт через WordPress?

Добавить «Яндекс.Карту» на страницу можно несколькими вариантами: использовать HTML-код и плагин. Но второй вариант немного легче. Нужно установить YaMaps, сделать ключ, добавить его в настройки и прикрепить карту на страницу. 

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

Затем необходимо навести курсор на выбранную локацию, щелкнуть мышкой вверху экрана и кликнуть на пункт «Поделиться», а затем сохранить HTML-код. Помимо этого, взять код можно в личном кабинете во вкладке «Карта на сайт».

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

Как добавить Яндекс.Карту на сайт: инструкции для разных CMS

При желании можно отредактировать карту с помощью предложенных настроек. К примеру, «Линии» нужны, чтобы указать дорогу от метро до выбранной точки. Помимо этого, в конструкторе доступны многоугольники и работа с другими метками.

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

Как добавить Яндекс.Карту на сайт: инструкции для разных CMS

Затем нужно нажать на «Получить код карты» и скопировать его. Затем добавьте код на сайт. Для этого необходимо зайти в панель администратора и перейти на страницу контактов и выбрать функцию «Редактор». Добавьте код туда, где хотите видеть карту. Главное — не разбивать его, а работать с HTML со следующей строчки. Сохраните настройки и проверьте корректность отображения.

Как добавить Яндекс.Карту на сайт: инструкции для разных CMS

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

За необходимыми инструментами можно зайти в конструктор. Чтобы прикрепить карту на страницу, необходимо:

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

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

Такой вариант сайтов особо не распространен. Но если вы работаете со страничкой, сделанной на HTML, то для начала придется сделать карту через «Конструктор». Затем необходимо сохранить код из аккаунта в «Справочнике». После этого добавьте его в подходящую часть экрана.

Как добавить Яндекс.Карту на сайт: инструкции для разных CMS

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

Первый шаг — создать карту через «Конструктор». Но вы также можете применить специальный код. После этого нужно воспользоваться конструктором Bitrix24. Затем перейдите на ту страницу, которая необходимо вам, и добавьте блок. Нажмите на HTML-вариант, а затем в открывшимся окошке добавьте код. Сохраните настройки и проверьте карту на странице.

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

Этот сервис сотрудничает с Яндекс. Чтобы добавить карту на нужный интернет-ресурс, вам необходимо:

  • Добавить блок T143 из раздела «Другое» или блоки CN401, CN402, CN402A, CN403, CN404 из «Контактов».
  • Поменять масштаб и прикрепить метку через геолокацию. 
  • Подтвердить настройки и проверить корректность работы.

Как добавить Яндекс.Карту на сайт: инструкции для разных CMS

Остальные CMS и конструкторы устроены так же. Вы можете работать с плагином или специальными виджетами.

Нужно ли обращаться к специалисту, чтобы добавить «Яндекс.Карту» на сайт?

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

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

Вот несколько факторов, которые следует учитывать перед тем, как обратиться к специалисту:

  • Ваши навыки и знания. Если вы владеете базовыми навыками работы с HTML и CSS, то вы сможете добавить карту на страницу самостоятельно. В остальных случаях можно оплатить работу профессионала.
  • Требования к карте. Если вам нужна простая карта с минимальными настройками, то добавьте ее на сайт вручную. Однако, если вам нужны более сложные и детальные настройки, то лучше попросить помощи у специалиста.
  • Бюджет. Если вы ограничены в бюджете, то попробуйте добавить эту функцию на страницу самостоятельно. Однако, если вы готовы потратить деньги, то можно заказать работу у специалиста, который гарантированно создаст качественную карту, отвечающую вашим требованиям.
Фактор Яндекс карты Google карты
Целевая аудитория Россия и страны СНГ Мир
ГЕО Россия и страны СНГ Мир
Обновление данных Более свежие и актуальные фото со спутников и панорамы улиц Точные данные о пробках
Инструменты для построения маршрутов Широкий выбор инструментов для построения маршрутов Широкий выбор дополнительных приложений и интеграции с другими сервисами Google
Настройки Широкие возможности настройки внешнего вида и функций интерактивности Широкие возможности настройки внешнего вида и интерактивности
Инструкция по добавлению на сайт Есть подробные инструкции по добавлению на страницу Есть подробные инструкции по добавлению на страницу

 

Вывод

«Яндекс.Карта» сделает ваш сайт удобнее. Помимо этого, страница начнет лучше ранжироваться в поисковой выдаче. Чтобы добавить карту на сайт, нужно выбрать удобный способ. Если вы сомневаетесь в своих навыках, то стоит оплатить работу специалиста.

Есть что рассказать об арбитраже трафика?
Стань автором ZorbasMedia!
Оставить заявку