カテゴリのトップページを作成する

商品ページが出来上がったところで、今度はカテゴリごとにまとめページを作成します。

ウチはアクセサリー屋ですので、ペンダントとかリングとかブレスレットなどにカテゴリ分けをしてあります。
もっと細分化した方がいいのかも知れませんが、ウチの場合は今のところメインモチーフをスカルとドラゴンに絞っていますのでそこだけをカテゴリに加えています。

まとめページ（カテゴリトップページ）は出来る限り商品を画像一覧で表示した方が良いと思います。たった一つのカテゴリなのに１０商品ずつの表示を何ページにもわたって展開しているショップさんをよく見かけますが、全ての商品をチェックするのに疲れてしまいますよね。お客様は面倒な仕組みを嫌うのでご注意ください。

カテゴリの画像一覧が出来上がったら、何のページなのかをタイトルと説明文でキッチリとまとめます。
キーワードを詰め込んだりせず、あくまでもわかりやすく・見やすく・お客様の立場に立って文章を考えた方があらゆる面で良い結果が出ると思います。

商品ページを作成する

商品画像
まずは商品の写真。先日も述べましたが、写真の出来映え次第で売上が大きく変わってきます。

ネットショップ初心者だった私が初めてサイトを公開した時は恥ずかしげもなくピンボケ写真をアップしていたものですが、どうか皆様はそんなアホなマネをしないようにしてくださいね。
ピンボケ写真の商品を買うお客様なんていませんから。

撮影用の照明器具はリファーという専用の物を使用していますが、絶対に必要というわけでもありません。でもやっぱりあった方が写真映りはいい気がします。
ちなみにリファーは安い所で買っても３万円くらいしますし大きくて割とジャマですので「絶対おすすめ」というわけではありませんが、本気でネットショップをやっていきたいと考えている方でしたら買っておいた方がいいかも知れません。

キャッチコピーと説明文
なぜその商品をおすすめするのかを書くのですが、例えば『○秒でお客様の心をワシヅカミするキャッチコピーの作り方』みたいな本を読んでもたぶん上手くはなりません。
ウチはアクセサリー屋ですので細かい説明もあまり無く画像頼りになりがちなのですが、ここもできるだけヒネって書いた方がいいようです。

「どれがおすすめなの？」
「ウチは全部おすすめだよ！」
・・・はお客様には通じません。
言葉にはできないような魅力だったとしても何らかの文章に出来なければお客様には伝わらないものだと思います。

サイトの表示を確認する

トップページが完成したら、まずは各種ブラウザ（インターネット閲覧ソフト）で表示を確認することをおすすめします。

ブラウザによって表示のされ方が違っていたりしますので、完成を喜ぶ前に普段お使いの物以外のブラウザで表示を確認した方が良いと思います。特に、サイト作成に慣れてきてCSS を使用するようになると乱れやすくなってきます。

通常もっとも多く使用されているブラウザはインターネット・エクスプローラーの「６」です。その次は同じくインターネット・エクスプローラーの「７」。次にFirefox（ファイヤーフォックス）。
最低でもこの３ブラウザの表示はチェックしておいた方が良いです。インターネット・エクスプローラー「７」できちんと表示されていてもエクスプローラー「６」では背景が表示されていないかも知れませんし、Firefoxでは枠からはみ出してとんでもない事になっているかも知れません。

パソコンが１台しか無いとエクスプローラーは「６」か「７」のどちらかしかインストールできませんが、Firefoxはどちらとでも共存できますので是非インストールしておくことをおすすめします。

Firefoxインストール（Mozilla Japan）

例えばエクスプローラー「７」で確認しながら作成したサイトをFirefoxで見てみると笑えるくらいおかしな表示になっていることがありますが、その大半がCSSの「指定漏れ」かborder（枠線）のせいだと思います。
HTMLやCSSは以下のサイトで間違いを見つけてくれますので、出来上がったらまずはこちらで確認してみると良いのではないでしょうか。

HTML : Another HTML-lint
CSS : W3C CSS 検証サービス