コーポレートサイトの構成を初心者やリニューアル向けに解説【2024年最新版】

企業情報を公開する「コーポレートサイト」は、会社の顔ともいえる存在です。

・基本的でシンプルなコーポレートサイトの構成が知りたい！
・自社サイトを構成から見直して、しっかりしたものにリニューアルしたい！

これから事業を始める方から拡大する方まで、さまざまな会社が存在するように、企業サイトの規模もそれぞれ異なります。名刺代わりになるサイトを作りたい人もいれば、売り上げアップ・ブランディングに繋がるしっかりとしたサイトへリニューアルしたい人もいるでしょう。

今回はシンプルな構成からしっかり作り込んだ構成まで、コーポレートサイトの構成についてわかりやすくご紹介します。この記事に沿って読み進めれば、自社が求めるコーポレートサイトの構成を考えることができます。

※コーポレートサイトの外注をお考えの方はWeb幹事へご相談ください。ご予算や目的から最適な制作会社をご紹介します。相談料などは一切かかりません。

【無料】Web幹事に制作会社を紹介してもらう

コーポレートサイト制作に役立つ記事もご覧ください コーポレートサイト制作にお悩みならこちら。おすすめの会社を特徴・目的別に紹介

コーポレートサイトの構成を考える手順

コーポレートサイトを制作する場合もリニューアルする場合も、構成を考える際の基本的な手順は同じです。

目的とターゲットを考える

はじめにサイトを訪問する『ターゲット』をイメージしながら、「コーポレートサイトで何を達成したいのか」という『目的』を明確にしましょう。「ブランディングにつなげたい」「株主になってもらいたい」などの目的を整理することで、届けるべき情報や欲しい情報を手に入れるまでの導線を意識したサイト設計が可能になります。

例えば下記のように、コーポレートサイトにはさまざまターゲットが訪問します。それぞれのターゲットが抱えるニーズを想定し、サイトの目的を明確にしましょう。

※潜在顧客は自社の商品やサービスを知らない方を指す

必要なコンテンツの洗い出し

サイトの目的とターゲットから、コーポレートサイトに掲載する具体的なコンテンツを決めます。社内で考えても分からない場合は、同じ業界や同じ顧客をターゲットとする競合他社のコーポレートサイトもチェックしてみましょう。どのようなコンテンツを掲載すべきか、洗い出しの漏れがないか確認できます。

下記にコーポレートサイトでよく掲載される一般的なコンテンツを紹介しますので、参考にしながら自社サイトに必要な項目を洗い出しましょう。

コーポレートサイトとは別に、採用サイトやサービスサイトなどを設けたい企業もあるでしょう。ある情報に特化したサイトを別に作成する場合は、リンクで誘導します。

採用サイトやサービスサイトの目的、作り方については関連記事を参考にしてください。

関連記事：採用サイトの作り方！流れとコツを知って人材を獲得できるサイト制作を
関連記事：サービスサイトとは？コーポレートサイトとの違い・使い分けのポイントを解説！

カテゴリに分類する

必要なコンテンツを洗い出したら、類似した内容ごとにカテゴリ分けをします。カテゴリ分けできないコンテンツが出てきたら無理に分類せず、単独でページを作成します。

追加したいコンテンツや不要なコンテンツがある場合は、この手順までに追加・削除しましょう。

次はページ構造を階層状に表し、サイト全体の構成の骨組みを作る作業です。分類したカテゴリやコンテンツをコーポレートサイトのページと考えて、サイトマップ（サイト構成図）を作成します。カテゴリ分けから、下記のように階層を割り当てていきます。

・第一階層…「TOPページ」
・第二階層…TOPページから1クリックで到達するページ
「分類したカテゴリ名」または「カテゴリに属さない単独のコンテンツ」
・第三階層以降…TOPページから2クリックで到達するページ
「カテゴリに属するそれぞれのコンテンツ」

※ポイント：階層を深くしすぎない！

階層が深くなるほど、サイトの構造は複雑になります。つまり「サイト訪問者が欲しい情報に辿り着くまで何度もクリックしなければならない」ということです。欲しい情報が見つからなかったり、訪問者がストレスを感じてサイトを離脱したりする可能性があります。
トップページから3クリック以内で目的に辿り着く構成が理想です。サイトの規模にもよりますが、3～4階層にとどめるといいでしょう。

サイトマップはExcelなどで簡単に作成できます。詳しい手順は、こちらの記事をご覧ください。

関連記事：サイトマップ（構成図）をエクセルで簡単に作成する方法【テンプレート付き】

ページの構成を考える

最後にサイトのレイアウトやコンテンツの配置を決定するための「ワイヤーフレーム（設計図）」を考えます。下記の代表的なレイアウトと特徴をチェックしながら、自社サイトのページにマッチするレイアウトをイメージしてみましょう。カラムとは「列」のことです。1カラムは1列にコンテンツを縦に並べるレイアウトを指します。

ワイヤーフレームを作成する

1カラムレイアウト

1カラム（列）にコンテンツを並べる、縦に配置されたレイアウトです。横幅いっぱいに表示されるためインパクトがあることが特徴。すっきりとしたデザインで、コンテンツに集中してもらいやすいメリットがあります。

ページ数が少ないサイト、ビジュアルでインパクトを与えたい場合、　メインコンテンツをじっくり見て欲しい場合に向いています。

タイル型レイアウト

タイル状にコンテンツを並べるレイアウトです。たくさんのコンテンツをコンパクトに並べられることや情報が区切られていて探しやすいことが特徴。ブログ型のサイトのTOPページに向いています。

マルチカラムレイアウト

メインコンテンツとサイドバーで構成された2カラムや3カラムのレイアウトです。多くの情報を発信でき、優先して見せたい情報は大きく表示するなど強弱がつけやすいため、情報量が多いサイト、文字の多いサイトに向いています。

サイドバー固定レイアウト

サイドバーを固定し、スクロールしても常に表示されるレイアウトです。サイドバーを固定しているため、サイト訪問者がいつでも固定のメニューを見ることができ、目的のコンテンツにたどり着きやすいのがメリットです。また、問い合わせボタン等を固定することで、特定のアクションにつなげやすいことも特徴です。

以上がレイアウトの分類です。すべてのページについてワイヤーフレームを作成するのが理想ですが、TOPページや重要なページをピックアップする方法もあります。詳しい作成手順は、こちらの記事でチェックしましょう。

関連記事：ワイヤーフレームの作り方完全ガイド【サンプル付き】

【無料】コーポレートサイトの構成について相談する

【必要最低限】シンプルなコーポレートサイトの構成

最低限必要な項目は4つ

名刺代わりとなるような、シンプルなコーポレートサイトの構成を紹介します。これから事業を始める方、サイト制作初心者向けの構成です。

コーポレートサイトに最低限記載すべき主要コンテンツは以下の4つです。コーポレートサイトを訪問した人に「何をしている会社か」を発信し、「信頼できる会社である」ことを伝えましょう。

・会社概要
・事業案内、製品・サービス紹介
・お問い合わせ
・ニュース、最新情報

シンプルな構成は全5ページを意識する

最もシンプルな設計にすれば、TOPページとそれぞれを紹介する全5ページで構成できます。最低限の構成を参考にコーポレートサイトを作成し、会社の成長に合わせて自社に必要な情報を追加・更新していくといいでしょう。

【無料】コーポレートサイトの構成について相談する

【完全版】作り込んだコーポレートサイトの構成

ページ数が多いサイト構成はExcelでの管理がおすすめ

自社サイトをリニューアルしたい人や、最初からしっかりしたサイトに作り込みたい人向きの「完全版コーポレートサイトの構成」を紹介します。

先程までのサイトマップはPowerPointを利用して作成していました。ページ数が多いサイトはサイトマップが複雑になるため、Excelを使って管理するといいでしょう。階層ごとに色分けをすることで、わかりやすいサイトマップが完成します。

作り込むなら第2階層は全11コンテンツで構成

しっかりとした自社サイトを作成する場合は、最低限必要な4項目に7項目を加えた、計11コンテンツで第2階層を構成しましょう。しっかり作り込むことで、ターゲットが抱えるさまざまなニーズに対応したサイトが完成します。

◎最低限必要な4項目

・会社概要
・事業案内、製品・サービス紹介
・お問い合わせ
・ニュース、最新情報

◎追加する7項目

・採用情報
・IR情報
・サステナビリティ
・コラム・ブログ
・サイトマップ
・サイトポリシー
・プライバシーポリシー※

※プライバシーポリシーは下記の場合は明記する必要があります

・ホームページからの申し込み等でユーザーの情報を収集する
・アクセス解析ツールでユーザーの一連の行動を取得する
・お問い合わせページがありメールアドレスや名前などを入力するようになっている

第三階層以降は「【完全版】作り込んだコーポレートサイトの構成図」を参考にしながら、自社サイトに必要な内容を記載しましょう。

サービスや事業が拡大するほど、サイトのページ数が増え、構成も複雑化します。必要に応じて採用サイトやサービスサイトなど、特定の情報に特化したサイトの立ち上げを検討しましょう。

※自分でコーポレートサイトの制作・リニューアルが難しい方は、制作会社に依頼するのがおすすめです。Web幹事にご相談いただければ、専任のアドバイザーが無料でサポート致します。

【無料】Web幹事に制作会社を紹介してもらう　

コーポレートサイトのデザイン事例

実際のコーポレートサイトの中から、お手本にしたい構成の事例を紹介します。デザインはもちろん、欲しい情報が手に入るまでの導線、操作性にも着目してみましょう。

シンプルな構成のお手本　株式会社松風屋

画像引用：株式会社松風屋

株式会社松阪屋はせんべいやサブレ、ミルフィーユなど様々なお菓子の開発、販売、卸売を行う会社。コーポレートサイトはすっきりとしたシンプルなデザインでありつつ、必要な情報がしっかり掲載されています。TOPページから2クリックで欲しい情報が手に入る構成です。

1カラムレイアウトで、TOPページは思わず商品に注目するデザインになっています。

迷いにくい！松栄建設株式会社

画像引用：松栄建設株式会社

不動産の売買、建築、リノベーションなどを行う松栄建設株式会社のコーポレートサイトです。
TOPページから「借りる」「貸す」「買う」「売る」「建てる」など、目的に応じた情報を調べられる設計になっています。

わかりやすい言葉で表記されているのでサイト訪問者に伝わりやすく、迷いにくいデザインです。さらに右上にあるナビゲーションメニューをクリックすると、営業時間の情報や採用情報への導線をすぐに見つけることができます。

すっきりとしたデザイン！株式会社パイロットコーポレーション

画像引用：株式会社パイロットコーポレーション

筆記用具などの製造、仕入れ、販売を行う会社です。
白色の背景に黒色・青色の文字を基調としており、無駄のない、すっきりと洗練された印象です。ページ上部にある「グローバルナビゲーション」はマウスオーバーにより第2階層、第3階層のメニューが表示されます。基本がシンプルだからこそ、商品の色鮮やかさが際立つデザインになっており、欲しい情報への導線も見つけやすいです。

情報量の多いサイトは参考に！クックパッド株式会社

画像引用：クックパッド株式会社

レシピ投稿や検索ができるサイト「クックパッド」の他にも、多数の食にまつわるサイトやアプリを運営するクックパッド株式会社のコーポレートサイト。
コンテンツ量が多いにもかかわらず、欲しい情報を探しやすいサイト構成になっています。採用サイトも運営しており、コーポレートサイトからの自然な導線を設計しています。ナチュラルな雰囲気で、温かみのあるデザインが魅力です。

【無料】コーポレートサイトの構成について相談する

【まとめ】コーポレートサイトの構成のポイント

コーポレートサイトの構成の考え方について説明しました。シンプルで基本的な自社サイトを制作する場合も、しっかりしたものにリニューアルする場合も、構成を考える基本的な手順は同じです。

コーポレートサイトの構成を考える手順

1．目的とターゲットを考える
2．必要なコンテンツの洗い出し
3．カテゴリに分類する
4．サイトマップを作成する
5．ページの構成を考える

今回紹介したタイプ別のサイトマップ例を参考にしながら、自社サイトに掲載すべきコンテンツを洗い出しましょう。サイトの目的やターゲットを考え、導線を意識した構成作りがポイントです。サイト訪問者が必要な情報を入手でき、自社の魅力をアピールできるコーポレートサイトを完成させましょう。

コーポレートサイトは企業の顔ともいえる重要な存在です。自社のコーポレートサイト制作やリニューアルを自分で行うのは難しいと感じる方は、プロに依頼するのがおすすめです。

制作会社への外注をお考えの方は、Web幹事にご相談ください。ご予算や目的から最適な制作会社をご紹介します。相談料などは一切かかりません。

コンサルタントのご紹介 岩田 Web制作会社を設立し、
3年間で上場企業を含む50社以上制作に携わらせていただきました。

様々なお客様のWeb制作を実際に行ってきましたので、
初心者の方でも安心してご相談ください！

【無料】Web幹事に制作会社を紹介してもらう