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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1 Star2 Stars3 Stars4 Stars5 Stars (23 оценок, среднее: 4,22 из 5)
Loading...
Случайные публикации:
  • Twitter-сниппеты в ЯндексеTwitter-сниппеты в Яндексе...яются в Yandex-сниппетах весьма оперативно. Вообще, данный поисковик очень активно
  • Создание, раскрутка и продвижение сайта. В чём суть и для чего это нужно?Создание, раскрутка и продвижение сайта. В чём суть и для чего это нужно?...ного интернет-сервиса, то придётся или изучать веб-программирование и
  • Как не проиграть в SEO войне. Обзор SEO программы Netpeak spiderКак не проиграть в SEO войне. Обзор SEO программы Netpeak spider...в том, что это именно то, что вы давно искали. А как вы оцениваете Netpeak
  • Казино с минимальными депозитом: как найти проверенный бренд с низкими ставками?Казино с минимальными депозитом: как найти проверенный бренд с низкими ставками?Начинающим игрокам, находящимся на старте гемблинговой карьеры, рекомендован...
  • Какое оформление рекламного объявления РСЯ эффективнее?Какое оформление рекламного объявления РСЯ эффективнее?Это небольшая заметка про ту же РСЯ. Если кто-нибудь определённое время им...
Оставьте комментарий:
комментариев 10
  1. k0ttee:

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

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

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

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

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

    Ответить
    • birds:

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

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

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

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

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

    Ответить
  6. Артём:

    Спасибо.

    Ответить
  7. Айдар:

    Спасибо, помогли. Справился.

    Ответить
  8. Павел:

    Здравствуйте! После установки Яндекс.Карты текст появляется сразу, а затем только карта. Как сделать так, чтобы одновременно с текстом проявлялась карта?
    Спасибо

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