『1枚のバナー画像から複数ページにリンク』

カラーミーショップで

１枚のバナー画像から複数のページにリンクする方法

最初に説明すると無理して１枚の画像から複数の

リンクをしなくてもテーブルタグで仕切って４つの

画像をそれぞれ配置してリンクする方法のほうが

楽な様な気がしますが、今回は置いときます。

但しSEO的にテーブルタグを使わないほうが有効だと

思う場合はこっちを使っても良いかもしれません。

(検証してないので有効がどうかは不明です。)

まず1枚のバナー画像を用意して下さい。

例えば下の様に１つの画像(X500×Y250px)で

①青、②赤、③黄、④緑に分割(X250×Y125px)し

それぞれ４つのリンクを貼る商品画像のイメージです。

それぞれの隅にある数字は座標(X,Y)です。

４つのリンクを貼る場合１つのリンクの形は

普通は長方形(四角)だと思います。

その場合、白字の座標２点を指定すれば

領域を決定できます。

(この場合黒字の座標は無視して下さい。)

青字＝任意の文章(画像名や商品名など)

赤字＝自分のお店のリンクしたい商品ページのURL(アドレス)

茶字＝座標(始点XとY、終点XとY)の２点(４つの数字)を指定

以下の様なHTML文になります。

↓ここから(この行は不要)

↑ここまで(この行は不要)

1枚の画像から複数リンクの設置方法

■お店をつくる→ショップ情報を設定する(トップページ設定)をクリック

表示された画面の中に「お知らせ」があると思うのでそこに

上記の<img ～</map>までをコピーして貼り付けた後に編集して下さい。

このネットショップを試したい方は

カラーミーショップ
のホームページより

30日間無料でお試し頂けます。

また四角以外の形のリンクや詳しい説明を

知りたい方は↓↓↓ページを参照下さい。

http://www.tagindex.com/html_tag/img/img_map.html

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

ネットショップ開業のしかた