Embedding a Google Map on Your Website
Ever wondered "how to put a map of your business location on your website"? As local search results become more and more important, everything you can do to increase your odds of being listed number 1 on the first page local 3 pack becomes equally as important. After all, these results are even before the coveted organic search results. A branded map is one of the items that can tilt the scales and be the difference of making the cut to the 3 listed results, or being the fourth one that no one sees.
In addition to the big rewards of exposure from being listed in the local 3 pack (also known as the local stack) for your business, an embedded Google My Business Map can be a great user experience (UX) addition to your website. It allows your visitors get a "street view" view of your business, read your Google reviews, and get detailed directions to your business.
Many times when adding a map to their websites, business owners just use a map with the address. There is a difference between the "branded Google My Business Map" and a "Google Map" embed of just the address. Be sure to follow these instructions to ensure you are using the branded map.
Go to Google Maps
The first step is to go to Google’s homepage, click on the grid next to the sign in button and select Google Maps (see below), or go to Google Maps directly.
Type Business Name or Address
Enter your business’s name or full address in the search box and click the search button.
You should then see a dropdown of your business listing on the left-hand side of your screen underneath the search box.
If you do not see your listing or don't believe you have one, try the resources below:
Business listing check- https://www.gybo.com/
Google My Business- https://www.google.com/business/.
Click the menu symbol in the top left corner to find the embed code link
Click the “Share or embed map” link on the left.
Select Embed map
Customize Embedded Map to fit your website
A pop-up screen should appear with the options to customize your Google My Business Map embed code. Select your Map settings choosing from one of the preset sizes or give your map your own custom dimensions.
Use the preview option to see how your new map will look on your website. You can zoom and position of the map according to what most people will recognize as landmarks or well known streets.
Copy and Paste the Code
Now simply copy the embed <iframe> code at the top of the widget box and then paste it wherever you would like it to appear on your website. Different CMS's (Content Management Systems) may have different ways to embed the code but running a search in your help section on "embedding iframe code on my website" should walk you through exactly hot to paste it in.
I have done the process on nearly a dozen or so CMS's so feel free to contact me or comment below if you run into problems and I'm happy to help.