Googleマップをホームページやブログに埋め込むカンタンな方法

Googleマップホームページやブログに埋め込む方法をご紹介します。

世界発信コンペティションで特別賞を受賞しました｜MEO対策「マップでアップ」

では、Googleマップを埋め込む手順を解説します。
HTMLの知識がちょっとあれば大丈夫です！

Googleマップをホームページに埋め込むカンタンな方法

サンプルとして、「東京駅」を、このブログに埋め込んでみます。

（１）埋め込みたい場所を、Googleマップで表示します

まず、Googleマップで、ホームページやブログに埋め込みたい場所を表示しましょう！
ここでは、「東京駅」と入力しました。

（２）「共有」マークを押します

つぎに、共有マークをクリックします。

すると共有方法が選択できます。
今回は「地図を埋め込む」を選択しましょう。

（３）地図の大きさを調整します。

埋め込む地図の縦横サイズを決めましょう。
「小」「中」「大」「カスタムサイズ」の4種類から選択できます。

なお、地図のズームレベルを調整したい場合は、
「CTRLキーを押しながらマウスホイール」で可能です。

（４）「埋め込みコード」をコピーします

埋め込みコードは、以下のようにとても長いです。
「HTMLをコピー」という個所を押すことで、埋め込みコードを丸ごとコピーできます。

<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2162.9965192692625!2d139.7652839627025!3d35.68111511958082!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188bfbd89f700b%3A0x277c49ba34ed38!2z5p2x5Lqs6aeF!5e0!3m2!1sja!2sjp!4v1529927231570″ width=”600″ height=”450″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>

（５）「埋め込みコード」をペーストします

埋め込みたいホームページやブログのHTMLに「埋め込みコード」をペーストします。

すると、以下のように、Googleマップを埋め込むことができます。

以上の5ステップで、Googleマップの埋め込みは終わりです。
慣れればカンタンです！

まとめ：Googleマップで、アクセスをわかりやすくしよう

今回は、Googleマップをホームページやブログに埋め込む方法をご紹介しました。

多くのユーザーが使っているGoogleマップを埋め込むことで、
お店や会社までのアクセスを分かりやすく伝えましょう！

なお、Googleマップを活用して集客力をアップしたい方は、
ぜひ、360株式会社のMEO対策をご検討ください。
東京都主催の世界発信コンペティションで特別賞を頂いたサービスです。

世界発信コンペティションで特別賞を受賞しました｜MEO対策「マップでアップ」

＼ 初期費用のみで、集客力アップ ／

東京都主催・世界発信コンペティション受賞実績あり

これからもビジネスやWebマーケティングに関する有益な情報を発信していきます。
ぜひブックマークやシェアをお願いします。

MEO対策で良く読まれている記事

Googleマイビジネス「Googleによる変更」の対処方法

「周辺のスポット」がさらに充実！Googleマップが近くのお店をおすすめ！

Googleマイビジネスが勝手に変えられる？【理由と対処方法】

MEO対策の事例はこちら

2020年10月11日MEO対策の成功事例と実績

MEO対策『マップでアップ』導入店をご紹介！

【MEO事例】純生食パン工房 HARE/PAN つつじヶ丘店様

MEO対策の成功事例と実績

【MEO事例】喜多方ラーメン 坂内様