現在地: Home » ネットショップの作り方 » ネットショップ作成 » ローカルナビゲーション指定

ネットショップ作成


ローカルナビゲーション指定

サンプルサイトのローカルナビゲーションは<ul>タグを使用し、クラスセレクタを指定してあります。子カテゴリ数個作成するのであれば、下記部分をコピペして利用できます。

<div>
<p class="sidetitle">*****ローカルナビ*****</p>
<ul class="localnavi">
<li><a href="#" title="*****">*****</a></li>
<li><a href="#" title="*****">*****</a></li>
<li><a href="#" title="*****">*****</a></li>
<li><a href="#" title="*****">*****</a></li>
<li><a href="#" title="*****">*****</a></li>
</ul>
</div>

ローカルナビゲーションはユーザーの使いやすさ(検索のしやすさ)を考慮して作成します。例えば服飾関係のショップの場合、商品カテゴリ(グローバルナビゲーション)を

ユーザーが子供用のワンピースを検索する際、漠然とワンピースを探すよりも、「サイズ」や「ブランド」といった選択肢を増やしておけば、探しやすくなると共に、より確実な商品選び=販売に結びつきやすくなります。

HTMLの入力の手間はかかりますが、一番に考えなければならない事は「ユーザー」の立場になる事です。それぞれのページ(階層)に見合ったローカルナビゲーションを配置しましょう。

Next;商品一覧ページ指定

▲Top

高性能サーバ

低価格サーバ

無料ホームページスペース