ブログやホームページで地図を掲載したいときに便利なのが、Googleマップです。
お店の場所や会社の所在地をわかりやすく伝えるためには、地図を掲載することが非常に効果的です。
しかし「どうやって載せるの？」「違法にならない？」と悩む方も多いのではないでしょうか。
この記事では、Googleマップの正しい載せ方を初心者にもわかりやすく解説し、さらに「やること」と「タイミング」を一覧形式で整理しています。この記事を読めば、迷うことなく地図を掲載できるようになります。
Googleマップをブログやホームページに掲載することで、以下のようなメリットがあります。
まず一番大きいのは「場所が直感的に伝わる」ことです。住所だけではイメージしづらい場所でも、地図があれば一目で理解できます。
次に、ユーザーの利便性が向上します。スマートフォンで閲覧している場合、そのままナビを起動できるため、来店や訪問につながりやすくなります。
さらに、信頼性の向上にもつながります。実在する場所を示すことで、ブログや企業サイトの信用度が高まります。
Googleマップを掲載する方法は非常に簡単です。以下の手順で進めましょう。
ブラウザでGoogleマップを開きます。
店舗名や住所を入力して、表示したい場所を検索します。
地図の左側にある「共有」ボタンをクリックします。
表示された画面で「地図を埋め込む」を選びます。
iframeタグのコードが表示されるので、そのままコピーします。
WordPressなどのHTML編集画面に貼り付ければ完了です。
Googleマップを掲載する際の作業を「いつやるべきか」も含めて整理しました。
| やること | 内容 | 実施タイミング |
|---|---|---|
| 掲載場所を決める | 店舗・会社・施設など | 記事作成前 |
| Googleマップ検索 | 正しい位置を確認 | 記事作成前 |
| 埋め込みコード取得 | 共有→埋め込み | 記事作成中 |
| HTML貼り付け | ブログに反映 | 記事作成中 |
| 表示確認 | スマホ・PCで確認 | 公開前 |
| 最終チェック | 誤表示・ズレ確認 | 公開直前 |
| 定期見直し | 店舗移転など確認 | 公開後（半年〜1年ごと） |
このように「作成前・作成中・公開前・公開後」で整理すると、作業漏れを防げます。
WordPressを使っている場合も基本は同じですが、少しポイントがあります。
まず、投稿画面で「カスタムHTMLブロック」を選択します。そこにコピーしたiframeコードを貼り付けるだけでOKです。
ビジュアルエディタではなく、必ずHTML編集で貼り付けることが重要です。ビジュアルモードで貼るとコードが崩れることがあります。
また、テーマによっては埋め込み表示が崩れる場合もあるため、プレビューで確認することを忘れないようにしましょう。
Googleマップを掲載する際にはいくつか注意点があります。
まず、スクリーンショットをそのまま貼るのはNGです。Googleの利用規約上、正式な埋め込みコードを使う必要があります。
次に、正確な位置を表示することが重要です。ピンの位置がずれていると、ユーザーに混乱を与えてしまいます。
さらに、過剰に地図を貼りすぎないことも大切です。ページの表示速度が遅くなる原因になります。
Googleマップはそのままでも表示されますが、スマホ対応を意識することでより見やすくなります。
iframeのサイズを固定にするのではなく、幅を100%に設定すると、画面サイズに合わせて自動調整されます。
高さについても、最低でも300px以上に設定すると見やすくなります。
Googleマップ自体が直接SEO順位を上げるわけではありませんが、間接的な効果はあります。
例えば、滞在時間が伸びたり、ユーザー満足度が上がることで評価が高まる可能性があります。
また、ローカルビジネスの場合は、Googleマップとの連携（MEO対策）が非常に重要になります。
店舗や会社を運営している場合は、Googleビジネスプロフィールの登録もおすすめです。
これにより、検索結果や地図上に情報が表示されやすくなり、集客効果が高まります。
口コミや営業時間の管理もできるため、ビジネス用途では必須のツールといえます。
Googleマップの掲載は、ブログやホームページの利便性を大きく向上させる重要な要素です。
基本的な流れは「検索 → 共有 → 埋め込み → 貼り付け」だけなので、初心者でも簡単に実装できます。
また、「やること」と「タイミング」を整理しておくことで、ミスなくスムーズに作業を進めることができます。
正しい方法でGoogleマップを活用し、ユーザーにとってわかりやすく使いやすいサイトを作っていきましょう。