Вы хотите отображать Карты Google на своем сайте WordPress?
Если у вас местный бизнес, то отображение Google Maps на вашем сайте поможет пользователям легко найти ваше местоположение. Это также может помочь улучшить видимость вашего сайта в поисковых системах, чтобы привлечь больше посетителей.
В этой статье мы покажем вам, как добавить Google Maps в WordPress.
Зачем добавлять Google Maps в WordPress?
Знаете ли вы, что Google Maps является самым популярным навигационным приложением на всех платформах??
Если у вас есть офис или адрес физического магазина, то добавление Google Maps на ваш сайт WordPress облегчает пользователям быстрое нахождение ваших физических магазинов, ресторанов или торговых точек. Это поможет вам привлечь больше клиентов и генерировать больше бизнеса.
Не только это, но встраивание Google Maps также может улучшить SEO вашего WordPress. По данным Google, 46% всех поисковых запросов являются локальными. Добавление Google Maps в WordPress может повысить вашу локальную SEO и улучшить видимость в местном поиске.
Сейчас есть два способа встроить карты Google в WordPress, и мы покажем вам оба.
Преимущество второго метода заключается в том, что он соответствует всем лучшим практикам локального SEO, поэтому если вы используете его, то Google начнет включать ваше местоположение в Google Maps. Кроме того, в результатах местного поиска будет отображаться информация о вашем предприятии: название, логотип, адрес, номер телефона, часы работы и многое другое.
Ниже приведены быстрые ссылки, которые вы можете использовать для перехода в нужный вам раздел:
- Как добавить Google Maps в WordPress без плагина
- Как добавить Google Maps в WordPress с помощью локального SEO (рекомендуется)
Учитывая это, давайте посмотрим, как можно добавить Google Maps в WordPress.
Как добавить Google Maps в WordPress без плагина
Если вы просто хотите быстро вставить карты Google в пост или страницу WordPress, то можно воспользоваться стандартным методом iFrame.
Просто зайдите на сайт Google Maps и введите адрес любой улицы в поле поиска.
Затем нужно нажать на значок «Поделиться», после чего появится всплывающее окно с возможностью отправить ссылку на местоположение или встроить карту. Вам необходимо выбрать опцию Embed a map.
После этого просто скопируйте HTML-код для карт Google, а затем откройте страницу, куда вы хотите вставить карту. В редакторе блоков вам нужно добавить пользовательский HTML-блок.
Теперь вы можете просто вставить код вставки, который вы скопировали из Google maps, а затем обновить или опубликовать страницу для предварительного просмотра изменений.
Этот метод работает для быстрого добавления карт Google, но он не дает максимальных преимуществ для SEO.
Если у вас малый бизнес, ресторан или интернет-магазин с одним или несколькими физическими адресами, то мы рекомендуем использовать следующее решение для максимизации рейтинга Local SEO, поскольку оно использует данные открытого графа, чтобы помочь вам занять более высокое место в Google.
Как добавить Google Maps в WordPress с помощью Local SEO Plugin
Лучший способ добавить Google Maps и оптимизировать ваш сайт для локального SEO — использовать All in One SEO (AIOSEO).
Это лучший SEO-плагин для WordPress, потому что он помогает вам получить более высокие SEO-рейтинги без редактирования кода или найма разработчика. Более 3 миллионов профессионалов используют AIOSEO для повышения рейтинга в поисковых системах.
В этом учебнике мы будем использовать версию AIOSEO Pro, потому что она включает в себя функцию локального SEO и другие мощные возможности оптимизации. Существует также бесплатная версия AIOSEO, которую вы можете использовать, чтобы начать оптимизировать свой сайт для поисковых систем.
Сначала вам нужно установить и активировать плагин AIOSEO в WordPress. Для более подробной информации, пожалуйста, ознакомьтесь с нашим руководством по установке плагина WordPress.
После активации плагин запустит мастер настройки. Вы можете нажать кнопку ‘Let’s Get Started’ для настройки плагина. Если вам нужна помощь, то обратитесь к нашему руководству о том, как правильно настроить All in One SEO в WordPress.
Далее, вы можете перейти по адресу All in One SEO » Местное SEO из вашей приборной панели WordPress.
Затем нажмите кнопку «Активировать местное SEO», чтобы начать настройку местных параметров.
После активации аддона Local SEO для WordPress вы можете добавить одно местоположение или несколько мест в AIOSEO и отобразить их на Google Maps. Мы покажем вам, как добавить оба варианта на ваш сайт.
Добавление одного местоположения
Чтобы добавить местоположение, информацию о бизнесе, часы работы и многое другое, сначала вам нужно перейти на вкладку «Местоположение» в разделе All in One SEO » Local SEO.
Если у вас одно физическое местоположение, установите для опции «Несколько мест» значение «Нет».
После этого прокрутите страницу вниз до раздела «Карты», чтобы указать точное местоположение вашего магазина.
Просто введите свой адрес в поле «Введите запрос», и Google Maps покажет ваше местоположение.
После ввода местоположения не забудьте нажать кнопку «Сохранить изменения».
Добавление нескольких местоположений
Если у вас более одного физического адреса, то вам нужно включить параметр «Несколько мест» на вкладке «Местоположение» в Local SEO.
После этого в вашей панели администратора WordPress появится новое меню Locations.
Перейдите на Локации а затем нажмите кнопку «Добавить новое».
Как только вы окажетесь в редакторе WordPress, прокрутите вниз до раздела «Карта».
Здесь вы можете ввести свой адрес в поле «Введите запрос».
После ввода вашего местоположения на карте и добавления информации о местоположении, нажмите кнопку «Опубликовать».
Теперь вы можете повторить этот шаг и добавить столько мест, сколько хотите для своего бизнеса.
Как только вы закончите добавление местоположений, вы можете перейти на вкладку «Карты» All in One SEO » Local SEO меню.
Здесь вам нужно будет ввести ключ API Google Maps.
Теперь давайте посмотрим, как создать API-ключ для Google Maps.
Создание API-ключа Google Maps
Чтобы начать, вам нужно посетить веб-сайт Google Maps Platform и нажать кнопку «Начать работу».
После входа в аккаунт Google вам нужно будет настроить биллинговый счет.
Платформа Google Maps имеет тарифы с оплатой по мере использования, и они предлагают первые 300 долларов ежемесячного использования бесплатно для всех пользователей. Для большинства веб-сайтов этого будет достаточно для простой вставки карты, подобной той, которую мы создаем в этом руководстве.
Не волнуйтесь, они не будут взимать с вас плату, пока вы вручную не перейдете на платный аккаунт.
Чтобы начать, нажмите кнопку «Создать биллинговый аккаунт».
Далее вы можете выбрать страну и выбрать из выпадающего меню то, что лучше всего описывает вашу организацию.
Выбрав эту информацию, установите флажок в поле Условия предоставления услуг, а затем нажмите кнопку «Продолжить».
На следующем экране вам нужно будет ввести свой номер телефона для проверки и нажать кнопку «Отправить код».
После проверки кода необходимо ввести название вашей компании, данные о способе оплаты и адрес для выставления счета.
После ввода этих данных нажмите кнопку «Начать бесплатную пробную версию».
Далее вам будет задана серия из 4 вопросов о вашей организации и о том, как вы будете использовать платформу Google Maps.
Google Maps спросит о вашей основной цели использования платформы, о том, в какой отрасли вы работаете, выберите вариант использования и размер вашей компании.
Ответив на эти вопросы, нажмите кнопку «Отправить.
Теперь вы увидите всплывающее окно с ключом API Google Maps.
Вы можете скопировать и сохранить этот ключ в текстовом файле для дальнейшего использования.
Теперь, когда вы создали API-ключ Google Maps, вам нужно вернуться на панель WordPress, чтобы ввести его в настройки AIOSEO Local SEO.
Настройка параметров Google Maps в WordPress
Теперь вы можете вернуться к Все в одном SEO » Локальное SEO из приборной панели WordPress, а затем перейдите на вкладку «Карты».
Введите API-ключ Google Maps в поле «API-ключ». Вы увидите предварительный просмотр карты в AIOSEO, как только добавите ключ.
Далее вы можете прокрутить страницу вниз, чтобы отредактировать настройки карты.
AIOSEO позволяет отображать Google Maps с помощью блока Gutenberg, шорткода, виджета или PHP-кода. Это также позволит вам выбрать различные стили карты и добавить пользовательский маркер на вашу карту.
Не забудьте нажать кнопку «Сохранить изменения», когда закончите.
Отображение Google Maps в WordPress
Далее вы можете добавить Google Maps в любой пост или страницу WordPress. Для начала просто отредактируйте или добавьте новую страницу на своем сайте.
Оказавшись в редакторе блоков, нажмите кнопку ‘+’ вверху и добавьте блок ‘AIOSEO Local — Map’ в любое место на странице.
После этого ваша карта Google будет добавлена на страницу.
AIOSEO также позволяет редактировать настройки карты с помощью опций, расположенных справа от вас. Например, вы можете отображать метки и значки, добавить пользовательский маркер, а также редактировать ширину и высоту карты.
Если у вас несколько локаций, то вы можете выбрать, какую из них выделить, выбрав один из вариантов в меню справа.
Просто нажмите на выпадающее меню ‘Location’ и выберите желаемое местоположение для отображения на вашем сайте.
Как только вы будете удовлетворены своими настройками, перейдите к публикации страницы.
Теперь вы можете посетить свой сайт, чтобы увидеть Google Maps в действии.
Вы также можете добавить Карты Google в раздел виджетов вашего сайта, например, в боковую панель или нижний колонтитул.
Чтобы начать, перейдите по адресу Внешний вид » Виджеты в панели администратора WordPress. Далее нажмите кнопку ‘+’ и добавьте блок виджета ‘AIOSEO Local — Map’ в то место, где вы хотели бы отобразить свое местоположение.
После этого вы сможете отредактировать настройки виджета.
Например, вы можете добавить заголовок, изменить ширину и высоту карты, выбрать, какое местоположение отображать, если у вас несколько мест, и отредактировать метку.
Теперь при обновлении сайта вы увидите Google Maps в области виджетов.
Мы надеемся, что эта статья помогла вам узнать, как добавить Google Maps на ваш сайт WordPress. Вы также можете ознакомиться с нашим руководством по лучшим плагинам WordPress для малого бизнеса, а также с экспертной подборкой лучших услуг по защите от кражи личных данных для предпринимателей.
Источник: www.wpbeginner.com