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

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

Кому это надо?

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

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

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

Одним из крупнейших картографических сервисов в рунете, является – Яндекс Карты. Есть еще и другой, от компании Гугл. Но сегодня, будет разговор именно про Яндекс Карты.

Для установки Яндекс Карты, нужно получить код, а затем, полученный код, вставить в нужное место на сайте. И не важно, на какой платформе ваш сайт. Данная инструкция подойдет и для сайтов на html, и для wordpress и для любых других движков. Достаточно того, чтобы он поддерживал вставку скриптов, что на сегодняшний день, предоставляет практически любой платный хостинг (да и большинство бесплатных).

Для установки, вначале нужно перейти по ссылке — yandex.ru/map-constructor/

конструктор яндекс карт

Кликните на Создать карту, затем, выберите имя карты, сохранить и продолжить.

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

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

задаем размер карты и масштаб

Конструктор карт выдаст код карты, который останется просто добавить на свой сайт.

код карты для размещения на сайте

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

добавляем на сайт html

Или же, если к примеру, у вас сайт на популярной CMS WordPress, то вы можете установить его в код либо самой статьи и для этого, вам совсем не нужен какой либо плагин, но вставку нужно делать, в режиме «Текст»

вставляем Яндекс Карту на сайт WordPress

либо, можно вставить в виджет.

можно установит ьв виджет

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

Ну а теперь, вот что у меня вышло.

Так что все работает, проверено лично.

1 Star2 Stars3 Stars4 Stars5 Stars (4 оценок, среднее: 4,75 из 5)
Loading...
Случайные публикации:
  • Обзор курса по арбитражу трафика на CPA-партнёрках от profyseo.ruОбзор курса по арбитражу трафика на CPA-партнёрках от profyseo.ru...Теперь по разделам книги. Яндекс.Директ Рассмотрены способы подбора множества т.н.
  • Google делает это!Google делает это!Думаю, любой человек, кто более-менее "погружался" в SEO, задавался во...
  • Что такое CPA-маркетинг и CPA-сети? Офферы, лиды, холд и заработокЧто такое CPA-маркетинг и CPA-сети? Офферы, лиды, холд и заработок...нь интересна и пока ещё не "заезженна". Это не CPC, где уже имеется
  • Яндекс: ну так отменил или нет?Яндекс: ну так отменил или нет?...для "коммерции" по Москве или нет. Так что предлагаю вам высказать своё мнение в
  • Что такое пассаж в SEO? Использование пассажей в оптимизации сайтаЧто такое пассаж в SEO? Использование пассажей в оптимизации сайтаВесьма много за последнее время написал про тексты и про их уникальность: В...
Оставьте комментарий:
комментариев 7
  1. k0ttee:

    А к темной теме сделать контролы карты темными можно без изобретения велосипеда?

    Ответить
  2. Михаил:

    А вот как вот, к примеру, вывести на сайт яндекс.карту определенной страны? %)

    Ответить
  3. Денис:

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

    Ответить
    • birds:

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

      Ответить
  4. Наталья:

    Добрый день. Скажите, а нагрузку на сайт такая карта оказывать не будет?

    Ответить
  5. Наталья:

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

    Ответить
Я не спамлю...