Webの地図：googleマップをカスタマイズしてみよう！

こんにちは。
Webであなたの夢が叶う！のHirokoです。

Web上でお店、サロン、教室など人が集まるところの
アクセスページはとても大切なページです。

住所、連絡先電話番号、目的地までの行き方、
そして地図が掲載されていると、
お客さまは正確に情報を受け取れますね。

また、ページを運営する側にとっても
地図を掲載することでSEO対策にもなります。

ホームページやブログのアクセスページに
地図を掲載する方法Vol.1は、
googleマップのカスタマイズ方法です。

まず、↓にアクセスしてください。
http://maps.google.co.jp/

左上に入力スペースが表示されますので、
ここに
　・お店の住所
　・サロンの住所
　・教室の住所
など、表示させたいところの住所を入れます。

検索マークをクリックすると、地図が表示されます。

左下の「歯車」マークをクリックすると、
吹き出しが出てきます。
その一番上の「地図を共有または埋め込む」をクリック。

このようなダイアログだ表示されますので、
「地図を埋め込む」タグをクリック。

左上のリストボックスをクリックして、
「カスタムサイズ」を選択します。
ここで地図サイズをカスタマイズします。

アメブロに貼り付ける場合、
2カラムなら幅３００px × 高さ３００px、
3カラムなら幅１８０px × 高さ２００px、
でしたね。

「実サイズでプレビュー」をクリックして、
地図を確認してくださいね。

確認OKであれば、
入力スペースのコードをコピーして、
フリープラグインに貼り付けてください。

ホームページなどに貼り付ける場合は、
横幅のサイズを調整して、
対象ページのHTMLにコピーしてくださいね。

今日も最後まで読んでいただいてありがとうございました。