1-800-615-6567

How to Embed Google Map in Website – Embed Google Map or Directions to Showcase Your Business

TL;DR

  • Embedding a Google map on your website is easy and involves adding an HTML iframe code that displays your business location, reviews, and directions.
  • To embed a map, search for your business in Google Maps, select “Share,” then “Embed a Map,” choose the size, and copy the provided HTML code into your website’s text editor.
  • Embedding a map enhances user experience by providing directions, contact info, and nearby points of interest, keeping visitors on your site longer.
  • The process is free, and the map can be made responsive with simple code adjustments for a better mobile experience.
  • WordPress users can center the embedded map using the “align center” option for a cleaner layout.

Embedding a Google Map on Your Website

You can include a Google map of your business, location, and reviews on your website. By embedding a Google map, you can display a Google pin with a view of your business location, address, reviews, review stars, and directions.

If embedded correctly, this map can be a great addition to your website. It is a tool that allows visitors to your website to get an overview of your business in a matter of seconds. Here is an example of what it looks like:

Jump To: hide
1) Embedding a Google Map on Your Website
2) What Does Embed a Map Mean?
3) Why Embed Google Map in a Website?
4) How Do I Embed a Google Map on my Website?

Adding a Google map to your website is a simple process that does not require much technical work. With just a minor bit of coding by adding an embed iframe to your site, you can integrate it easily. It suits people with beginner or intermediate knowledge of HTML, and some familiarity with JavaScript. If you are working with a WordPress website, learning how to embed a Google map in your website is a breeze.

How to Easily Add Google Maps or Directions to Your Website

Below are seven steps to get you started:

  1. Open Google Maps.
  2. Go to the map, directions, or Street View image you want to embed.
  3. Click Menu in the top-left corner.
  4. Select Share or Embed Map.
  5. Choose Embed Map and pick a size.
  6. Copy the provided HTML <iframe> code.
  7. Paste the code on your website’s text editor where you want the map to appear.

For more detailed steps, along with helpful screenshots, keep reading!

What Does Embed a Map Mean?

When you embed a map, you’re adding an interactive map frame to your website with simple HTML. This feature allows your visitors to view directions, locations, or even Street View images as interactive panoramas without ever leaving your site.

Google Maps makes this easy with its “Share or embed map” feature, which provides you with the map’s HTML code so you can insert it into your website’s code.

By embedding a Google map, you can showcase your business location, reviews, and more, all in a way that’s interactive and user-friendly.

Whether you want to include an interactive map frame or a Street View panorama, embedding a map enhances your website’s functionality and creates a better experience for your visitors.

Why Embed Google Map in a Website?

There are a few main reasons to embed a Google map in your website:

  • It helps customers or website visitors get directions to your business and saves customers the steps of opening a new browser window, leaving your website, and finding directions. With an embedded Google map, customers can simply interact with the map on your website to find directions quickly and easily.
  • Your business contact information is easy to find. Embedding a Google Map provides your business address, phone number, website, directions, reviews, and review stars—all in one place.
  • A Google map can highlight nearby points of interest, parking areas, restaurants, theaters, parks, etc. Visitors can reference nearby areas if they are not exactly sure where your business is located.
  • The Map can also keep visitors on your site for a longer period of time.

How Do I Embed a Google Map on my Website?

Here are the steps to embed a Google Map to your website:

    1. Open Google Maps
    2. Type in the business or location in the Search Bar in the top left
    3. When the business populates, you will see a Share button under the name of the business. Click “Share”.
    4. You will see a new pop-up window to share the map. Select “Embed a Map”.
    5. Determine the size of the map you want on your site. Your options are “Small, Medium, Large, Custom Size”.
    6. Copy the HTML code which is an <iframe>
    7. Go to the webpage you want to embed the Map on.
    8. Paste the HTML code in the “text” version of your website where you want the Map to live.

The end result should look like this:

That’s it. It’s a fairly simple process to complete. Our map looks a bit different as we have a hidden address for Sterling Sky. The hidden address will only show a service area, rather than the exact location of the business.

By following these steps, you’ll seamlessly integrate a Google map into your website, making it easier for visitors to locate your business.

Google Maps FAQ

  • Is a Google Maps embedded map free?
    • Yes, the maps embed is free! Just copy the <iframe> code from Google and paste it to your website
  • Can I make the embed map code responsive?
    • Yes, the code to make the embed responsive is:
    • <style>iframe {width:100%;height:100%;}</style>
  • Can I center the embed map on my website?
    • Yes, on WordPress websites, you can use the “align center” option to center the map.

Join us in Dallas for LocalU
October 20, 2026 - Just $299

localu webinar
Save Your Spot!

Brian Barwig

Brian has specialized in Local SEO since 2008, building websites and supporting small business growth. Skilled in SEO, business analysis, and digital marketing, he is self motivated and competitive. Outside work, he enjoys hockey and coaching his two kids.

Related Posts

This Post Has 22 Comments

  1. How do you feel about using a map image and linking that image to the Map. I feel embedding the map may slow down my website heavily, but I’m also curious if using an image works just as well as embedding the map.

    Reply

    1. I’ve used both methods. An embedded Google Map may slow down the site slightly, but shouldn’t do much to make a difference, especially if it is on a Contact page. We have not tested results or speed one method vs. the other but would be a good test.

      I like using the embedded Google map as it provides more local signals than an image. If you choose to use an image, try to mark the image up with as many local signals as possible.

      Reply

  2. Would this slow down the website speed if using the map on multiple location pages? Would it have the same impact as using an image and linking to the map? I’m definitely curious to see if embedding has more value than linking to an image.

    Reply

  4. How do you feel about using a map image and linking that image to the Map. I feel embedding the map may slow down my website heavily, but I’m also curious if using an image works just as well as embedding the map.

    Reply

    1. I’ve used both methods. An embedded Google Map may slow down the site slightly, but shouldn’t do much to make a difference, especially if it is on a Contact page. We have not tested results or speed one method vs. the other but would be a good test.

      I like using the embedded Google map as it provides more local signals than an image. If you choose to use an image, try to mark the image up with as many local signals as possible.

      Reply

  5. Would this slow down the website speed if using the map on multiple location pages? Would it have the same impact as using an image and linking to the map? I’m definitely curious to see if embedding has more value than linking to an image.

    Reply

  7. this is a terrible idea. Embedded maps are incredibly slow, which will harm you significantly when Web Vitals ranking goes live next year. And secondly, the maps are filled with the pins of your competitors! You really want to give users a window, on your own website, into finding competing businesses? Even if there isn’t a competitor pin popping up right next to yours, there’s plenty of other distractions. Whenever I see an embedded map I immediately start scrolling, looking for ponds and other fishing spots. Definitely not a good way to get a conversion. DO NOT EMBED GOOGLE MAPS!

    Reply

  8. this is a terrible idea. Embedded maps are incredibly slow, which will harm you significantly when Web Vitals ranking goes live next year. And secondly, the maps are filled with the pins of your competitors! You really want to give users a window, on your own website, into finding competing businesses? Even if there isn’t a competitor pin popping up right next to yours, there’s plenty of other distractions. Whenever I see an embedded map I immediately start scrolling, looking for ponds and other fishing spots. Definitely not a good way to get a conversion. DO NOT EMBED GOOGLE MAPS!

    Reply

    1. Hi Matthew,

      While we recognize that an embedded Google Map may slow down the site a bit, the embed should not cause enough harm to your website to drop it in rankings. We do not recommend embedding the map on every page, mainly a contact page (which probably won’t show up in the SERPs anyway). Embedding a map gives potential customers all of the information they need to make a decision on your business. If the worry is that someone will come to your contact page and begin scrolling on your embedded Google Map to find competitors or restaurants in the area, perhaps they are not a good fit for your services anyhow.

      Overall, an embedded Google map on your website will produce more net positive effects than negative. This is why we recommend adding an embed.

      Reply

  9. Hi Matthew,

    While we recognize that an embedded Google Map may slow down the site a bit, the embed should not cause enough harm to your website to drop it in rankings. We do not recommend embedding the map on every page, mainly a contact page (which probably won’t show up in the SERPs anyway). Embedding a map gives potential customers all of the information they need to make a decision on your business. If the worry is that someone will come to your contact page and begin scrolling on your embedded Google Map to find competitors or restaurants in the area, perhaps they are not a good fit for your services anyhow.

    Overall, an embedded Google map on your website will produce more net positive effects than negative. This is why we recommend adding an embed.

    Reply

  12. Do you think there’s any value in 2022 to embedding a Google Map? Or is it just something good to have for quick driving directions for a store?

    Reply

    1. I haven’t tested to see if it impacts ranking but I would always say yes because it has your review count updated in real time.

      Reply

  13. Do you think there’s any value in 2022 to embedding a Google Map? Or is it just something good to have for quick driving directions for a store?

    Reply

    1. I haven’t tested to see if it impacts ranking but I would always say yes because it has your review count updated in real time.

      Reply

  14. Hello! Do you happen to know if the iframe codes change when business info (like DBA, phone number, etc.) are changed on the listing?

    Thanks!

    Reply

  15. Hello! Do you happen to know if the iframe codes change when business info (like DBA, phone number, etc.) are changed on the listing?

    Thanks!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Featured Review of Sterling Sky Inc by Joseph H. on Google

Sterling Sky has been our SEO and marketing partner for years, and they’ve earned our confidence. As our needs have evolved, they’ve met us there—responsive, thoughtful, and very effective. Beyond expertise, they’re simply good people who care about the outcome. After a string of disappointing experiences with other firms, we finally found a team that behaves like a partner, not a vendor. Their work is tailored to our business, they’re at the leading edge of their profession (Google the owner, Joy Hawkins to see what I mean), and the results have supported our growth. I recommend Sterling Sky without hesitation.

We're Proud of Our 4.9/5 Rating Across 145+ Reviews on Google

Back To Top