Googleマップをサイトに埋め込む。アクセスページで来店率を上げる設計

「場所が分からなくて来られなかった」——実店舗へのアクセスを案内するページは、来店率に直結します。地図を画像で貼るだけでなく、Googleマップを埋め込むことでお客様はワンタップで経路案内を使えます。設定は無料で、数分あれば完了します。

「アクセスページはあるけど、地図画像を貼っているだけ」というサイトをよく見かけます。画像の地図では、お客様が経路を確認するために別アプリを開く必要があります。Googleマップを直接埋め込むと、マップ上で現在地からのルートをその場で確認でき、来店のハードルが下がります。設定は完全無料で、初心者でも簡単にできます。

---

この記事で分かること

・Googleマップを埋め込むメリット

・埋め込みコードの取得手順（画像つきで解説）

・WordPressへの貼り付け方

・アクセスページで来店率を上げる設計のポイント

・Googleビジネスプロフィールとの連携

---

地図画像ではなくGoogleマップを使う理由

Googleマップ埋め込み ◎

地図を画像で貼るだけ △

◎ タップするだけで経路案内が始まる 

△ 別アプリを起動して住所をコピーする必要がある

◎ 現在地からのルートを自動表示できる 

△ 地図の拡大・縮小ができない

◎ 衛星写真・ストリートビューに切り替えられる

△ 周辺の建物・目印が分かりにくい

◎ 無料で最新の地図データが使える 

△ 地図が古い場合、更新が必要

埋め込みコードの取得手順

1. Googleマップでお店・事務所を検索する

パソコンのブラウザでGoogleマップ（maps.google.com）を開き、自分のお店・事務所の名前または住所を検索します。Googleビジネスプロフィールを登録済みの場合は、店舗名で検索すれば正確な場所が出てきます。

2. 「共有」ボタンをクリックする

表示された場所の情報パネル左下にある「共有」ボタン（または地図上の「…」メニュー内）をクリックします。「リンクを送信する」「地図を埋め込む」の2タブが表示されます。

3. 「地図を埋め込む」タブを選びHTMLをコピーする

「地図を埋め込む」タブをクリックすると、地図のプレビューと「HTMLをコピー」ボタンが表示されます。サイズは「中」または「大」がおすすめです。「HTMLをコピー」をクリックして、埋め込みコードをコピーします。

4. WordPressのページに貼り付ける

アクセスページの編集画面を開き、ブロックエディターで「カスタムHTML」ブロックを追加して、コピーしたコードをそのまま貼り付けます。プレビューで地図が表示されれば完了です。

アクセスページで来店率を上げる設計

Googleマップを埋め込んだだけで終わりにせず、以下の要素をあわせて整えることで、「来たいと思った人が確実に来られる」ページになります。

01. 住所・電話番号はテキストで記載する

住所をテキストで記載しておくことで、スマートフォンでのコピー・カーナビへの入力がしやすくなります。電話番号は「tel:」リンクにして、タップすると電話アプリが起動する状態にしましょう。画像に埋め込んだ住所・電話番号はコピーできないため、テキストで別途記載することが必須です。

02. 最寄り駅・バス停からの道案内を文章で書く

「〇〇駅の東口を出て、〇〇通りを右折して徒歩5分」のように、言葉で道順を説明する文章があると、地図を見るのが苦手な方でも安心して来られます。目印になる建物や看板についても触れると、初来店のお客様への配慮になります。

03. 駐車場の情報を必ず書く

車で来店するお客様にとって、駐車場の有無は重要な情報です。「専用駐車場あり（〇台）」「近隣にコインパーキングあり（徒歩〇分）」「駐車場なし」のいずれかを明記します。曖昧なまま来てしまい、停めるところが見つからないというのは来店体験としてマイナスになります。

04. 営業時間・定休日を分かりやすく表示する

アクセスページに来たお客様は「行けるかどうか」を確認している状態です。営業時間・定休日・祝日の対応は、このページに必ず記載しましょう。曜日ごとに時間が違う場合は、シンプルな表で整理すると分かりやすくなります。

✔ Googleマップがiframeで埋め込まれているか（画像ではなく）

✔ 住所・電話番号がテキストで記載されているか

✔ 電話番号がtapで発信できるtel:リンクになっているか

✔ 最寄り駅・バス停からの道順が文章で書かれているか

✔ 駐車場の有無が明記されているか

✔ 営業時間・定休日が記載されているか

✔ スマートフォンでマップが正常に表示・操作できるか確認したか

アクセスページの設計も、制作に含めて対応します

来店につながるページ設計を、一緒に考えましょう。

↓の画像をクリックし、左上にある「出品者に質問」をクリックしてお問い合わせください。