Googleマップの埋め込みとアクセス案内の作り方

概要

Googleマップを埋め込む際は、地図の位置だけでなく、実際の入口や住所を伝える説明も必要です。この記事では、共有用のリンクと埋め込み用HTMLの取得、作成ツールでの対応確認、スマートフォンでの表示点検、道順の補足を解説します。

公開日2025年09月04日

更新日2026年10月13日

地図の印が建物を指していても、入口や階数がわからない場合があります。住所、建物名、階数、入口の目印を文字で補ってください。

埋め込みが使えるかはサイトの作成方法で変わります。地図へのリンクを用意する方法と、ページ内に地図を表示する方法を比較します。

Googleマップで店や事務所を探し、住所と位置が合っているか点検します。Google のヘルプは、パソコンの共有メニューからリンクや埋め込み用 HTML を取得する手順を説明しています。（Google Maps: Share or embed a map）

リンクと HTML は用途が違います。サイトの編集画面が対応する形式を調べ、対応していない場合は地図を開くリンクを掲載します。

地図の近くに住所、階数、入口の写真を載せます。駅からの道順や駐車場の入口は、実際の経路を歩いて説明を書いてください。所要時間を示す場合は、その出発点と移動方法も添えます。

来店者が使える設備や段差は、現在の施設についてわかる事実を記載します。地図が読み込めない場合でも住所が読める配置にします。

ページの横幅から地図がはみ出さないか、スクロールの操作を妨げないかを点検します。リンクを開いた先の店名と位置も調べてください。

移転した場合は地図、住所、入口の写真を更新します。まず住所とリンクを公開し、埋め込みを使う場合は実際の端末で表示を試してください。

地図と営業情報の照合については Googleマップとサイトの店舗情報を合わせる方法 もご覧ください。

SpreadSite は、Googleスプレッドシートで内容を管理し、テンプレートを使ってホームページを作成・公開・更新できるノーコードツールです。

住所と入口の説明を掲載するホームページ作りに、ぜひ使ってみてください！

A: 地図を開くリンクと住所を掲載します。作成ツールの仕様を調べずに HTML を貼り付けないでください。

A: この記事は共有メニューの方法を説明しています。API を使う場合は別途その公式資料で設定と利用条件を調べます。

A: 文字の住所も掲載します。地図が読み込めない場合や住所をコピーする場合に必要です。

A: 公開時と移転時に加え、リンク先の変更や来店者からの指摘があったときも点検します。