Do you wish to present Google Maps in your WordPress web site?
If you happen to’re operating a neighborhood enterprise, then displaying Google Maps in your web site may also help customers simply discover your location. It may well additionally assist enhance your web site’s search engine visibility so you possibly can appeal to extra web site guests.
On this article, we are going to present you the way to add Google Maps in WordPress.
Why Add Google Maps in WordPress?
Do you know that Google Maps is the preferred navigational app on all platforms?
When you’ve got an workplace or bodily retailer handle, then including Google Maps to your WordPress web site makes it straightforward for customers to shortly find your bodily shops, eating places, or stores. This helps you appeal to extra prospects and generate extra enterprise.
Not solely that, however embedding Google Maps may also enhance your WordPress website positioning. Based on Google, 46% of all searches are native. Including Google Maps to WordPress can enhance your native website positioning and enhance your visibility in native searches.
Now there are two methods to embed Google maps in WordPress, and we are going to present you each of them.
The good thing about the second methodology is that it follows all native website positioning finest practices, so in the event you use it, then Google will begin to embrace your location on Google Maps. It’s going to additionally show your small business data like identify, brand, handle, cellphone quantity, open hours, and extra in native search outcomes.
Under are the fast hyperlinks that you should utilize to go to the part you like:
Learn how to Add Google Maps in WordPress with out PluginLearn how to Add Google Maps in WordPress with Native website positioning (Really useful)
That being stated, let’s see how one can add Google Maps to WordPress.
Learn how to Add Google Maps in WordPress with out Plugin
If you happen to simply wish to shortly embed Google maps in a WordPress submit or web page, then you should utilize the default iFrame methodology.
Merely go to the Google Maps web site and kind in any road handle within the search space.
Subsequent, you might want to click on the Share icon and it’ll present a popup with the choice to both Ship a location hyperlink or Embed a map. You could choose the Embed a map choice.
After that merely copy the HTML code for Google maps, after which open the web page the place you wish to embed the map. Contained in the block editor, you might want to add a Customized HTML block.
Now you possibly can merely paste the embed code you copied from Google maps, after which replace or publish the web page to preview the modifications.
This methodology works for shortly embedding Google maps, but it surely doesn’t offer you most website positioning advantages.
If you happen to’re a small enterprise, restaurant, or on-line retailer with both a single or a number of bodily location, then we suggest utilizing the following answer to maximise your Native website positioning rankings as a result of it makes use of correct open graph knowledge that can assist you rank larger in Google.
Learn how to Add Google Maps to WordPress with Native website positioning Plugin
One of the best ways so as to add Google Maps and optimize your web site for native website positioning is through the use of All in One website positioning (AIOSEO).
It’s the finest website positioning plugin for WordPress as a result of it helps you get larger website positioning rankings with out modifying code or hiring a developer. Over 3 million professionals use AIOSEO to enhance their search engine rankings.
For this tutorial, we’ll be utilizing the AIOSEO Professional model as a result of it contains the Native website positioning function and different highly effective optimization choices. There may be additionally a free model of AIOSEO that you should utilize to get began optimizing your web site for serps.
First, you’ll want to put in and activate the AIOSEO plugin in WordPress. For extra particulars, please see our tutorial on the way to set up a WordPress plugin.
Upon activation, the plugin will launch the setup wizard. You may click on the ‘Let’s Get Began’ button to configure the plugin. If you happen to need assistance, then please seek advice from our information on the way to correctly arrange All in One website positioning in WordPress.
Subsequent, you possibly can head over to All in One website positioning » Native website positioning out of your WordPress dashboard.
Then click on the ‘Activate Native website positioning’ button to get began configuring the native settings.
As soon as the Native website positioning addon for WordPress is activated, you possibly can add a single location or a number of places in AIOSEO and show them on Google Maps. We’ll present you the way to add each to your web site.
Including a Single Location
So as to add your places, enterprise data, open hours, and extra, first you might want to go to the ‘Location’ tab beneath All in One website positioning » Native website positioning.
When you’ve got a single bodily location, then preserve the ‘A number of Places’ choice set to No.
After that, scroll right down to the ‘Maps’ part to pin your precise location.
Merely enter your handle within the ‘Enter a question’ area and Google Maps will present your location.
When you’ve entered your location, don’t overlook to click on the Save Adjustments button.
Including A number of Places
When you’ve got multiple bodily location, then you definitely’ll have to allow the ‘A number of Places’ setting beneath the ‘Location’ tab in Native website positioning.
After that, a brand new Places menu will seem in your WordPress admin panel.
Go forward and navigate to Places after which click on the ‘Add New’ button.
When you’re within the WordPress editor, scroll right down to the ‘Map’ part.
Right here you possibly can enter your handle within the ‘Enter a question’ area.
After coming into your location on the map and including location data, go forward and click on the ‘Publish’ button.
Now you can repeat this step and add as many places as you need for your small business.
When you’re completed including your places, you possibly can go to the ‘Maps’ tab again within the All in One website positioning » Native website positioning menu.
Right here you’ll have to enter a Google Maps API key.
Now, let’s see the way to create an API key for Google Maps.
Making a Google Maps API Key
To start out, you’ll want to go to the Google Maps Platform web site and click on the ‘Get Began’ button.
After signing in together with your Google account, you’ll have to arrange a billing account.
Google Maps Platform has pay-as-you-go pricing, they usually supply the primary $300 of month-to-month utilization free of charge for all customers. For many web sites, that may simply cowl a easy map embed just like the one we’re creating on this tutorial.
Don’t fear, they won’t cost you any charges until you manually improve to a paid account.
To get began, go forward and click on the ‘Create Billing Account’ button.
Subsequent, you possibly can choose your nation and select what finest describes your group from the dropdown menu.
When you’ve chosen this data, click on the checkbox for Phrases of Service after which click on the ‘Proceed’ button.
On the following display screen, you’ll have to enter your cellphone quantity for verification and click on the ‘Ship Code’ button.
After verifying the code, the following factor to do is enter your small business identify, cost methodology particulars, and billing handle.
When you’ve entered these particulars, click on the ‘Begin my Free Trial’ button.
Subsequent, you’ll be requested a sequence of 4 questions on your group and the way you’ll use the Google Maps Platform.
Google Maps will ask about your major aim for utilizing the platform, which trade you’re in, choose a use case, and your organization measurement.
After answering these questions, go forward and click on the ‘Submit’ button.
You’ll now see a popup together with your Google Maps API key.
You may copy and save this key in a textual content file for future use.
Now that you simply’ve created a Google Maps API key, you’ll want to move again to your WordPress dashboard to enter it in AIOSEO Native website positioning settings.
Configuring Google Maps Settings in WordPress
Now you can return to All in One website positioning » Native website positioning out of your WordPress dashboard after which navigate to the ‘Maps’ tab.
Go forward and enter the Google Maps API Key within the ‘API Key’ area. You’ll see a preview of the map in AIOSEO as quickly as you add the important thing.
Subsequent, you possibly can scroll right down to edit the map settings.
AIOSEO helps you to show Google Maps utilizing a Gutenberg block, shortcode, widget, or PHP code. It additionally helps you to select completely different map types and add a customized marker to your map.
Don’t overlook to click on the ‘Save Adjustments’ button if you’re carried out.
Displaying Google Maps in WordPress
Subsequent, you possibly can add Google Maps to any WordPress submit or web page. To start out, merely edit or add a brand new web page in your web site.
When you’re within the block editor, click on the ‘+’ button on the high and add the ‘AIOSEO Native – Map’ block anyplace on the web page.
After that, your Google Map shall be added to the web page.
AIOSEO additionally helps you to edit the map settings from the choices in your proper. As an example, you possibly can present labels and icons, add a customized marker, and edit the map’s width and peak.
When you’ve got a number of places, then you possibly can choose which location to focus on by selecting from the choices given within the menu in your proper.
Merely click on on the ‘Location’ dropdown menu and choose your most well-liked location to show in your web site.
When you’re glad together with your settings, go forward and publish the web page.
Now you possibly can go to your web site to see Google Maps in motion.
You may also add Google Maps to your web site’s widget part, just like the sidebar or footer.
To start out, head over to Look » Widgets out of your WordPress admin panel. Subsequent, click on the ‘+’ button and add the ‘AIOSEO Native – Map’ widget block the place you’d prefer to show your location.
After that, you possibly can edit the widget settings.
For instance, you could possibly add a title, change the width and peak of the map, select which location to show when you’ve got a number of places, and edit the label.
That’s it!
Now if you replace your web site you’ll see Google Maps in your widgets space.
We hope this text helped you discover ways to add Google Maps to your WordPress web site. You may also try our information on the finest WordPress plugins for small enterprise, and our skilled decide of the finest identification theft safety service for entrepreneurs.
If you happen to favored this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You may also discover us on Twitter and Fb.
The submit Learn how to Add Google Maps in WordPress (The RIGHT Manner) first appeared on WPBeginner.
Subscribe to MarketingSolution.
Receive web development discounts & web design tutorials.
Now! Lets GROW Together!