Webの地図:yahoo!マップをカスタマイズしてみよう! | Webであなたの夢が叶う!

Webであなたの夢が叶う!

Webを活用して一歩ずつ「夢」に近づきませんか?
みなさんのサポートブログです。    

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

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

Web上のアクセスページはとても大切なページで、
住所、連絡先電話番号、目的地までの行き方、地図から
お客さまに正確な情報を受け取っていただけます。

そして、ページを運営する側にとっては
SEO対策にもなるとお伝えしました。


では早速、
↓にアクセスしてください。
http://map.yahoo.co.jp/

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



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



地図右上の「URL」アイコンをクリックすると、
ダイアログが出てきます。
その一番下の「地図のカスタマイズとプレビュー」をクリック。



すると、このような別ウインドウ表示になります。



「●地図の大きさ」のラジオボタンを「自由設定」にして、
横幅と縦幅に数値を入力します。

アメブロに貼り付ける場合、
2カラムなら幅300px × 高さ300px、
3カラムなら幅180px × 高さ200px
でしたね。

「地図のプレビュー」で地図を確認してくださいね。

確認OKであれば、
「この地図をブログ、サイトにはりつける」の
入力スペースのコードをコピーして、

フリープラグインに貼り付けてください。

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


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