Яндекс карта для сайта: создаем и вставляем с помощью конструктора карт и API библиотек

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

image

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

image

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

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

Что делать с изображением дальше, зависит только от вашей фантазии. Можно распечатать красивый постер с картой, использовать её в качестве принта для футболки или, например, создать рекламный буклет для туристов.

  • Главная»
  • Уроки

В этом разделе перечислены все уроки без разделения по рубрикам.

Выбирайте тот урок, который интересует Вас больше всего на данный момент. К каждому уроку Вы можете оставить свой комментарий, а также проголосовать.

1 2 3 4 368

  • Как выбрать хороший хостинг для своего сайта?

    Выбрать хороший хостинг для своего сайта достаточно сложная задача. Особенно сейчас, когда на рынке услуг хостинга действует несколько сотен игроков с очень привлекательными предложениями. Хорошим вариантом является лидер рейтинга Хостинг Ниндзя — Макхост.

    Сложность: Создан: 15 Апреля 2020 Просмотров: 4664

  • Как разместить свой сайт на хостинге? Правильно выбранный хороший хостинг — это будущее Ваших сайтов

    Проект готов, Все проверено на локальном сервере OpenServer и можно переносить сайт на хостинг. Вот только какую компанию выбрать? Предлагаю рассмотреть хостинг fornex.com. Отличное место для твоего проекта с перспективами бурного роста.

    Сложность: Создан: 23 Ноября 2018 Просмотров: 12463

  • Разработка веб-сайтов с помощью онлайн платформы Wrike

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

    Сложность: Создан: 27 Июня 2018 Просмотров: 13155

  • Почему WordPress лучше чем Joomla ?

    Этот урок скорее всего будет психологическим, т.к. многие люди работают с WordPress и одновременно с Joomla, но не могут решится каким CMS пользоваться.

    Сложность: Создан: 26 Августа 2017 Просмотров: 24507

  • Про шаблоны WordPress

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

    Сложность: Создан: 3 Августа 2017 Просмотров: 22560

  • Анимация набора текста на jQuery

    Сегодня мы бы хотели вам рассказать о библиотеке TypeIt — бесплатном jQuery плагине. С её помощью можно имитировать набор текста. Если всё настроить правильно, то можно добиться очень реалистичного эффекта.

    Сложность: Создан: 26 Июля 2017 Просмотров: 33459

  • Самые первые настройки после установки движка WordPress

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

    Сложность: Создан: 24 Июля 2017 Просмотров: 21083

1 2 3 4 368 Настройки В» В» Дополнительно В» Работа со скриптами В» Интерактивная карта В» Яндекс.Карты Эквайринг | ЮKassa (Яндекс.Касса) | Online консультант | Интерактивная карта | Выгрузка позиций из 1с | Установка счетчиков | Доставка ТК СДЭК Яндекс.Карты | Дубль ГИС | Карта от Google с зонами | Google.Maps | Метки в Яндекс.Карты | Карты с маршрутом (Яндекс.Карты)

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

Видео: размещение Яндекс.Карты на сайт

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

Создание карты в сервисе Яндекс.Карты

Перейдите в конструктор карт по адресу: https://tech.yandex.ru/maps/tools/constructor/. Авторизуйтесь используя свой логин и пароль для создания и хранения карт на своем аккаунте для возможности их последующей корректировки при необходимости. Далее следуйте нашим инструкциям:

Создайте новую карту

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

Далее, используя строку поиска, введите адрес местоположеня Вашей компании, офиса, магазина, с точностью до дома. Нажмите кнопку — Найти.

Используйте встроенные инструменты для подготовки карты:

  • измените масштаб
  • добавьте в описание название компании и контактную информацию*
  • измените цвет и тип маркера при необходимости

После внесения изменений, нажмите кнопку В«ГотовоВ»

*Для того, чтобы контактная информация во всплывающей подсказке на карте была размещена построчно, используйте в конце каждой строки (кроме последней) код для переноса строки —

Сохранение созданной карты

После того, как вы внесли информацию в описание, скорректируйте местоположение маркера на экране, путем захвата мышкой (кликнуть и удерживать) и перемещения по экрану. Разместите маркер по центру области карты, далее укажите название и описание карты, нажмите В«Сохранить и продолжитьВ».

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

Вам необходимо указать размер интерактивной карты, которая будет выводиться в разделе с контактной информацией. Для того, чтобы карта вписалась аккуратно рекомендуем установить галочку «Растянуть по ширине», а высоту при этом указать в пределах 300-400px.

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

Далее, нажмите кнопку В«Получить код картыВ»

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

Размещение кода карты на странице сайта

Перейдите в редактирование содержимого раздела, где вы хотите разместить интерактивную карту. ОткройтеВ  HTML код страницы, кликнув по соответствующей иконке на панели инструментов.

В открывшемся окне, необходимо разместить код схемы проезда (как правило, добавляется в конце документа).

Вставьте код карты в конец содержимого (место размещения карты указано для примера — вы можете выбрать любое подходящее место в структуре страницы). Нажмите кнопку В«ОбновитьВ».

PS: Вы можете не увидеть саму карту в редакторе сайта, но на сайте она должна отобразиться — проверьте.

Сохраните раздел после редактирования.

Пример созданной карты в сервисе Яндекс.Карты

1 2 3 4 5

Сегодня мы поговорим о том, как добавить организацию на Яндекс.Карты. Создадим прайс-лист, подтвердим права и научимся объединять филиалы в одну сеть. В конце статьи вы узнаете, что делать, если карточка не проходит модерацию.

Содержание (развернуть)

Зачем добавлять организацию на Яндекс.Карты: цели и задачи

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

Цели и задачи размещения организации на картах:

  • Целевой трафик на сайт. Посетители улучшают поведенческие факторы — заказывают товары, услуги, регистрируются через встроенные формы. Это дает положительный эффект для SEO-продвижения.
  • Привлечение новых клиентов. Людям не нужно вводить название вашей компании. Достаточно указать «где поесть» или «где помыть машину». После этого откроется список ближайших организаций — в числе которых может быть ваш бизнес.
  • Обратная связь. Клиенты оставляют отзывы о качестве обслуживания, товарах, услугах. 
  • Дополнительная информация в поиске. Когда вы добавите карточку организации в Справочник, информация о компании появится в поиске Яндекса. 

Как добавить организацию на Яндекс.Карты через Яндекс.Справочник 

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

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

Размещаем компанию на карте — пошаговый алгоритм:

  1. Чтобы добавить организацию на Яндекс.Карты, перейдите на сайт сервиса Яндекс.Справочник. 
  2. В верхней части интерфейса нажмите кнопку «Добавить организацию».
  3. Откроется простая форма. Здесь нужно указать наличие офиса (этот пункт нельзя редактировать после добавления организации в Справочник), ввести название компании. Далее — укажите точный адрес организации, чтобы она отмечалась на карте. Введите номер телефона, сайт и социальные сети.
  4. Укажите время работы. Например, понедельник-пятница с 9:00 до 18:00. Добавьте время перерывов на обед. Укажите вид деятельности — но не более трех. 
  5. Нажмите кнопку «Добавить организацию». Откроется страница «Похожие компании». Это список организаций с похожими параметрами: одинаковое название, время работы, сфера деятельности. Таким образом, система хочет проверить: возможно, ваша компания уже есть в Справочнике. 
  6. Чтобы продолжить работу нажмите «Добавить» в соответствующем разделе. Ваша организация появится в справочнике после прохождения модерации — заявка будет на рассмотрении в течение 24 часов. 

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

Можно уточнить местоположение офиса, магазина или кафе. Для этого просто переместите красную метку на нужное здание. Еще эту функцию используют при переезде из одного офиса в другой. 

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

«Реквизиты». В этом разделе добавьте реквизиты юридического лица или ИП. Для первых — юридическое название и адрес, ИНН, ОГРН; для вторых — ФИО, ИНН, ОГРН. Эта информация будет отображаться в карточке компании — ее можно изменить в любой момент.

Список ограничений

В сервисе Яндекс.Справочник есть ограничения: не все компании можно добавить на Яндекс.Карты. Запрещенные карточки не пройдут модерацию. 

Читайте также:  Рекламные акции для бизнеса: виды и примеры

Компании, которые нельзя размещать на картах:

  • Финансовые пирамиды;.
  • Компании, которые продают незаконные товары и услуги: наркотики, оружие, поддельные документы.
  • Организации, которые занимаются сетевым маркетингом.

Подтверждаем права на организацию

Редактировать информацию об организации может только представитель компании. Для этого нужно подтвердить права. 

  • Зайдите на страницу «Мои организации». Перейдите во вкладку «Ожидают подтверждение».
  • Нажмите кнопку «Подтвердить» — она находится возле названия компании.
  • Теперь получите код и укажите его для подтверждения прав.

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

Важно: если в контактной информации указан номер мобильного телефона, то код можно получить по SMS.

Теперь перейдите на страницу «Мои заявки» и откройте вкладку «Заявки на подтверждение». Нажмите «Ввести код» и укажите комбинацию цифр, полученную от бота.   

Прайс-лист для Яндекс.Карт

В кабинете Справочника есть раздел «Цены». Здесь можно добавить прайс-лист для Яндекс.Карт. Это полезная функция для интернет-магазинов, кафе, ресторанов. Например, можно показать стоимость популярных товаров/услуг. 

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

Как добавить цены:

  1. Откройте раздел «Цены» в личном кабинете организации.
  2. Выберите вариант публикации прайс-листа. В первом случае можно загрузить готовый файл в формате XLS/XLSX. 
  3. Во втором случае, можно добавить несколько товаров вручную. Для этого нажмите «Новый товар».
  4. Заполните карточку товара: добавьте фотографию (минимальный размер — 320×320 пикселей, максимальный — 5000×5000 пикселей), укажите название, цену, выберите категорию и сделайте небольшое описание (не больше 500 символов с пробелами). 

Информацию о товарах можно отредактировать в любой момент. Прайс-лист будет отображаться на Яндекс.Картах и в Справочнике через 24 часа. 

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

Сначала загрузите логотип. Лучше в формате PNG — без заднего фона. Потом добавьте фотографии организации. Кафе могут сделать снимки лучших блюд, сервисные центры — фото рабочего процесса.  

Добавленные снимки отображаются на картах и в результатах поиска в Яндексе. Это положительно сказывается на SEO и повышает доверие аудитории к компании. Только не нужно добавлять картинки с фотостоков — они выглядят неестественно и шаблонно. Лучше сделайте 3-4 «живых» фото. Также, хорошие снимки помогут выделиться среди конкурентов. 

Технические требования к фотографиям:

  • Допустимые форматы файлов: PNG, JPG.
  • Размер одного снимка — не более 10 МБ.
  • Минимальное разрешение изображения — 320×240 пикселей; максимальное — 5000×5000 пикселей. 
  • Какие фотографии не пройдут модерацию:
  • Изображения эротического содержания.
  • Фото, которые не имеют отношение к компании: например, сервисный центр публикует снимки детской одежды.
  • С надписями, которые мешают просмотру изображения.
  • Картинки, которые уже были добавлены ранее.

С полным списком ограничений можно ознакомиться в официальной справке Яндекс.Справочника.

Как добавить филиалы

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

Условия объединения:

  1. Компании должны иметь одинаковое название.
  2. Организации находятся в одной рубрике (занимаются одним видом деятельности). Из 3-х рубрик, должна совпадать одна.
  3. Общий сайт или номер телефона.

Чтобы объединить филиалы в сеть, нужно подать заявку через специальную форму. В заявке обязательно укажите название сети организаций, телефон, веб-сайт, рубрику и вид деятельности. 

Управление отзывами

Во вкладке «Отзывы» отображаются отзывы пользователей об организации или веб-сайте — положительные и отрицательные. Это влияет на общий рейтинг компании — он показан в виде звездочек. 

Так выглядят отзывы об организации на Яндекс.Картах

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

Читайте также:  Бесплатная реклама в интернете: где разместить и как сделать эффективное объявление

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

Не покупайте отзывы — это запрещено правилами сервиса Яндекс.Справочник. Просите настоящих клиентов оставить небольшой комментарий о качестве своих услуг или товаров. 

Реклама организации — приоритетное размещение

В личном кабинете Справочника есть раздел «Реклама». Здесь можно заказать приоритетное размещение организации. 

Что вы получите: 

  • Компания окажется на первых местах в результатах поиска по категории организаций. Яндекс приводит статистику: 86% кликов приходится на первые 10 карточек. 
  • Зеленая метка на картах. Он привлекает внимание — по статистике, количество кликов повышается на 10%.
  • Расширенная карточка. Вы можете добавить логотип организации, акции или витрину с ценами на популярные товары/услуги. Это поможет выделиться среди карточек конкурентов в вашей категории.  

Цена приоритетного размещения рассчитывается по специальной формуле:  C = B * M_g * M_r * P * D. 

B — базовая стоимость услуги (4 320 рублей + НДС, за 30 дней). M_g — коэффициент для города. M_r — коэффициент рубрики. P — период размещения (рассчитывается в месяцах). D — скидка. 

Если объяснить формулу простыми словами: размещение банка в Москве будет дороже, чем кафе в Тольятти.  

Есть вопросы по рекламе? Воспользуйтесь онлайн-чатом в разделе премиум размещения или позвоните в службу поддержки по телефону 8 800 234 99 26. 

Отслеживаем эффективность размещения на Яндекс.Картах

Отследить эффективность размещения на Яндекс.Картах можно в разделе «Статистика». Здесь можно посмотреть тепловую карту запросов: в каких районах чаще интересуются вашей сферой деятельности. Есть график показов и кликов — динамика интереса к организации.

Можно посмотреть диаграммы демографических данных — информация о целевой аудитории: тип устройства, пол, возраст. Например, это поможет узнать, кто наши клиенты.

Удалить карточку компании из Справочника можно за 3 простых шага:

  1. Зайдите в личный кабинет Яндекс.Справочника и откройте раздел «Мои организации».
  2. В карточке предприятия нажмите на иконку с тремя точками.
  3. В открывшемся меню нажмите «Удалить из базы Справочника».

Информация об организации останется на Яндекс.Картах. Она будет помечена как закрытая — «Больше не работает». 

Яндекс.Справочник отклонил заявку — что делать?

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

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

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

Исправьте все ошибки и снова отправьте заявку. Если проблема не решилась, то напишите в службу поддержки Яндекс.Справочника. Это можно сделать в разделе «Обратная связь». Подробно опишите свою проблему. 

Подведем итоги

В данной статье разберем как создать яндекс карту для сайта, и встроить ее с помощью визуального конструктора страниц elementor.

Содержание

Как создать яндекс карту для сайта

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

image

После того когда вы укажете ваше местонахождение, появиться окно (если нет то нажмите на иконку на карте для редактирования) в нем необходимо указать метку, выбрать иконку, задать цвет. Далее нажмите кнопку сохранить и продолжить.

image

Далее необходимо задать размеры карты в пикселях. Важный момент, как вы зададите настройки карты так они и будут отображаться на сайте. Можете отредактировать в ручную мышкой, колесиком можно приблизить и уменьшить размер, по желанию можете поставить галочку растянуть по ширине. После всех настроек нажмите на кнопку “получить код карты”. Более подробно смотрите видео внизу статьи.

image

Следующий шаг вам необходимо скопировать полученный код и вставить его на сайт с помощью elementor, виджет html код.

image

Как вставить полученный код на сайт с помощью elementor

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

image

image

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий