このページの本文へ

2006年07月29日 09時00分更新

大久保 淳子のECサイト構築ガイド

第1回 

ECサイトのサイトマップを設計する

文● 大久保 淳子/株式会社サーフボード チーフディレクター

  • はてなブックマークに登録
  • del.icio.usに登録
  • livedoorクリップに登録
  • Buzzurlに登録
  • StumbleUponに登録
  • Google Bookmarksに登録
  • Facebookでシェア
  • Yahoo!ブックマークに登録
  • お気に入りに登録
  • 本文印刷

こんにちは 大久保淳子です。

 私は、株式会社サーフボードでディレクターの仕事をしています。ディレクターといっても皆さんには、わかりづらい職種ですね。簡単にいいますと、お客様のご要望をお聞きし、企画提案書にまとめて、その次にWebデザイナーやシステム開発者にWeb制作の指示をする仕事です。これがまた大変なんです。今度機会があったらこのコラムに「悪戦苦闘のディレクター物語」を書きたいと思っています。(笑)

 皆さんは、ECサイトの3つのBADを知っていますか?

「わかりにくい」「ややこしい」「めんどくさい」です。

 トップページを見ても、何を販売しているかさっぱりわからない。注文しようと思うがどこをクリックしたら注文ページがあるかわからない。注文ページで、住所氏名の他に、性別や生年月日まで登録しなければならない。

 では、4つのGOODは何でしょうか?

「見やすい」「ためになる」「お徳だ」「注文しやすい」です。

 インターネットのユーザーは「せっかち」なんです。ですから、瞬間的にサイトに反応(判断)してしまうのですね。きれいな写真やキャッチが目に飛び込んできて、「オーッ」と思わせることがポイントです。それに、このサイトで注文すれば「得するぞー」と思ってくれるように、仕掛けをするんですね。

サイトマップとは?

 ホームページの全体構成について、表示したものです。SEの方は階層構造図とか画面遷移図などとややこしい言葉で言っています。また、Webデザイナーはインデックス(目次)ページといったりしています。多少目的が違うようですが、深く考えないほうがいいです。

サイトマップの5つの役割

1) Web制作するときの制作工期や予算の目安
2) Web制作するときの設計図
3) 訪問者を迷子にさせないためのナビゲーション
4) 検索ロボット(Googleロボット)のためのナビゲーション
5) アクセスログ解析のためのチェックシート


 Webの制作を自作するにせよ、外注するにせよ、いったいどれくらいのページ数になるか全体構成やページの枚数を把握するためにとても大切です。
 そして、サイトが完成したら「サイトマップ」というページを作成することで、訪問者に対しどこにどんなコンテンツがあるか教えてあげるのです。

 検索ロボット対策とは、特にGoogleロボットが定期的にサイトを巡回しているのですが、そのロボットに対し、「こんな良い情報もあるからこのページも最後まで調べていってね。」て教えてあげるんです。
(参考 Googleサイトマップ https://www.google.com/webmasters/sitemaps/

 また、ECサイトの運用が始まったらアクセスログ解析をして、アクセスが多いページをチェックするときに使うと便利です。

サイトマップ作成のポイントは?

 ここでのサイトマップは、ECサイトを企画する段階、すなわち設計図としての役割を説明します。

 まず、トップページですね。トップページには、どんな情報を盛り込むかを企画します。(トップページに関する構成は次回説明します。)

 そして商品やサービスの紹介とショッピングカート(注文フォーム)です。ECサイトの目的にあわせて、商品販売、予約注文、見積依頼などにより構成が異なります。

 そのほか、ECサイトに必要なページとしては、注文までの流れ、支払・送料についての説明、特定商取引法、個人情報保護方針、会社紹介です。

 皆さんのECサイトで扱う商品やサービスによって、企画するページが出てきます。例えば、プレゼント企画や無料サンプル提供、こだわりの素材や製造過程など、いろいろなアイディアを出してください。そして、必ず同業他社のECサイトも参考にしてください。

 サイトマップ作成のとき注意して欲しいのは、クリック回数(ページの階層)は3クリックまでと少ないほうが良いです。また、特に見て欲しいページがあると思いますので、優先順位も考慮してください。

 今回は、この辺でおしまいです。次回は「トップページの構成」について説明します。

著者プロフィール

名前 大久保 淳子 junko[アットマーク]surfboard.co.jp
※著者に直接問い合わせをする際は、お名前、会社名、サイトURLなどを明記してください。
会社 株式会社サーフボード
サイト http://www.surfboard.jp/

カテゴリートップへ

この連載の記事

ASCII.jp RSS2.0 配信中

Webディレクター江口明日香が行く

みんなが買ってる最新アイテムはコレだ!

VOCALOID3 スターターIA ARIA ON THE PLANETES

VOCALOID3 スターターIA ARIA ON THE PLANETES

ヤマハ

17,745円〜

24人が購入

標準HTML5タグリファレンス (WEB PROFESSIONAL)

標準HTML5タグリファレンス (WEB PROFESSIONAL)

アスキー・メディアワークス

2,205円〜

70人が購入

Google上位表示 64の法則 (WEB PROFESSIONAL)

Google上位表示 64の法則 (WEB PROFESSIONAL)

アスキー・メディアワークス

2,499円〜

69人が購入

Speck MacBook Air 13型 See Thru - Clear SPK-MBA13-SEE-CLR

Speck MacBook Air 13型 See Thru - Clear SPK-MBA13-SEE-CLR

スペックコンピュータ

4,262円〜

21人が購入

jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)

jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)

アスキー・メディアワークス

2,499円〜

38人が購入

メモリーカード 32GB (PCH-Z321J)

メモリーカード 32GB (PCH-Z321J)

ソニー・コンピュータエンタテインメント

7,772円〜

9人が購入

iPhone 4S/4 防指紋性・高光沢機能性フィルム PRO GUARD AF for iPhone 4S/4 / PGAF-IPH4

iPhone 4S/4 防指紋性・高光沢機能性フィルム PRO GUARD AF for iPhone 4S/4 / PGAF-IPH4

マイクロソリューション Micro Solution Inc.

60人が購入

Amazon.co.jp