Как вставить карту Гугл google maps на сайт

Как вставить карту Гугл google maps на сайтПривет, друзья! Заметили или нет, но в последнее время вебмастера часто стали вставлять на сайт (или просто в статью) карту Гугл google maps. Причем стали вставлять и по поводу и без… Конечно, я понимаю, если нужно указать схему проезда или какой-то точный адрес, то карта гугл (google maps) на сайт весьма кстати.., а вот если просто так взять и вставить гугл карту на обум, то это уже не просто так..? – я думаю, это улучшение поведенческих факторов (вдруг пользователь захочет найти что нибудь на карте, а значит задержится на сайте), да и вообще, поисковые роботы заметят, что на сайте не только текст, но и дополнительная полезная информация в виде гугл карты =) возьмет и повысит запрос в выдачи.

Карта Гугл google maps на сайт

Уровень урока — легко=)

Итак, давайте покажу как вставить карту гугл на сайт (в нашем случае в WordPress).

Сейчас я найду свой город на карте, возьму код и вставлю в эту статью=) Посмотрите в каком красивом месте я живу=)

Идем в google карты — https://maps.google.ru/

google maps на сайт

  1. В поиск вводим нужный нам адрес (указать можете хоть что: Страну, город, улицу);
  2. Жмем на значок ссылки;
  3. Кликаем на “Настройки и просмотр”

карта гугл на сайт

 

[adsense]
  1. Выбираете размер карты под страницу вашего сайта;
  2. Если необходимо, увеличиваете или уменьшаете масштаб;
  3. Выбираете формат гугл карты;
  4. Копируете полученный код.

Как вставить карту Гугл на сайт

Чтобы вставить карту на сайт непосредственно в статью, в редакторе WordPress переключаемся на html редактор и в нужное место вставляем код карты:

вставка карты google на сайт

гугл карта на сайт

Вот и все!

Удаляем ссылку из гугл карты

Под картой увидите ссылку “Просмотреть увеличенную карту” – удалим ее.

Для того, чтобы убрать ссылку, из кода удалите все что закрашено желтым цветом:

как добавить карту гугл на сайт

 

Оставляем только <iframe></iframe>, т.е. только карту.

[yandexd]

Если нужно добавить google maps на все страницы сайта, то открываете на редактирование файл single.php (если в WordPress) и размещаете код в нужном месте!

По теме:

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

Вот еще видео, как добавить google карту не только в WordPress, но и в Джумлу, и на самописный сайт. Так же в видео узнаете как проложить маршрут проезда от адреса “А” до адреса “В”

[youtube]1LoJrLMl6b0&feature[/youtube]

Все, удачи! Жду лайков=)

✌️ Хочешь продолжить разговор после статьи?

В Telegram я делюсь всем, чего нет на блоге: быстрые мысли, мемы, хаос и ностальгия.

Подписаться на Telegram
Комментарии: 8
  1. Lector

    Даже не знаю, подумал-подумал так и не нашел куда себе можно приткнуть карту  :-D

    1. WPixel

      на страницу с контактами =)

    2. Voroni (автор)

      Ну да, если у тебя блог о верстке, то некуда карту разместить) хотя да, в контакты:-)

  2. Сергей

    Я тоже в контакты поставлю =)

  3. Lector

    Мне смысла нет ставить, даже в контакты, меня и так как программера знают в городе моем  ;) 

  4. Андрей

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

    1. Voroni (автор)

      ну на все страницы то естественно не нужно ставить  :-D

  5. Руслан

    То же давненько заметил что все карту от гугла ставят не понимал зачем но себе думаю ставить не бду, не естественно это как-то будет выглядеть.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности (подробнее).