Как вставить гугл карты. Пошаговое руководство добавления организации в Google Places. Что влияет на ваши позиции в Google Maps

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

Размещение карт от Гугл на сайте и его страницах позволяет вам разбивать большие текстовые блоки графическим наполнением, и делать их более приятными для восприятия читателями.

В этой статье мы рассмотрим два простых способа, как за пару минут добавить карты Google Maps на сайт:

Метод вставки на WordPress сайт карт из Google Maps

Откройте Google Maps и введите в поисковую строку адрес. Например, мы ввели случайный запрос «Тверской район, Москва, дом 1,» выбрали здание кафе, и вот что получили:

В верхнем левом углу картинки можно нажать на картинку в виде звена цепи, и открыть диалоговое окно для вставки карты на сайт. Вы можете настроить некоторые элементы (такие как размер карты, цвет границ и т.д). Скопируйте этот код и вставьте его на свой сайт, используя HTML-редактор на странице записи.

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

Плагин Google Maps

WPMUDEV создали замечательный Google Maps-плагин, который даст вам дополнительные возможности относительно карт google на ваш сайт. Кроме того, плагин добавляет возможности редактирования, позволяющие изменять вид карты на сайте.

Вместо того чтобы копировать код из google, вы можете вставить карты непосредственно из вашей записи или страницы, используя иконку «Добавить карту» в визуальном редакторе. Вы можете использовать пользовательские разделы для взаимодействия с геолокационным плагином, даже добавлять на карту панорамное изображение.

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

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

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

Добавить интерактивную карту на свой сайт позволяет, например, всемирно известная поисковая система Google. Сделать это можно с помощью бесплатного сервиса Google Maps .

Шаг 1. Получить код для установки карты Google на сайте

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

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

В открывшемся списке меню выберите пункт «Ссылка/код».

В открывшемся окошке перейдите во вкладку «Код», выберите размер карты и скопируйте предложенный html-код.

Шаг 2. Как вставить код карты 2gis на сайт

Итак, код получен, осталось только разместить его на нужной странице сайта. Мы решили добавить карту в раздел «Контакты». Заходим в админку «Нубекса», на панели управления выбираем раздел «Страницы» , находим в списке нужный раздел и нажмимаем «Редактировать» .

Работать будем с текстовым блоком. Нажимаем кнопку «Источник» , чтобы перейти в режим редактирования кода. Вставляем в текстовое поле код, полученный на GoogleMaps, и сохраняем изменения.

Заходим на страницу «Контакты» нашего сайта и радуемся обновлениям!

Благодаря Google maps любой посетитель вашего сайта сможет увидеть местоположение организации, проложить маршрут на автомобиле, на общественном транспорте или пешком, а так же сохранить ваш адрес в своих заметках.

Кроме карт от Google, вы так же можете разместить на сайте карты от и 2gis , о них мы расскажем в соответствующих статьях.

Алексей Черницын

небольшое уточнение:
1-2 недели - для получения кода верификации по физической почте - это почти фантастика, к сожалению. Последние 2 раза, которые лично я регистрировал компанию в Google.Business - заняли 1,5-2 месяца. При этом интересная особенность - Письмо от Google пришло из Франции.
Т.е. не так все быстро и просто, как хотелось бы.

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

Уточните для меня пожалуйста:)
- о каком справочнике идет речь? Если я верно помню, то Гугл Бизнес индивидуален и не является катологом/справочником.
- думаю логично, перед добавлением и созданием новых профилей на любом ресурсе, стоит проверить нет ли его уже там, и проблем не будет) Но в случае с профилем Гугл Бизнес - да, если уже кто-то забрал ваш профиль, то велкам ту тех.поддержка и передача прав.

Мухамед-Канапия Жаксылык

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

Название страницы: Как быстро добавить.... Что она имеет общего с изложенным материалом, где попросто банальнейшая инструкция и не единого совета, как действительно это сделать быстро!

Алексей Черницын

)) что именно уточнить? Почему я назвал ГуглБизнес "каталогом" и "справочником"? Ну, потому, что это действительно так по сути. По выдаче гугл, как и яндекс выдают (стараются) выдавать персонализированные результаты. Но когда речь идет о брендовых запросах - обычно выдают всегда из ГуглБизнес карточку.
Так что "каталог" и "справочник")) не хотите - так не называйте))
и согласен, что перед добавлением нужно было бы проверить. И да, передачу прав никто не отменял. В моем случае была просто личная невнимательность - получил ссылку на аккаунт от заказчика, но не перепроверил. А оказалось, что это уже второй который они же создали, т.к. до первого не достучались.

Ну ок) думал что может что-то изменилось и я пропустил это)

Анатолий Шпиц

В последнее время письма вообще не идут на московские адреса, а вот на украинские идут, наверняка проделки госдепа и тайного заговора;)
Приходится подтверждать страницу и адрес через почту домена (когда попытки почты заканчиваются), и то бывает не с первой попытки это работает =)

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

"Через почту домена " Можно поподробнее как ето?

Елена Владимировна Краева

Алексей, благодарю за уточнение по срокам. Видимо, Гуглу не всегда удается соблюсти установленные сроки.

Елена Владимировна Краева

Вот официальное видео от Google Бизнес о том, как правильно указывать адрес https://www.youtube.com/wat...

Елена Владимировна Краева

Вот ссылка на официальное видео от "Гугл для Бизнеса (Россия)", в котором описаны способы ускорения получения подтверждения, а именно: написать в техподдержку, если письмо не пришло в течение 1-2 недель (вот ссылка на страницу отправки запроса в тех поддержку
Для некоторых (не для всех) компаний, кроме подтверждения по почте, доступны опции подтверждения по телефону или электронной почте. Вот ссылка на инструкцию от Гугл подтверждения по телефону и по почте: https://support.google.com/... .
Ссылка на видео

Чтобы координаты вашей компании на Google Картах появлялись в результатах поиска, сначала нужно зарегистрировать ее в сервисе « ». Если ранее Google Maps был отдельным сервисом, то сейчас он является частью уже этого общего сервиса, который объединяет в себе основные инструменты для продвижения компаний.
Сервис «Google Мой бизнес» будет полезен всем владельцам сайтов, которые предоставляют какие-либо услуги или товары. Если у вас есть офис, филиал или магазин, присутствие вашего сайта на картах Google будет дополнительным преимуществом перед конкурентами. К тому же Гугл Карты позволят привлечь дополнительный трафик по региональным запросам (т.е. привязанным к какому-то городу).

Преимущества сервиса «Google Мой бизнес»:

  • позволяет публиковать сведения о вашей компании в Поиске Google, Картах и других службах Google;
  • возможность делиться свежими новостями со своими клиентами;
  • общение с клиентами, возможность отвечать на их отзывы;
  • на Картах Google клиенты смогут найти маршрут к вашему офису, а на странице результатов поиска они узнают часы работы и контактные телефоны

Регистрация в GOOGLE MAPS

Для регистрации в Гугл Картах вам нужно сначала создать аккаунт в сервисе «Google Мой бизнес» (для регистрации перейдите по ссылке http://www.google.com/intl/ru/business/). Если у вас уже есть аккаунт в Google (например, почта GMAIL), тогда нажмите «Войти ».
Затем перейдите по ссылке https://www.google.com/local/manage/ . Здесь вы можете добавить один (или несколько) ваших филиалов, т.е. реальные адреса офисов, магазинов и т.п. Эти адреса, впоследствии, и будут выводиться при поиске, и в Google Maps.
Нажмите «Добавить филиал » и заполните всю контактную информацию о компании.

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

Что влияет на ваши позиции в Google Maps

  • Наличие у компании сайта;
  • Полнота информации при регистрации компании (телефоны, e-mail, фото, режим работы, правильно выбранная категория);
  • Наличие ключевых слов в названии компании (например, Школа танцев «Медведь», где «школа танцев » — ключевое слово);
  • Удаленность от центра города (компания, которая расположена ближе к центру города, имеет больше преимуществ);
  • Упоминания о вашей компании на других авторитетных сайтах.

Очень важное влияние на ваш рейтинг в поиске будут также оказывать положительные отзывы о компании. Чем больше у вашей компании положительных отзывов и оценок – тем выше она будет в результатах поиска. Учтите, что отзывы клиенты смогут добавлять только после того, как вы подтвердите адрес компании.
Не рекомендуется «накручивать» отзывы – т.е. самому писать о себе хвалебные опусы. Намного лучший эффект вы получите, если будете стимулировать своих клиентов самим оставлять отзывы о вашей компании.

Дополнительный трюк : добавление координат компании в Google Earth.
Чтобы это провернуть, создайте в корне сайта файл с расширением .kml , в котором укажите координаты компании (долгота и широта). Затем подключите этот файл через sitemap.xml , добавив строчку http://yoursite.com/file.kml .

Все указанные действия увеличат ваши шансы на попадание в ТОП локального поиска и привлечение дополнительного трафика.

Доброго дня всем читателям. Google maps или говоря по русски — гугл карты, давно стали популярнейшим инструментом для миллионов пользователей. Не буду сейчас перечислять все достоинства этого замечательного проекта. Вы и сами знаете. Интерактивные гугл карты на страницах типа «О нас» или «Как добраться?» уже давно стали необходимыми атрибутом на любом корпоративном сайте или тем более, сайте с магазином. Давайте поговорим о том, как эти карты удобнее вставить на WordPress сайт.

Любую гугл карту можно заполучить у себя на сайте путем ручной вставки кода или с помощью соответствующих плагинов. Рассмотрим подробнее первый вариант.

Как вставить Google Maps с помощью ручной вставки кода

Топаем на сами карты от Гугла и находим нужное вам географическое место. С некоторых пор карты стали иметь совсем минималистичный интерфейс для удобства просмотра. Нам же нужен классический вариант. Жмем кнопку справа вверху браузера — «Справка и отзывы» и затем — «Классический интерфейс».

Слева появится своеобразный сайдбар, где нам нужна кнопка «Сссылка». Нажимаем её и появляется окошко с двумя полями:

  1. Короткий код (для быстрой отправки ссылки на вашу карту).
  2. HTML-код для добавления на веб-сайт

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

Перейдите в ваш WordPress сайт и вставьте код в публикации, страницы или шаблон. Вот и все. Осталось только сохранить свой пост или страницу и увидеть как карты Google «поселятся» на вашем сайте.

Как вставить Google Maps с помощью плагина

Первый способ хорош, если вы только хотите встроить карту гугл в одном месте WordPress сайта. Но если карты играют важную роль на вашем сайте и в основном содержании вам требуется часто добавлять карты в ваших постах, то я рекомендую использовать специальный WordPress плагин — . После установки и активации идем в любую вашу запись и прокручиваем вниз до метабокса MapPress . Тут нужно создать новую картуNew Map .

Вводим название нашей карты, выбираем размер. В поле Add POI: вводим названия или координаты для поиска нужного места. Кстати, можно таким образом добавить несколько мест на одну карту. В отдельном окне задайте свои описания. Сохраняем и для вставки на страницу жмем Insett Into Post.

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

Google Maps в ваших виджетах с эффектом Lightbox

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


Переходим к своим виджетам. Перетаскиваем новый виджет Google Maps Widget в нужное вам «виджетоместо». Например, в сайдбар. Вводим название требуемого населенного пункта и страну. Указываем уровень зума. Кроме показа карты в сайдбаре, еще есть возможность по клику разворачивать карту с помощью эффекта . Соответственно, внутри виджета есть еще две закладки с дополнительными настройками — для сайдбара и для развернутого вида.

Премиум плагин — 5sec Google Maps

Для тех кто предпочитает премиум плагины, хочет «все в одном» и привык всегда иметь великолепную поддержку от автора, могу порекомендовать прикупить популярный плагин — .

За свои 10 баксов плагин умеет следущее:

  • Не требует API, никакой установки, без редактирования кода
  • Работает в сайдбаре, записях, страницах и вообще везде прямо » из коробки»
  • Поддержка полноэкранного режима.
  • Используемый по умолчанию код, , могжет быть легко изменен.
  • Несколько карт для каждой записи/страницы.
  • 12 предопределенных маркеров/иконок
  • Полностью настраиваемое HTML описание
  • Использует локальный кэш для геокодирования (адрес lat/СПГ mapping) для максимальной скорости
  • Обширная документация с примерами

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

Надеюсь, данная статья поможет вам выбрать нужный именно вам вариант для вставки любых необходимых Google Maps на ваш WordPress сайт.



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: