How to Embed Google Maps on Your Website (And Why It Matters for Local SEO)

Most contact pages have a Google Maps embed. Fewer have it set up correctly. The difference between embedding a generic area map and embedding your actual business pin is small in effort and meaningful in local SEO signal.

Here's how to do it right.

Step-by-Step: Embedding Your Business Pin

1. Open Google Maps and search your business name.

Don't search your address. Search your actual business name. You want Google to find your Google Business Profile listing, not just drop a pin on a street address.

2. Click on your business listing in the results. Your business card should appear on the left side of the screen with your name, category, and reviews.

3. Click "Share." In the panel that opens, select the "Embed a map" tab.

4. Copy the iframe code. Google generates it automatically. It looks like this:

<iframe
  src="https://www.google.com/maps/embed?pb=..."
  width="600"
  height="450"
  style="border:0;"
  allowfullscreen=""
  loading="lazy"
  referrerpolicy="no-referrer-when-downgrade">
</iframe>

5. Paste it into your website's contact page in an HTML block or embed element.

That's the process. The critical steps are #1 and #2. If you skip to searching an address or embedding a zoomed-out neighborhood view, you lose the local SEO signal that comes from linking your site to your actual GBP listing.

Size and Display Options

For a contact page, width of 100% with a height of 400-450px works well on both desktop and mobile. Replace width="600" with width="100%" in the iframe code for a responsive embed that fills its container.

Google's embed interface doesn't offer a zoom level control, but the zoom is set by how specific your search was. Searching your business name and embedding from the listing result gives you a close, appropriately zoomed view by default.

Why This Matters for Local SEO

A Google Maps embed on your contact page does two things:

It reinforces your location signal. Your contact page already has your name, address, and phone number (it should). Adding a map embed that pins your exact GBP location ties that NAP data to a visual location reference Google can read. It's one of several local citation signals that tell Google your physical presence is real and consistent.

It confirms NAP consistency. If your address on the page matches your GBP address, and the pin on the map confirms the same location, all three signals agree. Inconsistencies anywhere in that chain, even minor formatting differences, weaken your local ranking signals. See the NAP consistency guide for more on this.

Platform-Specific Notes

WordPress: Use the HTML block (not a shortcode plugin). Paste the iframe directly.

Squarespace: Add an Embed block to your contact page. Paste the iframe code into the code field.

Wix: Add an HTML iFrame element from the Add panel. Paste the embed code there.

Webflow: Use an HTML Embed element. Paste the iframe code inside it.

All four platforms render the iframe correctly. No plugins or custom code required.

No API Key Needed

The iframe embed method is free and doesn't require a Google Maps API key. API keys are only necessary if you're building a custom map with JavaScript. For a standard contact page embed, the Share method above is all you need.

The Common Mistake

The mistake that makes this SEO-neutral instead of SEO-positive: embedding a generic regional map instead of your specific business pin.

If you go to Google Maps, zoom into your neighborhood, and embed what you see, you get a map of a neighborhood. Google doesn't know your business is on it. You lose the location signal entirely.

Start from your business listing. Embed from there.

For a broader look at how your website and GBP should work together, see the GBP optimization guide. If you want us to check your contact page and location signals, request a free audit.

---

Related: GBP Website | NAP Consistency | Local Citations | GBP Management