Вы хотите добавить локатор магазина Google Maps на свой сайт WordPress?
Локатор магазина — это карта, указывающая на местоположение вашего бизнеса. Если у вас местный бизнес, это поможет вашим пользователям найти вас на карте, получить направление движения и поделиться своим местоположением.
В этой статье мы покажем вам, как легко добавить локатор магазина Google Maps в WordPress.
Зачем добавлять Google Maps Store Locator в WordPress?
Многие пользователи WordPress имеют небольшие бизнес-сайты, обслуживающие определенный город или регион. Сюда входят такие предприятия, как рестораны, агенты по недвижимости, сантехники, поставщики услуг по техническому обслуживанию, небольшие магазины, салоны и т.д.
Добавление на ваш сайт локатора магазина Google Maps поможет вашим пользователям найти вас. Они смогут получить схему проезда к вашему магазину и поделиться информацией о его местоположении со своими друзьями.
Это также поможет улучшить видимость вашего сайта в поисковых системах и привлечь больше посетителей.
Давайте рассмотрим, как добавить локатор магазина Google Maps на ваш сайт WordPress. Мы покажем вам как бесплатные, так и платные методы с их плюсами и минусами, после чего вы сможете выбрать тот, который лучше всего подходит для ваших нужд.
- Способ 1: Добавление простого локатора магазина в WordPress (бесплатно)
- Метод 2: Добавление локатора магазина с помощью местного SEO (рекомендуется)
- Метод 3: Отображение нескольких мест расположения магазинов на одной карте
Метод 1: Добавление простого локатора магазина в WordPress (бесплатно)
Этот метод является бесплатным и простым, поскольку не требует дополнительных усилий по созданию ключа API Google Maps. Рекомендуется для пользователей, которые хотят добавить простую карту расположения своего магазина.
Сначала вам нужно зайти на сайт Google Maps на своем компьютере. Далее введите адрес вашего магазина в поле поиска, и Google Maps покажет его на карте с помощью прикрепленного маркера.
Убедитесь, что маркер размещен в правильном месте. Вы можете выбрать уровень масштабирования, нажав на кнопки масштабирования в правом нижнем углу.
Когда вы будете удовлетворены тем, как выглядит карта, вам нужно нажать на кнопку поделиться в левой колонке. Появится всплывающее окно, в котором нужно перейти на вкладку «Вставить карту».
Теперь вы увидите искомое место на карте с HTML-кодом. Вы должны нажать на ссылку ‘Copy HTML’, чтобы получить код вставки.
Теперь перейдите в административную область вашего сайта WordPress и отредактируйте пост или страницу, на которой вы хотите отобразить карту локатора магазина.
Обычно пользователи добавляют на страницу контактной формы карту-локатор магазина с номером телефона и временем работы.
На экране редактирования поста вам нужно добавить блок ‘Custom HTML’.
Вы должны вставить код, скопированный из Google Maps, в текстовую область блока ‘Custom HTML’.
Теперь вы можете предварительно просмотреть страницу, чтобы увидеть Google Maps, встроенные в вашу страницу. Он покажет местоположение вашего магазина, отмеченное на карте, со ссылками для проезда к нему или для сохранения местоположения.
Этот метод работает для быстрого встраивания карт Google, но он не дает максимальных SEO преимуществ. Другими словами, это не поможет вам ранжироваться выше и получить больше трафика из поисковых систем или поиска по картам Google.
Если вы являетесь малым бизнесом, рестораном или интернет-магазином в одном или нескольких физических местах, то мы рекомендуем использовать следующее решение для улучшения ваших местных SEO рейтингов.
Способ 2: Добавление локатора магазина с помощью локального SEO (рекомендуется)
Почти 46% всех поисковых запросов в Google имеют локальное назначение. All in One SEO (AIOSEO) — это лучший плагин WordPress SEO на рынке, который поможет вам привлечь больше бесплатного трафика из поисковых систем на ваш сайт.
С помощью AIOSEO вы можете ввести местоположение вашего магазина, контактные данные и часы работы, используя разметку схемы, чтобы информация отображалась на страницах результатов поисковых систем.
Например, при поиске в Google по запросу ‘Mcdonald’s locations in Florida’, вам будет показан фрагмент с различными пунктами назначения и карта с отмеченными местами.
Это поможет улучшить SEO-рейтинг вашего сайта и увеличить количество кликов в поиске.
Примечание: Вам потребуется тарифный план AIOSEO Plus, чтобы получить доступ к функции Local SEO, необходимой для этого руководства.
Сначала вам нужно установить и активировать плагин AIOSEO для WordPress. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.
После активации плагин запустит мастер настройки. Если вам нужна помощь в настройке плагина, ознакомьтесь с нашим руководством по настройке AIOSEO для WordPress.
После завершения процесса настройки вам необходимо перейти на Все в одном SEO » Локальное SEO на вашей приборной панели WordPress.
Вы можете нажать кнопку ‘Activate Local SEO’, чтобы начать настройку локальных параметров.
Затем вам нужно перейти на вкладку «Карты» в верхней части сайта Локальное SEO страницу .
На странице Карт вы должны увидеть поле ‘API Key’.
Вы можете получить API-ключ для Google Maps, перейдя на платформу Google Maps и войдя в систему под своей учетной записью Google.
После этого необходимо нажать кнопку ‘Приступить к работе’.
Ресурсы Google Cloud организованы по проектам. Если у вас еще нет проекта, то он будет создан для вас автоматически.
Обратите внимание, что для использования API Google Maps необходимо включить биллинг для проекта. Тем не менее, маловероятно, что вы когда-либо будете платить.
Запросы на встраивание карт бесплатны с неограниченным использованием, как подробно описано в документации Google, и вам также предоставляется ежемесячный кредит в размере $200.
Вам нужно нажать кнопку ‘Создать биллинговый аккаунт’.
Теперь вы увидите страницу Информация об аккаунте. Вам необходимо выбрать свою страну из выпадающего меню и согласиться с условиями предоставления услуг.
Когда вы будете готовы, нажмите кнопку «Продолжить».
Теперь вам нужно выбрать существующий профиль платежей или создать новый.
Профиль будет создан для физического или юридического лица и будет включать имя физического или юридического лица, способ оплаты и адрес.
После ввода информации необходимо нажать кнопку «Начать бесплатную пробную версию».
Не обращайте внимания на формулировку «Бесплатная пробная версия». Запросы на вставку карт остаются бесплатными даже после окончания бесплатной пробной версии, и с вашей кредитной карты никогда не будет снята плата, пока вы вручную не перейдете на платный аккаунт.
Вас также могут попросить заполнить 30-секундный опрос о вашем бизнесе, чтобы убедиться, что вам предоставлена наиболее актуальная информация.
Когда вы нажмете кнопку ‘Отправить’, на экране появится ваш ключ API Google Maps. Вам нужно будет ввести этот ключ в настройках плагина для методов 2 и 3.
Затем вы можете нажать на значок «Копировать в буфер обмена» в конце поля «Ваш ключ API». После этого просто удалите всплывающее окно, нажав кнопку «Перейти на платформу Google Maps».
Ограничение ключа API Google Maps
Мы рекомендуем ограничить ключ, чтобы он не мог быть использован другими людьми.
После создания ключа API Google покажет всплывающее окно «Защитите свой ключ API», где вы можете ограничить ключ, чтобы он работал только на вашем собственном сайте.
В выпадающем списке «Выберите тип ограничения» вам нужно выбрать «HTTP-рефереры (веб-сайты)».’ Затем в следующем поле введите доменное имя вашего сайта в поле ‘Новый элемент’, используя шаблон *пример.com/* .
Вы должны увидеть сообщение: «Успешно ограничен ключ API.’ Теперь ключ будет работать только для Google Maps, встроенных на вашем конкретном сайте.
Вернувшись на свой сайт, вы должны ввести свой API-ключ в поле. Далее вы можете прокрутить страницу вниз, чтобы отредактировать настройки карты.
AIOSEO позволяет отображать Google Maps с помощью блока Gutenberg (редактор WordPress), шорткода, виджета или PHP-кода. Плагин также позволяет выбирать различные стили карт и добавлять на карту пользовательские маркеры.
Для этого руководства убедитесь, что выбрана настройка «Блок Гутенберга». Не забудьте нажать кнопку «Сохранить изменения», когда закончите.
Теперь вы можете создать карту локатора вашего магазина. Как вы это сделаете, зависит от того, есть ли у вашего бизнеса один магазин или несколько.
Добавление карты для одного местоположения
Если ваш бизнес работает из одного физического места, то карта будет использовать информацию, которую вы предоставите на странице «Настройки местоположения» All in One SEO.
Теперь перейдите на вкладку «Места» All in One SEO » Local SEO страница.
Поскольку у вас одно физическое местоположение, вам следует убедиться, что опция ‘Multiple Locations’ установлена на ‘No’.
Далее следует прокрутить вниз до раздела «Информация о бизнесе» и заполнить как можно больше информации о вашем бизнесе.
Это важно, поскольку информация может отображаться, когда кто-то ищет ваш бизнес с помощью поиска Google или Google Maps.
После этого прокрутите вниз до раздела ‘Карты’, чтобы закрепить точное местоположение.
Просто введите свой адрес в поле «Введите запрос». В этом месте будет добавлена булавка, и при необходимости вы можете переместить ее на новое место.
Когда вы закончите, вам нужно прокрутить страницу вверх или вниз и нажать кнопку «Сохранить изменения», чтобы сохранить настройки.
Теперь вы можете добавить карту локатора вашего магазина в любой пост или страницу WordPress. Чтобы начать, просто отредактируйте или добавьте новый пост или страницу на своем сайте.
Оказавшись в редакторе блоков, нажмите кнопку ‘+’ вверху и добавьте блок ‘AIOSEO Local — Map’ в любое место на странице. Обязательно нажмите кнопку «Обновить» или «Опубликовать», когда закончите.
Поздравляем, вы успешно добавили локатор магазина Google Maps на свой сайт.
Добавление карт для нескольких мест
Чтобы добавить карту для другого местоположения, вам нужно перейти на вкладку «Местоположения» All in One SEO » Местное SEO страница. После этого вам нужно выбрать опцию «Да» для нескольких местоположений, а затем нажать кнопку «Сохранить изменения» в верхней части экрана.
После сохранения изменений вы заметите, что в боковую панель администратора был добавлен новый пользовательский тип поста Locations. Здесь вы будете вводить местоположение вашего бизнеса.
Перейдите в раздел Местоположения » Все местоположения а затем нажмите кнопку «Добавить новый».
После этого вы перейдете в редактор местоположений. Вам нужно будет добавить название для добавляемого местоположения, например, название магазина или города.
Теперь необходимо прокрутить страницу вниз до раздела ‘AIOSEO Local Business’, под содержанием сообщения.
Убедитесь, что вы ввели как можно больше информации, потому что она может отображаться, когда кто-то будет искать ваш бизнес в поиске Google или Google Maps.
После этого найдите раздел «Карты» и введите свой адрес в поле «Введите запрос».
В этом месте будет отображаться значок.
После ввода местоположения на карте и добавления информации о местоположении нажмите кнопку «Опубликовать».
Теперь вы можете повторить этот шаг и добавить другие местоположения вашего бизнеса.
После завершения работы вы можете добавить карту локализации магазина на свой сайт для каждого местоположения, используя блок ‘AIOSEO Local — Map’ в редакторе WordPress.
Теперь вам нужно выбрать, какое местоположение будет отображаться на карте.
Для этого посмотрите на панель настроек блока в правой части экрана и выберите магазин, который вы хотите отобразить, из выпадающего меню «Местоположение».
Просто добавьте дополнительные блоки локальной карты для любых других местоположений. Не забудьте нажать кнопку «Опубликовать» или «Обновить» в верхней части страницы, чтобы отобразить карты на вашем сайте.
Метод 3: Отображение нескольких мест расположения магазинов на одной карте
Первые два метода позволяют добавить карты локатора магазина с одним местоположением. Если у вас несколько локаций, то вам нужно добавить отдельную карту для каждой из них.
В качестве альтернативы вы можете использовать наш третий метод для отображения нескольких мест на одной карте.
Первое, что вам нужно сделать, это установить и активировать плагин Locatoraid Store Locator. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.
Для активации вам необходимо посетить Locatoraid » Конфигурация и настроить плагин.
Во вкладке ‘Google Maps’ вам нужно будет вставить ключ API Google Maps. Вы можете следовать методу выше в Методе 2, чтобы создать один.
Затем нужно нажать на иконку ‘Сохранить’, чтобы сохранить ключ. Вы должны заметить, что Google Maps корректно загружается в окне «Предварительный просмотр стиля карты».
Далее, вы можете посетить вкладку ‘Конфигурация’ и выбрать, отображать ли мили или километры на карте.
Вы также можете проверить другие параметры, такие как формат адреса, детали, которые вы хотите отобразить на карте, и какие пользователи могут использовать плагин.
Как только вы будете довольны настройками плагина, не забудьте нажать кнопку «Сохранить», чтобы сохранить ваши настройки.
Теперь вы готовы к добавлению местоположений ваших магазинов. Вы должны перейти на страницу Locatoraid » Местоположение. После этого вам нужно нажать кнопку ‘Добавить новый’.
Вы перейдете на страницу «Добавить новое местоположение». Здесь вы можете ввести название магазина, местоположение и другие детали.
По окончании нажмите кнопку ‘Добавить новое местоположение’ в нижней части страницы.
Вы перейдете на страницу «Редактировать местоположение», где вы сможете увидеть местоположение магазина на карте.
Вы можете добавить больше местоположений, нажав кнопку «Добавить местоположение» и повторив эти шаги.
После создания всех мест расположения магазинов вы можете добавить карту на свой сайт.
Просто добавьте или отредактируйте страницу и нажмите на синий значок «+ Добавить блок». Вам нужно перетащить блок Shortcode на страницу, а затем ввести шорткод [locatoraid] в поле.
Этот шорткод по умолчанию подойдет для большинства сайтов. Однако вы можете настроить карту, используя другой шорткод. Посетите Locatoraid » Опубликовать страницу, чтобы узнать больше.
Теперь вы можете опубликовать или обновить страницу и зайти на свой сайт, чтобы увидеть карту местоположения вашего магазина.
Все местоположения ваших магазинов будут отображаться на одной карте. Если ваши пользователи введут свой адрес или нажмут на ссылку «Найти меня», они смогут найти ближайшие магазины и узнать, как проехать к ним.
Надеемся, это руководство помогло вам узнать, как добавить локатор магазина Google Maps в WordPress. Вы также можете узнать, как создать бесплатный адрес электронной почты для бизнеса или ознакомиться с нашим списком лучших чат-ботов AI для вашего сайта.
Источник: www.wpbeginner.com