How to Embed a Google Map of Your Business on Your Website (and Does It Help SEO?)

Quick answer: Open your business in Google Maps on a computer, click "Share", choose "Embed a map", pick a size, and copy the HTML code. Paste it into your website's contact page using an HTML or "embed" block. Embed your actual business listing (search your business name first), not just an address, so the map shows your name and links to your profile. Add a clear "Get directions" button beside it for phones. An embedded map helps visitors and supports consistency, but on its own it isn't a major Google Maps ranking factor.

Your contact page should answer one question fast: "How do I get there?" An embedded map does that visually, and a directions button does it in one tap.

Step 1: find your business, not just the address

On a computer, open Google Maps and search your exact business name. Click your listing so the left panel shows your profile. Embedding from your listing shows your business name on the map and links to your reviews; embedding a plain address shows only a pin.

Step 2: copy the embed code

1. Click "Share".
2. Choose the "Embed a map" tab.
3. Pick a size (small, medium, large or custom).
4. Click "Copy HTML".

The code is an iframe tag starting with <iframe src="https://www.google.com/maps/embed?....

Step 3: paste it into your website

WordPress

In the block editor, add a "Custom HTML" block on your contact page and paste the code. In older editors, switch to "Text" mode before pasting (WordPress setup).

Wix, Squarespace and other builders

Use the "Embed code" or "HTML" element, or the builder's own Google Maps widget, then enter your business name (free website builders).

Google Sites

Insert → Map → search your business name (Google Sites).

Plain HTML

Paste the iframe where you want the map, usually beside your address and phone number.

Step 4: make it mobile-friendly

The default embed has a fixed width that can overflow on phones. Ask your developer to set the width to 100% and a sensible height (around 300–400 pixels), or wrap it in a responsive container. Check the page on a phone after publishing (website speed for mobile).

Step 5: add a "Get directions" button

On phones, small embedded maps are fiddly. Add a large button that opens your Google Maps profile link directly (share your location link). Put it next to "Call" and "WhatsApp" buttons (contact page best practices).

What to put next to the map

• Business name, full address with landmark and floor.
• Phone and WhatsApp.
• Opening hours, including split hours or weekly off.
• Parking and public transport notes (parking complaints).
• A photo of your entrance (hidden shops).

Keep the name, address and phone exactly the same as on Google (NAP citations).

Multiple locations

Create one location page per branch, each with its own embedded map, address, phone and hours. Don't put five maps on one page; it slows loading and confuses visitors (location pages, multiple locations).

Page speed

Each embedded map loads extra scripts. To keep pages fast:

• Embed maps only on contact and location pages, not every page.
• Use lazy loading so the map loads only when scrolled into view (the embed code often includes loading="lazy").
• For very lightweight pages, show a static image of the map that links to Google Maps.

Does an embedded map help ranking?

An embedded map is helpful for visitors and reinforces your address, but it's not a significant Google Maps ranking factor on its own. Ranking depends on relevance, distance and prominence — your categories, reviews, content and links (ranking factors, does a website help ranking). Use the map for user experience, and add LocalBusiness schema for search engines (schema markup).

Common mistakes

• Embedding the address instead of the business listing.
• Map overflowing the screen on phones.
• Old map after moving shop.
• Different address text beside the map than on Google.
• No directions button for mobile users.

Updating after a move

If you change address, update your Google profile first, then replace the embed code and address text on your website the same day (ranking after address change).

Example: a physiotherapy clinic

A clinic's contact page showed a map of the wrong building because it embedded a typed address. Re-embedding from the clinic's own listing and adding a directions button and entrance photo reduced "where are you?" calls noticeably.

Example: a restaurant with three branches

A restaurant put three maps on one contact page, which loaded slowly on phones. It created separate branch pages, each with one lazy-loaded map, hours and a call button. Page speed improved and visitors found the right branch faster.

Checklist

• Search your business name before embedding
• Copy HTML from Share → Embed a map
• Paste on the contact page
• Make it responsive on phones
• Add a "Get directions" button
• Match address details with Google
• One map per location page

Key takeaways

• Embed your business listing, not a bare address.
• Pair the map with a big directions button for phones.
• Maps help visitors; rankings come from relevance, distance and prominence.

Sources and further reading

• Google Maps Help — embed a map: support.google.com/maps
• Website for local SEO

Frequently asked questions

How do I embed my shop's map?

Google Maps → your listing → Share → Embed a map → Copy HTML.

Is embedding Google Maps free?

Yes, the standard embed is free.

Does an embedded map improve ranking?

Not significantly on its own; it helps visitors.

Why does my map look broken on phones?

The fixed width needs to be made responsive.

Should every page have a map?

No — contact and location pages only.

What if I move my shop?

Update Google first, then replace the embed and address text.