現役Webデザイナーが、初心者のホームページ自作を応援!

ホームページ自作ガイドホームページのページ構成を考えよう

ホームページのページ構成を考えよう

ホームページ作成の第一歩は「作成するページを決める」ことです。
こちらでは、ページ構成の考え方や、よくあるページの例をご紹介した上で、どのようなページが考えられるのか解説します。

こちらの記事を読むことで、自分のホームページに必要なページ構成を検討することができます。

なぜ先にページ構成を決めないといけないのか?

家を建てるとき、いきなり建築工事を始めるのではなく、先に間取り図などの設計を確定させます。
それと同じでホームページを作るときも、いきなり作成作業を始めるのではなく、まずはページ構成を決めなくてはいけません。

行きあたりばったりで作成を進めていると、ホームページ完成までに二度手間三度手間となり、無駄に労力を掛けることになってしまうでしょう。
それだけでなく、完成して全体を見てみると、情報がゴチャゴチャになっていて解りにくいホームページになってしまう可能性もあります。

予めページ構成を決めておくことで、載せる情報が整理整頓されたホームページをよりスムーズに作成できます。

ページ構成を決める手順

1. 同業他社のホームページを調査する

どういうページを作るのか既にイメージが湧いているのであれば良いのですが、そうでない場合、同業他社のホームページを参考にすることがお勧めです。

同業他社のホームページは「業種名 地域名」で検索すると、すぐ見つけることができます。
例えば「整骨院 横浜」「リフォーム 名古屋」という検索ワードです。
そうすると、自分ではすぐに思い付かなかったようなページを発見できるかもしれません。

2. 必要なページをリストアップする

まずは必要なページを思い付くだけリストアップしてください。
この段階では、要る要らないを深く考える必要はありません。

また、綺麗に資料を作る必要もなく、手書きで思い付くままに書き出していただいて大丈夫です。

3. リストアップしたページの取捨選択をする

リストアップしたページの中で、「よく考えたら要らないな」というページを消してください。

いずれは作りたいけど、初期段階では作らない(作れない)ページは一旦、残しておきましょう。
例えば、「お客様の声」や「導入実績」など、起業したてでは作成できないページです。

4. 取捨選択して残ったページをカテゴリー別に分類する

取捨選択した結果、残ったページをカテゴリー別に分類します。
例えば、「募集要項」「ある社員の一日」「先輩社員インタビュー」「応募フォーム」は同じ「採用情報」というカテゴリーにまとめられます。

ページが少なくて、カテゴリー別に分類するほどでもない場合は、この作業は不要です。

5. 分類したページの階層を考えてサイトマップを作成する

カテゴリー別に分類できたページは、階層を考えてサイトマップにしましょう

階層とは、トップページを起点とした、ページの上下関係のようなものです。
サイトマップは、トップページを頂点としたツリー構造で表さえれます。

例えば、「採用情報」というページがトップページの下にあるとします。
「採用情報」ページを見ると、「募集要項」「ある社員の一日」「先輩社員インタビュー」の3つのページへのリンクがあり、さらに下のページへ移動できます。

それぞれのページの上下関係を明確にしたサイトマップができれば、ページ構成を決める作業は終わりです。

ホームページでよくあるページ

一般的なホームページでよくあるページは、限られています。
以下に例をリストアップしたので、参考にご覧ください。

会社・お店についてのページ

  • 会社(店舗)案内
  • 会社(店舗)概要
  • 会社(店舗)までのアクセス情報
  • 企業理念
  • 会社沿革
  • 社長メッセージ

事業についてのページ

  • 事業内容
  • 弊社(当店)の強み / 弊社(当店)のこだわり

商品・サービスについてのページ

  • 商品(サービス)案内
  • 商品(サービス)の特徴 / 商品(サービス)のこだわり
  • 各商品(サービス)の詳細情報
  • サービスの流れのご案内
  • 商品(サービス)の購入(申込)方法のご案内
  • 料金案内 / メニュー

実績をアピールするページ

  • お客様の声
  • 導入実績
  • メディア掲載実績
  • ヘアカタログ / ネイルカタログ

採用についてのページ

  • 募集要項
  • 応募から採用までの流れ
  • 先輩社員メッセージ / 先輩社員インタビュー
  • ある社員の1日
  • 職場環境紹介 / オフィス紹介
  • よくある質問
  • 応募フォーム

規約関係のページ

  • プライバシーポリシー(個人情報保護方針)
  • サイト利用規約
  • 免責事項

その他のページ

  • よくある質問
  • お問い合わせフォーム
  • スタッフブログ
  • お知らせ(ブログ形式)

 

こちらの記事もチェック!

このページのトップに戻る