ライトグレイショップ SEO対策済
このブログは
の提供でお送りします
の提供でお送りします::ライトグレーショップ SEO対策済
OUTER
MONCLER
VALENTINE JACKET
\59,850
IMAGE
XXX
XXXXXX
\12,345
IMAGE
XXX
XXXXXX
\12,345
BOTTOMS
IMAGE
XXX
XXXXXX
\12,345
IMAGE
XXX
XXXXXX
\12,345
MONCLER
BLACK COTTON
\35,490
◆解説◆
- ◆ UNIQLO EXPLORER に似た雰囲気を出してみました
- ◆レイアウトのためにテーブルタグを多重に使用するのをやめています
- ◆画像にはalt属性、リンクアンカーにはtitle属性を適切に記入すればさらに効果が上がります
- ◆topとleftを調整することでアフィリエイト画像位置を調整できます
◆テンプレートソース◆
<h4 style="monospace; width:390px; background:#EEE; font-size:80%; padding:2px 5px; margin:5px 0; text-align:left; letter-spacing:0em;">ここに商品名などを記入</h4> <div style="width:110px; padding:10px; background:#EEE; font-size:80%; text-align:center; float:left;"> <a href="アフィリエイトURL" target="_blank" style="display:block; position:relative; width:110px; height:110px; overflow:hidden; background:#FFF;"><img src="アフィリエイト画像URL" style="border:0; position:absolute; top:0px; left:0px;"></a><br /> ブランド１<br /> 商品名１<br /> \12,345<br /> </div> <div style="width:5px; height:100px; font-size:0; float:left;"> </div> <div style="width:110px; padding:10px; background:#EEE; font-size:80%; text-align:center; float:left;"> <a href="アフィリエイトURL" target="_blank" style="display:block; position:relative; width:110px; height:110px; overflow:hidden; background:#FFF;"><img src="アフィリエイト画像URL" style="border:0; position:absolute; top:0px; left:0px;"></a><br /> ブランド２<br /> 商品名２<br /> \12,345<br /> </div> <div style="width:5px; height:100px; font-size:0; float:left;"> </div> <div style="width:110px; padding:10px; background:#EEE; font-size:80%; text-align:center; float:left;"> <a href="アフィリエイトURL" target="_blank" style="display:block; position:relative; width:110px; height:110px; overflow:hidden; background:#FFF;"><img src="アフィリエイト画像URL" style="border:0; position:absolute; top:0px; left:0px;"></a><br /> ブランド３<br /> 商品名３<br /> \12,345<br /> </div> <br style="clear:left; font-size:0;"> <a href="http://plaza.rakuten.co.jp/abyaby">by あびぃあびぃ</a>
© Rakuten Group, Inc.
