手書き風ショップ SEO対策済
このブログは
の提供でお送りします
の提供でお送りします::手書き風ショップ SEO対策済
ここに表題とか
NAME
遠赤外線チャコールファイバーヒーターECH630A
PRICE
\9,450
遠赤外線チャコールファイバーヒーターECH630A
PRICE
\9,450
IMAGE
NAME
XXXXXXXXX
PRICE
\12,345
XXXXXXXXX
PRICE
\12,345
IMAGE
NAME
XXXXXXXXX
PRICE
\12,345
XXXXXXXXX
PRICE
\12,345
◆解説◆
- ◆ zakka beyes / ザッカ バイズ さんに似た雰囲気を出してみました
- ◆レイアウトのためにテーブルタグを多重に使用するのをやめています
- ◆画像にはalt属性、リンクアンカーにはtitle属性を適切に記入すればさらに効果が上がります
- ◆topとleftを調整することでアフィリエイト画像位置を調整できます
- ◆ 手書き風枠画像（120x220） はここからダウンロードして自分の楽天フォトにアップしてご利用ください
- ◆コピーしたソースからは改行をすべて外してください。
◆テンプレートソース◆
<h4 style="monospace; width:360px; border-bottom:1px solid #A00; font-size:80%; padding:2px 5px; margin:5px 0; text-align:left; letter-spacing:0em;">ここに表題とか</h4> <div style="background:url(手書き風枠画像URL) no-repeat center center; width:120px; height:220px; float:left;"><div style="font-size:0; height:10px;"> </div><a href="アフィリエイトURL" target="_blank" style="display:block; position:relative; width:100px; height:100px; margin:0 10px; overflow:hidden; font-size:0;" title="商品名とか"><img src="アフィリエイト画像URL" style="position:absolute; border:0; top:1px; left:1px;" alt="商品名とか" /></a><div style="font-family:monospace; padding:10px; text-align:left;"><span style="color:#A00;">NAME</span><br />商品名とか<br /><br /><span style="color:#A00;">PRICE</span><br />\00,000</div></div> <div style="width:5px; height:100px; font-size:0; float:left;"> </div> <div style="background:url(手書き風枠画像URL) no-repeat center center; width:120px; height:220px; float:left;"><div style="font-size:0; height:10px;"> </div><a href="アフィリエイトURL" target="_blank" style="display:block; position:relative; width:100px; height:100px; margin:0 10px; overflow:hidden; font-size:0;" title="商品名とか"><img src="アフィリエイト画像URL" style="position:absolute; border:0; top:1px; left:1px;" alt="商品名とか" /></a><div style="font-family:monospace; padding:10px; text-align:left;"><span style="color:#A00;">NAME</span><br />商品名とか<br /><br /><span style="color:#A00;">PRICE</span><br />\00,000</div></div> <div style="width:5px; height:100px; font-size:0; float:left;"> </div> <div style="background:url(手書き風枠画像URL) no-repeat center center; width:120px; height:220px; float:left;"><div style="font-size:0; height:10px;"> </div><a href="アフィリエイトURL" target="_blank" style="display:block; position:relative; width:100px; height:100px; margin:0 10px; overflow:hidden; font-size:0;" title="商品名とか"><img src="アフィリエイト画像URL" style="position:absolute; border:0; top:1px; left:1px;" alt="商品名とか" /></a><div style="font-family:monospace; padding:10px; text-align:left;"><span style="color:#A00;">NAME</span><br />商品名とか<br /><br /><span style="color:#A00;">PRICE</span><br />\00,000</div></div> <div style="width:5px; height:100px; font-size:0; float:left;"> </div> <br style="clear:left; font-size:0;"> <a href="http://plaza.rakuten.co.jp/abyaby">by あびぃあびぃ</a>
© Rakuten Group, Inc.
