サイト内のページが多ければ多いほど、サイトマップの存在は重要

サイトマップは、アクセス者にも検索エンジンにも、目次や検索として使える役立つページです。

迷ったときやすばやく求める情報を探したいときに活用できるサイトマップ

サイトマップとは、サイト内の全ページへのリンクを階層構造にしたがって並べたリストページのことです。

サイト内で迷った場合などこのページを参照すると、目的の情報を見つけやすくて便利です。

迷う前に最初からこのページを参照して目的の情報を捜す使い方をされる場合もあります。

サイト内のページが多ければ多いほど、サイトマップの存在は重要になります。

ページ数の多い大規模なサイトだと、サイト全体の構造が把握しにくく、目的のページに移動するために必要なステップが多くなります。

全体を網羅した案内図（サイトマップ）から一気に移動できる方法が用意されていると、サクセス者の余計な手間を減らせます。

サイト内のページ数が少なくても、サイトマップページは作成しておきましょう。

サイト内のページ数が多いのか少ないのかは、初めて訪れたアクセス者にはわかりません。

サイトマップがあれば、サイト内にどれだけの情報があるのか、どんな情報は無いのかがはっきりします。

また、サイト内のページ数が多くなってからサイトマップを作成するのは労力が必要ですから、少ないうちから作成しておくほうが後々の作業が楽になります。

検索エンジンにもれなく巡回してもらうためにも有効

サイトマップページは、人間だけでなく検索エンジンに対しても便利なページです。

サイトマップページにどのページからもアクセス可能な場合、サイト内のどのページへも2回移動する（リンクをたどる）だけで到達できるようになります。

検索エンジンは、階層の深いページまで必ずしもアクセスするとは限りません。

サイトマップを経由させる事で、どのページへも3階層以内で到達できるようになれば、サイト内のページを漏れなく登録してもらえる可能性が高まります。

尚、検索エンジンにもれなく全ページをクロールしてもらうためには、XMLベースのデータ形式である「サイトマップファイル」を用意する方法もあります。

このファイルは、検索エンジンにサイト構造を把握してもらうために用意するデータファイルです。用意しておけば、ファイルの内容を読み込んで、クロールの参考に使われます。

ただリンクを並べるだけで作れる

サイトマップページは、ただリンクを並べただけのページです。

特別な作り方は必要ありません。

リストを作るul要素やli要素などを使って、階層構造を表現できるように作っておけば、それだけで十分でしょう。

サイトマップページの場合、過度な総称句は内容を読みにくくするだけです。書籍の索引ページなどのように、実用性のみを重視して、シンプルなリストにしておきましょう。

ページを読むのは「人」だという点を忘れず「読みやすさ」を考える

見やすく、読みやすく、解りやすいページつくりは、ユーザビリティの面からも重要です。

人が読む事を常に意識する

検索エンジン向けの対策を施しても、アクセス者にとって読みにくいページならすぐに変えられてしまいます。

本文は読みやすく、配色は見やすく、ナビゲーションは解りやすく作っておく事で、直帰率は下げられます。

SEOテクニックだけを駆使するのではなく、最終的にページを読むのは「人」だという点を忘れず、「読みやすさ」も考える必要があります。

読みやすい本文にする

本文を読みやすくするため、特に文章が長くなる場合には、次の点に注意すると良いでしょう。

• 小見出しを加える長文でも細かい塊に分割すれば読み約すなります。
• 行間を広めにする行間が狭いと、文字の塊が目立って読みにくくなります。
• 画像を加える文字だけよりも画像があるほうが、より内容を把握しやすくなります。
• 文字サイズを固定してたり画像にしたりしない読みやすい文字サイズは閲覧者によって異なるため、自由に変区おできるようにしておきましょう。

小見出しを加える

文章中には適時「小見出し」を加えましょう。

小見出しを加える事で、文章を小さなブロックに分割する事ができ、内容が把握しやすくなります。

HTMLには「見出し」を表現する要素（タグ）が用意されています。それらを活用して小見出しを作りましょう。

小見出しを構成する文字に、最適化したいキーワードも含んでおけば、SEO面でも有効です。

行間を広めにする

代表的なブラウザでは、標準で0.2～0.25文字程度の行間が確保されます。

この行間は、長文を読むには余り十分ではありません。

長文を読みやすくするためにスタイルシートを使えば、行間を広く確保する事ができます。0.3～0.4文字分程度の行間があると望ましいでしょう。

画像を加える

画像を加えて説明できる箇所にはできるだけ画像を含めておきましょう。

文章ばかりが続くよりも、画像があるほうがわかりやすく読みやすくなります。

文字サイズを固定してたり画像にしたりしない

文字サイズは閲覧者が自由に変更できるよう、サイズを固定したり画像化したりしないようにしましょう。

文字を画像化してしまうと、閲覧者がサイズを変更できなくなりますし、検索にもかからなくなります。

テキストよりも画像のほうが修正が容易でないため、メンテナンス製も低下してしまいます。

画像化にはデメリットばかりで特に良い事はありません。

適切な文字サイズは閲覧者によって異なりますから、文字サイズは固定しないようにしましょう。

スタイルシートを使って文字サイズを指定する場合に、単位として「pt」や「px」を使うと、一部のブラウザでは文字サイズの変更ができなくなってしまいます。

文字サイズを指定したい場合は、基準となるサイズから相対的なサイズを指定できる単位（「％」や「em」など）を使うと良いでしょう。

見やすいレイアウトにする

ページのレイアウトには、横幅のサイズを固定しない「リキッドレイアウト」を採用しましょう。

横幅のサイズを固定してしまうと、閲覧者のWindow幅によっては横スクロールが必要になったり、無駄な空白部分ができてしまったりします。

リキッドレイアウトであれば、Window幅に合わせた表示になるため、読みにくくなたリ空間を無駄にしたりすることがありません。

Window幅を想定よりも狭めたり広げたりしたとき、読みにくくならず、空間を有効に活用できるのは「リキッドレイアウト」です。

作成者が想定したWindowは場で閲覧する限り、固定幅でもリキッドレイアウトでも見え方に差はありません。

しかし、閲覧者のWindow幅は様々ですから、作成者と異なる場合のほうが多いことを忘れないようにしましょう。

段組を使っている場合で全体を固定幅で作成していると、閲覧者がスクロールしない限り、未日は市の段が見えない場合があります。

また、左右の段の横幅だけを固定し、中断を河畔は場にしているとき、Window幅が狭いと、非常に縦長になってしまう事があります。

前者の場合は、重要なナビゲーションは、右側よりも左側に配置するほうが良いでしょう。

後者の場合は、できるだけ固定幅の段の横幅を大きくとらないようにしましょう。

3段以上の場合は、段数をもっと減らせないかについても検討する必要があります。

見やすい配色にする

文字色と背景色とのコントラストを確保するようにします。

背景色を明るくした場合は文字色を暗く、閉経職が暗い場合は文字色を明るくしましょう。

カラフルに色をつけた場合、コントラスト費が低くなってしまっている事があります。

カラーコントラストをチェックできるツールなどでページの配色をチェックすると、気付かないうちに見えにくい組み合わせを使っていないかを簡単に確認できます。

イラストや写真などのコンテンツがあるなら、他の利用形態に加工する事で用途を増やしてみましょう。

配布できる素材に加工する

イラストや写真などを公開しているなら、それを壁が見よう画像などに加工して配布してみましょう。

アクセス者が個人的に利用する素材だけでなく、Webサイトで自由に使えるフリー素材に加工して公開するのも良いでしょう。

様々な人に役立つ素材として提供できれば、Web歳との価値が高まります。

その結果、リピーターが増えたりブックマークがるえるなどの効果が期待できるでしょう。

壁紙用画像

大きなイラストや写真があるなら、パソコンのデスクトップに設定して使う壁が見よう画像に加工して公開してみましょう。

800x600，1024x768，1280x1024など、代表的なデスクトップサイズで画像を用意します。

カレンダーなどを描き加える事で、役立つ壁紙にもなります。

カレンダーの場合、毎月定期的に更新していけば、リピーターになってもらえる可能性も高まるでしょう。

Web用フリー素材

小さな画像やテクスチャとして活用できるような画像があるなら、メニュー用ボタンやWebページの背景画像など、Webサイト上で自由に活用できるWeb素材として提供してみましょう。

素材の利用者サイトからのリンクが期待できます。

また、Web素材に限定した検索サイトに登録する事で、そこからのアクセスアップを図ることもできるでしょう。

閲覧者は信頼できないWebサイトに住所などの個人情報を提供する事はない

信頼できないWebサイト上で、何かを購入したり資料を請求したりする事はありません。信頼感が重要です。

信頼されなければアクションは起こしてもらえない

アクセス者に対して商品を販売したり資料を請求してもらうような目的のWebサイトの場合は特に、アクセス者から信頼される事が重要です。

信頼できないWebサイトに対して、住所などの個人情報を閲覧者が提供する事はありません。

以下の全ての項目を満たすよう、Webサイトを作っておきましょう（特に何かを販売するサイトでは記載が義務付けられています）

連絡先をいたるところに明示する

会社や店舗のある住所や電話番号などの連絡先は、閲覧者がどのページを見ていてもわかるようにしましょう。

全てのページのフッタ（最下部）に掲載しておくなど、どのページからも連絡先がわかるようにします。

もしくは、どのページからでも連絡先を掲載したページへ移動可能にします。

連絡先は、ページアドレスだけの掲載ではなく、住所・電話番号・FAX番号など、様々な方法を用意しておくほうが信頼感はまします。

よくある質問とその回答（FAQ）も用意する

実際の良く受ける質問がある場合は勿論、そうでない場合も想定される質問に対する回答を掲載しておきましょう。

アクセス者がWeb上で何らかの（購入などの）アクションを起こす前に感じる疑問点などを、できるだけ解消できるように情報を提供しておきます。

FAQに記載されていない疑問点については簡単に問い合わせられるよう、問合せ先もわかりやすい位置に掲載しておきましょう。

プライバシーポリシーを掲載する

アクセス者に何らかの個人情報を入力してもらうWebサイトでは、個人情報保護方針（プライバシーポリシー）を掲載しておきましょう。

個人情報の取得方法やその使用目的、適正に管理する事などを記載しておきます。

何らかの個人情報の入力を求めるページのわかりやすい位置から、このページにリンクしておきましょう。

それによって、できるだけ不安感を取り除くようにします。

特定商取引法に基づく表記を掲載する（何かを販売するサイトの場合）

Web上で通信販売を行う場合には、「特定商取引法」による様々な項目（責任社名・住所・電話番号・支払方法・販売価格・総量など）の掲載が義務付けられています。

「特定商取引法に基づく表記」というタイトルで専用のページを用意されることが多いので、そのように作成しておきましょう。

このページも、どのページからも簡単に移動できるy法リンクを設けて起きます。

尚、法人でなく個人運営の通販サイトでも義務付けられていますので、必ず掲載しておきましょう。

特定商取引法の通信販売での表示義務については、経済産業省のWebサイトに掲載されています。