【サイト作成 / STEP3】サイト構成を考える

STEP3では、実際にサイト作成を進める前に考えておくとスムーズに進む、サイト構成について考えていきます。

いろんな考え方があると思いますが、今回は簡単に、いつも私が最初にぼんやり考えることをまとめています。

とにかく手を動かす方が向いている！　という方は、読み飛ばしてSTEP4に進んでもOKです。

サイト構成とは

「サイト構成」と言われるとなんだか小難しいですが、すごく簡単に言えば「どんなページに、どんなコンテンツを載せるか」を考えるということです。

展示するコンテンツの種類や量、自分がどんなサイトを好きだ・見やすいと感じるか、管理しやすいか等を考えながら、ページ数や展示方法等を考えていきます。

html/cssのみで行うサイト作成では、手間に感じるポイントがいくつかあります。

人によってそれぞれですが、そのうちの大きな1つがメニューの作成ではないでしょうか。

最初にサイト構成を考え、どんなメニューを設置するかを検討しておくと、一括置換等を駆使したメニュー作成が少し楽に行えます。

まずは、TOPページからのページ遷移の流れについて考えます。

私はいつも、主に「できるだけ1ページにまとめる」か「細かくページを分けて整理する」かを大雑把に検討してから作業します。

今回は説明のため、以下のコンテンツを掲載する場合を想定して、双方極端なサイト構成を2種類挙げてみます。

サイト例の掲載コンテンツ

この形の場合、ほとんどの情報を「TOPページ」から閲覧することができるため、サイト内のどのページを閲覧していても、TOPページにさえ戻ることができればサイト内の周遊が容易です。

また、階層をもう一段階深くしたとしてもシンプルです。

「作品リスト」から「目次」、「目次」から「作品ページ」にアクセスすることになったとしても、作品ページに「TOPページ」と「目次」へのリンクがあれば、簡単にサイト内を動き回れます。

TOPページでは、TOPページ内の移動をスムーズにするための、ページ内見出しと連動したメニューがあればよく、その他のページはTOPページと同じ項目だけメニューを設置するか、手間であればTOPページへのリンクだけにしてもよいかと思います。

この形の場合、各コンテンツでページが分かれているため、各ページのメニューには主だったページへのリンクを用意してあげた方が親切です。

メニューの項目が多くなってしまう場合は、サブメニューやサイトマップの設置も検討してみるとまとまりやすいです。

この場合でも、作品ページからは直前の「作品リスト」には戻れるようにするなど、ある程度の省略は効くため、更新の手間と相談して設計するのがおすすめ。

作り始めは上記の例程度のボリュームで、基本のサイト構成だけ考えておけば十分です。

サイト運営をしていくうちに、作品ページが増えたり変更したくなる時が来ると思います。

スタート時点で「どこから手を付けるか」がわかりやすくなるだけで、効率が少し上がります。

お疲れ様でした！

今回は手を動かさない、サイト作成準備の段階。

次回から、実際にサイトを作成していきます。