Как добавить карту гугл на сайт: Sorry, this page can’t be found.

Содержание

Как сделать Google Карту и добавить на сайт

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

В статье расскажем как создать Google карту и добавить ее на сайт.

Получайте до 18% от расходов на контекст и таргет!

Рекомендуем: Click.ru – маркетплейс рекламных платформ:

Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.

Подключиться можно самому за 1 день.

Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.

Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.

У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.

Попробовать бесплатно >>
Реклама

Читайте также: Как работать в конструкторе Яндекс.Карт

Как создать Google Карту: пошаговая инструкция

Есть 2 способа создать Гугл Карту с помощью кнопки «Поделиться» и сделать свою карту.

1 способ: через кнопку «Поделиться»

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

Заходим на сайт с картами — https://www.google.ru/maps/. Пишем адрес офиса, например, Москва, Пресненская набережная, Москва Сити.

Затем жмем кнопку «Поделиться».

Сервис предлагает две возможности поделиться — скопировать ссылку или скопировать код. Так как нам нужно разместить карту на сайте, выбираем «Встраивание карт».

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

Важно: обратите внимание, если в Google есть карточка организации, то кроме точки на карте с адресом, можно посмотреть рейтинг, отзывы, номер телефона, часы работы и фотографии компании. Карточка организации помогает продвигать бизнес, содержит важную информацию для клиентов, повышает лояльность (они видят, что компания реально существует). Как добавить компанию в Google, читайте в нашей статье про Google Мой Бизнес.

2 способ: создаем свою карту

Мы сначала создаем свою карту, а потом добавляем ее на сайт.

Заходим на сайт Google Maps — https://www.google.ru/maps/ и нажимаем на меню (3 горизонтальных полоски).

Нам нужен пункт «Мои места».

А в нем «Карты».

Пока здесь ничего нет, жмем «Создать карту».

Базовая карта не имеет названия. Чтобы назвать карту и добавить ей описание, жмем на строчку «Карта без названия».

Добавляем название и описание, после чего жмем «Сохранить».

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

Нажимаем на здание. Точка добавлена, теперь нужно ее назвать и добавить описание. Нажимаем «Сохранить».

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

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

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

Точку можно отредактировать или удалить — значки карандаша и корзины.

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

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

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

Это интересно: Продвижение YMYL-сайтов

Как добавить Google Карту на сайт

Через код (HTML)

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

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

Нажимаем на добавление элементов (+), затем «Вставка» — «Вставка кода» — HTML iframe.

На странице появляется блок, добавляем в него код и нажимаем кнопку «Применить» .

Получается вот такая карта на странице.

Карту обычно добавляют в нижнюю часть страницы или в футер сайта. Для футера выбирайте маленький размер карты.

С помощью плагина (для WordPress и других CMS)

Если ваш сайт создан на CMS, и вы не умеете работать с кодом, проще установить плагин. Для WordPress создано несколько плагинов карт, но чаще всего используют WP Google Maps — у него более 400 000 активных скачиваний.

В админке сайта заходим в плагины — добавить новый.

Пишем WP Google Maps или просто Google Maps, если хотите посмотреть, какие еще плагины есть.

Нажимаем «Установить» и «Активировать».

В этом плагине нужно создавать карту с нуля. Нажимаем «Создать карту» или «Create map» и создается первая карта, которой сразу присваивается шорткод — его потом нужно будет добавить в нужную часть страницы. Нажимаем «Редактировать» или «Edit».

Плагин предлагает 2 инструмента для создания карт, один не использует Api key, второй (Google Maps) использует.

В разделе Markers указываем адрес точки, можно добавить анимацию. Справа нужно масштабировать карту до нужного размера, например, увеличить до конкретных улиц. Сохраняем точку «Save Marker» и указываем Api Key (справа окно, где написано Please ensure you enter a Google Maps API key to continue using Google Maps), нужно нажать на ссылку.

Ключ вставляется в соответствующее окно.

Для его получения нужно зарегистрироваться на сайте https://cloud.google.com/maps-platform/. Использование ключа платное — от 2 $ в месяц и выше. Есть бесплатный тариф, но с ограничениями. Если не хочется возиться с ключом — тогда выбирайте плагин, где не нужен API key или добавляйте через html-код, про который мы писали выше. Также на Google Maps Platform есть функции для кастомизации Google Карт.

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

Чтобы карта начала отображаться на странице, в нужную часть вставляем шорткод и сохраняем страницу.

Заключение

Google Карта на сайте, помогает клиентам понять, где вы находитесь. Ее актуально использовать владельцам оффлайн бизнеса — торговых точек, кафе, офисов. Можно взять готовую карту и добавить ее на сайт или создать свою с нуля. На сайт карта добавляется при помощи html-кода или плагина. В некоторых случаях может понадобиться API key.

Полезные ссылки:

Добавление карты сайта (сайтмэпа, sitemap) в Гугл и Яндекс – Центр поддержки

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

Если на сайте много вложенностей (Главная → Категория → Подкатегория → Товар), поисковик будет долго добираться до индексации товаров, которые находятся в конце этой цепи. Сайтмэп поможет поисковым роботам найти и проиндексировать все товары быстрее. Новые страницы сайта (например, новые товары) тоже проиндексируются быстрее, так как поисковые системы проверяют сайтмэпы каждый день.

Карта сайта на Стартовом сайте

Карта сайта (sitemap) автоматически генерируется для Стартовых сайтов на всех платных планах. Если вы на бесплатном плане, вы можете легко получить сайтмэп для Стартового сайта — нужно просто перейти на платный план.

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

В Эквиде сайтмэп для Стартового сайта генерируется автоматически. Чтобы помочь поисковикам быстрее его найти, можно добавить ссылку на карту сайта в Google Search Console и Яндекс.Вебмастер. Чтобы получить ссылку, нужно добавить к домену своего сайта /sitemap.xml. Это выглядит примерно так:

Карта Стартового сайта передается в Гугла автоматически при помощи файла via robot.txt. Но если вы хотите, чтобы поисковики нашли ее быстрее, можно добавить сайтмэп вручную в Google Search Console и Яндекс.Вебмастер.

Вот как это сделать в Google Search Console:

Откройте Google Search Console.
Подтвердите, что вы владелец сайта.
Откройте раздел Файлы Sitemap.
Добавьте часть sitemap.xml part к ссылке на свой Стартовый сайт в секции Добавить Sitemap:

Нажмите Отправить.

Вот как это сделать в Яндекс.Вебмастере:

Откройте Яндекс.Вебмастер.
Подтвердите, что вы владелец сайта.
Перейдите в раздел Индексирование → Файлы Sitemap.
Вставьте ссылку на карту сайта в секции Добавить файл Sitemap:

Нажмите Добавить.

Карта сайта на вашем собственном сайте

Если вы добавили Эквид-магазин на свой собственный сайт, вы можете сгенерировать сайтмэп с помощью бесплатного приложения — Sitemap Generator.

Была ли эта статья полезной?

Приятно! Спасибо за ваш отзыв.

Спасибо за ваш отзыв.

Простите за это! Что было не так?

Отправить отзыв

Пользователи, считающие этот материал полезным: 13 из 20

Как получить API Key для карт Google?

Если на вашем сайте иногда не показывается карта Яндекса или Google с отображением адреса офиса/магазина, воспользуйтесь данным решением.

0. Переключите отображение адреса на карты Google.

1. Перейдите в Google Cloud Platform Console.

2. Примите условия использования сервиса.
3. Нажмите на кнопку «Создать».
4. Введите название проекта и нажмите кнопку «Создать».
5. Выберите в каталоге «Geocoding API» и «Maps JavaScript API».
6. Нажмите кнопку «Включить».
7. Переключитесь на вкладку «Учетные данные».
8. Нажмите кнопку «Создать учетные данные».
9. Выберите «Ключ API».
10. Скопируйте полученный ключ API и нажмите «Закрыть».
11. На плашке вверху страницы нажмите кнопку «Активировать бесплатный пробный период».
12. Согласитесь с условиями использования.
13. Заполните поля, включая данные своей банковской карты. Карта должна быть у вас, т.к. на одном из следующих шагов ее нужно будет сфотографировать.
14. Нажмите «Перейти к подтверждению».
15. С вашей банковской карты будет списано 1-2 доллара для проверки. В течение часа эти деньги вернутся.

16. Заполните форму (фото банковской карты, на которой видно 4 последних цифры + фото паспорта/водительских прав и т.д.).

17. Перейдите в панель управления сайтом — Приложения — Google Maps и вставьте в нужное поле скопированный ключ API.
18. Согласно инструкции (ссылка) выберите на странице Контакты — Показывать на Google Map.

19. Готово!
Обратите внимание!

Стоимость использования сервиса составляет 7 долларов за 1000 просмотров (до 100 000 просмотров в год) и 5,6 доллара за 1000 просмотров (от 100 001 до 500 000 просмотров в год). На первый год Google дает 300 долларов в подарок (их хватит на 3571 просмотр страницы с картами в месяц в среднем). Обратите внимание, оплата не начнет списываться автоматически, пока вы не подтвердите платную подписку.

Была ли статья вам полезна?

Да

Нет

‎App Store: Google Карты — транспорт и еда

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

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

Находите компании и другие места
• Узнавайте, какие компании поблизости работают и в какое время они открыты.
• Находите местные рестораны, которые предлагают доставку и самовывоз.
• Составляйте списки любимых мест.

Используйте удобную навигацию в режиме реального времени
• Рассчитывайте время прибытия с учетом загруженности дорог.
• Не опаздывайте на поезда, автобусы или такси благодаря данным в реальном времени.
• Экономьте время: маршруты перестраиваются автоматически с учетом пробок, аварий и перекрытых участков.
• Включив «Улицы в AR-режиме», вы будете видеть стрелки и подсказки, обозначающие ваш маршрут, поверх изображения окружающей местности. Так вы не пропустите нужный поворот и всегда будете знать куда идти.

Другие возможности Google Карт
• Офлайн-карты для поиска и навигации без подключения к Интернету.
• Просмотр улиц, снимки интерьеров ресторанов, магазинов и музеев, и многое другое.
• Схемы, которые помогают ориентироваться в больших зданиях, таких как аэропорты, торговые центры и стадионы.

*Некоторые функции поддерживаются не во всех странах.

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

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

Пользуйтесь Просмотром улиц и добавляйте свои снимки на Google Карты

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



Где будет следующая панорамная съемка

Узнайте, куда отправится съемочная машина или трекер Google в следующий раз

Добавить фотографии

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

Есть несколько способов публикации контента в Google Картах – выберите тот, который подходит именно вам.

Становитесь сертифицированным партнером

Сертифицированные фотографы создают качественные снимки экстерьеров и интерьеров для публикации в Просмотре улиц. Обратитесь к этим специалистам, чтобы пользователи Google Карт знали, как выглядит ваша компания.

Публикуйте серии фотографий

В приложении «Просмотр улиц» появилась бета-версия функции, с помощью которой вы можете создавать новые материалы на смартфоне Android

Привлекайте клиентов и повышайте продажи

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

Узнать больше

Сотрудничайте с агентствами или сертифицированными фотографами

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

Обратитесь к профессионалу

Как вставить Google Maps на Joomla сайт

В этой статье я расскажу как вставить модуль google map на сайт, сделанный на Joomla.

1. Для начала вам необходимо скачать модуль с гугл картами.

2. Заходим в панель администратора и открываем раздел «Расширения->Менеджер расширений» («Extensions->Extensions manager»). Во вкладке «Загрузить из пакета» выбираем скачанный модуль и устанавливаем его.

3. Переходим к настройке модуля. Открываем раздел «Расширения->Менеджер модулей» («Extensions->Module manager»). Находим наш модуль, он называется «Google map».

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

5. Во вкладке основных настроек «Модуль» («Module») можно задать масштаб, размеры и тип google карты, а также способ ее выравнивания на странице. Также для работы карты необходимо получить и задать Google Map Api Key. Получить его можно бесплатно, зарегистрировав свой сайт по этой ссылке.

6. Если мы хотим отображать карту на какой-то позиции шаблона, то нам необходимо выбрать эту позицию, на вкладке «Привязка к пунктам меню» («Menu Assigment») выбрать страницы для отображения и опубликовать модуль google map.

7. Если требуется отобразить карту в материале, например на странице «Контакты», то мы открываем материал для редактирования в менеджере материалов и пишем название модуля в фигурных скобках: {loadmodule mod_google_map}.

Ниже прилагается видео, в котором подробно описан процесс установки и настройки модуля google maps.

Как добавить организацию на Гугл Карты: список шагов

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

Решение очевидно — добавить компанию в Гугл Карты. Для этого просто создайте профиль в сервисе Google Мой Бизнес. Ниже мы расскажем, как это сделать.

Алгоритм регистрации

Добавление компании в Google Мой Бизнес занимает минимум времени и осуществляется в пять простых этапов:

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

Создание аккаунта Google — шаг1 Создание аккаунта Google — шаг2

Создание профиля в Google My Business. Зайдите на страницу Google Мой Бизнес и кликните на кнопку «Начать».

Создание профиля в Google My Business

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

Вводим название в строку поиска и кликаем на «Далее»

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

Если вашей организации нет в списке, выбираем «Это не моя компания»

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

Добавьте данные о вашей организации — шаг1 Добавьте данные о вашей организации — шаг2

Важно: Обратите внимание на пункт «Я доставляю товары и услуги клиентам по их местонахождению». Если у вас нет офиса или магазина, и вы в 100 % случаев осуществляете доставку до клиента, поставьте «да».

Добавление филиалов. Два-три можно легко внести вручную.

Добавление адресов вручную

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

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

Важно: в таблицу необходимо добавлять сразу все представленные на вашем сайте филиалы.

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

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

Массовое подтверждение адресов

Важно: необходимо указывать ту же почту, что и у аккаунта, к которому у вас есть доступ.

Подтверждение аккаунта. Еще раз все внимательно проверьте и кликните на «Продолжить».

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

Пин-код на указанный адрес обычно приходит в течение 2-3-х недель и является действительным в течение месяца.

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

Ввести код подтверждения

Поздравляем! Ваш аккаунт в Google Мой Бизнес стал активным, и данные вашей компании автоматически добавились на Гугл Карты.

Стоит учитывать, что от полноты заполнения профиля в Google Мой Бизнес зависит место, которое будет занимать ваша компания при ранжировании на Google Maps. Подробнее об этом можно почитать тут. Кроме того, добавление организации в GMB — один из ключевых этапов локального SEO.

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

Как добавить карту Google на свой веб-сайт и настроить ее

Встраивание карты Google на свой сайт

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

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

Выполните следующие действия, чтобы правильно установить Google Map на свой веб-сайт.

Мы будем использовать в качестве примера Authority Networks.

Шаг 1. Откройте Google Maps

Первый шаг — перейти на главную страницу Google, щелкнуть сетку рядом с кнопкой входа и выбрать Карты (см. Ниже) или перейти непосредственно на Карты Google.