企業ホームページの作り方①｜サイト構成の設計から固定ページの作成まで

2025年1月7日

当ページのリンクには広告が含まれています。

これで解決！　企業ホームページの作り方①｜サイト構成の設計から固定ページの作成まで

－本記事の要約－

SWELLでホームページを作りたいと考えている事業者の方必見です！

これから、事業者がSWELLでホームページを作る方法を説明していきますが、その第一弾として、本記事では、サイト構成の設計から固定ページの作成まで、ホームページ制作の基本的な流れとポイントをわかりやすく解説します。見やすく、効果的なホームページを作るには、まずしっかりとしたサイト構成を設計することが重要なのです。

まずは、投稿ページと固定ページを正しく区別し、内容が安定している固定ページから優先的に作成を進めていきましょう。ページの作り込みに集中しすぎず、全体を俯瞰しながらバランスよく構築するのが成功のカギです。また、固定ページは独立性が高いため、親子関係を利用して階層化することで、より使いやすいサイトに仕上げることができます。

しっかりと計画されたサイト構成は、訪問者の満足度を高め、成果につながりやすいサイトを実現します。本記事を参考に、魅力的で成果の出るホームページ作りを始めましょう！

メチャじじ

事業用のホームページを自分で作りたいんじゃが、サイト構成の設計までは終わったんじゃ。その先、どう進めればいいんじゃ？

チョイジジ

適当に作るだけじゃ、訪問者に響くサイトにはならんよね！ちゃんと考えなきゃ！

ひろおじ

その通り！じゃあ今回は、固定ページでしっかりとコンテンツを作る手順を、わかりやすく解説しよう！

この記事では、「企業ホームページの作り方①｜サイト構成の設計から固定ページの作成まで」についてお話をしていきます。

この記事はこんな方にオススメ

自社のホームページを作りたい方
会社のホームページをWordPressに変更したい方
WordPressでホームページの作り方を知りたい方
最小限の経費で事業用ホームページを作りたい方

早く希望の記事箇所に到達したい方はコチラ

SWELLで制作する企業サイト｜出来上がりイメージ
「サイト構成」を設計する
実施制作に入る前の準備
SWELLで固定ページのポイント
SWELLで固定ページの作成方法
WordPressで企業サイトの作り方のコツ
よくある Q＆A

＼シェアNo.1のレンタルサーバー／

エックスサーバー

＼シェアNo.1のWordPressテーマ／

SWELL

SWELLで制作する企業サイト｜出来上がりイメージ

ひろおじ

今回SWELLで制作する企業ホームページのデモサイトはコチラです！

【SWELL】サンプルサイトは、コチラ！！

あわせて読みたい

WordPressで会社のホームページ制作の始め方｜小規模事業者向けこれで解決！　WordPressで会社のホームページ制作の始め方｜小規模事業者向け－本記事の要約－デジタル化が進む現代において、会社のホームページは名刺以上に重要な…

「サイト構成」を設計する

サイト構成の重要性

一般的なブログと事業用のホームページは、目的や作り方に大きな違いがあります。ブログは、個人の意見や趣味を発信するためのもので、記事を投稿するごとに新しい情報が順次追加される形式が一般的です。一方、事業用のホームページは、企業やサービスの情報を整理し、訪問者にわかりやすく伝えるための構造が求められます。

たとえば、会社概要、サービス内容、お問い合わせページなど、訪問者が必要な情報を簡単に見つけられるようにする必要があります。そのためには、あらかじめサイト全体の構成を計画し、どのページにどの情報を配置するかを設計する「サイト構成」が欠かせません。

事業用のホームページを成功させるには、この「サイト構成」をしっかりと計画し、訪問者が利用しやすい設計を心がけることが重要です。

今回、チャレンジするサイト構成（サイトマップ）は、コチラ！

情報系を扱う企業を想定してみました。社員数は１００名ぐらいの規模感です。

企業ホームページのサイト構成図の作り方は、コチラ！

あわせて読みたい

WordPressで始める「企業ホームページのサイト設計図」これで解決！　WordPressで始める「企業ホームページのサイト設計図」－本記事の要約－これからWordPressで会社のホームページを作りたいけれど、「何から始めればい…

実施制作に入る前の準備

固定ページと投稿ページの理解

WordPressでページを作成する場合、大きく分けて二種類の方法があります。それが、「固定ページ」と「投稿名ページ」です。

サイト内のどのページをどのスタイルで作成するか「サイト構成」の時点で決めておく必要があります。

「投稿ページ」と「固定ページ」の特徴の比較は以下の通りです。

	投稿ページ	固定ページ
投稿一覧	自動で作成される	できない
タグ・カテゴリー	使える	使えない
ページの親子関係	作れない	作れる
ページ単位のデザイン変更	変更できない	変更できる
用途	「日記」「ニュース配信」「ブログ記事」「トップページ」	「プライバシーポリシー」「プロフィール」「サイトマップ」「お問い合わせ」など・・

あわせて読みたい

投稿ページと固定ページの違い｜トップページは固定ページ？これで解決！固定ページと投稿ページの違い｜トップページは固定ページ？－本記事の要約－ WordPressの基本設定が終わり、「いよいよブログを始めよう！」と思った瞬間…

WordPressでサイト設計する｜固定ページと投稿ページの仕分け

今回は、下記のように仕分けしてみました。会社情報や、お問い合わせなど独立して変更の少ないページは「固定ページ」。トピックスやスタッフブログなど、動きがあり、時系列要素を持つページは「投稿ページ」にしてみました。

カテゴリーとは？

カテゴリーとは、サイト内の記事をテーマごとに整理するための「フォルダ」のような役割を果たします。例えば、「サービス紹介」「お客様の声」「ブログ」など、記事の内容に合わせたカテゴリーを作ることで、訪問者が求める情報を簡単に見つけやすくなります。初心者の方でも、記事の方向性を考えながらカテゴリーを設定すれば、サイト全体が見やすく整理され、使いやすくなります。

メチャじじ

これがあれば、各ページをどのように作るか一目瞭然だな！

チョイジジ

本当だ！この先はページを作るだけっていう感じだね！

ひろおじ

企業や事業系のホームページは、目的がハッキリしていますから、「サイト構成」の設計がホントに大切。いいホームページを目指すなら必須ですよ！

パーマリンクを理解しておく

ここからは、実際にWordPressでサイトを作成していくわけですが、後々に重要度が増す「パーマリンク」について解説しておきます。

そもそもパーマリンクとは、ウェブサイト内の各ページに割り当てられた固定のURLのことです。正式には「パーマネントリンク（Permanent Link）」の略称で、「固定リンク」とも呼ばれます。

メチャじじ

なるほど！つまり、記事ごとの住所みたいなものじゃな！

たかが記事ごとの「URL」と言っても、これが結構大事でして、SEOにも影響がありますし、サイト内をスッキリさせることも可能です。

パーマリンクを適当に扱っていると、画像やイラスト、データの管理などにも影響してぐちゃぐちゃになってしまう可能性もあります。

あわせて読みたい

パーマリンク入門｜初心者のためのやさしいガイドこれで解決！　パーマリンク入門｜初心者のためのやさしいガイド－本記事の要約－パーマリンクとは、ブログ記事やページごとに割り当てられるURLのこと。実は、この設…

WordPressの初期設定は済ませておきましょう！

WordPressとSWELLが導入できたら、まず初期設定を整えることが成功のカギです！初期設定を正しく行うことで、SEO効果を最大化し、読者にとってわかりやすく使いやすいブログを作る基盤が整います。本記事では、初心者の方でも迷わず進められるよう、「サイトタイトルとキャッチフレーズの設定」「SSL化」「パーマリンクの設定」といった重要な初期設定を丁寧に解説します。

あわせて読みたい

WordPressで最初にやりたい初期設定３選｜初心者必見これで解決！「WordPressで最初にやりたい初期設定３選｜初心者必見」－本記事の要約－ WordPressを導入したら、まず初期設定を整えることが成功のカギです！初期設定…

SWELLで固定ページのポイント

SWELLで固定ページを作成

まず、固定ページを作っていきましょう！固定ページはカテゴリーを生成することができませんから、ページを作成したら階層化しておきます。どういうことか説明しましょう！

下記図のように、「投稿ページ」は、カテゴリーに含めることができますが、「固定ページ」はカテゴリーに属性させることができません。よって、固定ページで階層化して、上位ページを見出しページ化をしておく必要があります。

階層化とは、当サイトで言えば・・・

会社情報
- 会社概要
- アクセス
- 社長挨拶

このように、ページに親子関係を持たせることです。

親子関係は「クイック編集」から、指定することができます。

SWELLで固定ページの作成方法

固定ページの作り方

「システムソリューション事業」ページを作成してみます。

STEP

新規固定ページを追加します。

「ダッシュボード」「固定ページ」から、「新規固定ページを追加」をクリック

STEP

ページを作成する

「タイトルを追加」には、記事のタイトル名を入れます。
その下部の「ブロックを選択・・・」部分は、本文を作成します。
「公開」をクリックしますと、固定ページが公開されます。下書き保存やプレビュー表示を上手に活用します。

STEP

固定ページの作成

記事の書き方や、装飾の仕方は、当サイトでも解説していますので、参照の上固定ページを作成してください。

ひろおじ

作業画面は、こんな感じですよ！

WordPressで企業サイトの作り方のコツ

サイト構成を最優先にする
サイト構造を早めに構築する
トップページは、最後に整える

企業ホームページを作る際は、最初に全体のサイト構成をしっかり計画することが大切です。訪問者が迷わず情報にたどり着けるよう、ページの目的や配置を明確にすることです。

次に、具体的な構造を早めに形にすることがポイントです。まずは比較的内容が安定している「固定ページ」を作るか、空のページを作りサイト構造を形成していまいます。この解説では「固定ページ」を先に作成していますが、ページを作り込みすぎるより、簡単でもよいので全体を作成していきましょう。

その後はページ同士のリンクやナビゲーションメニューを整え、サイト全体の動きを確認しながら進めます。

そして、トップページのデザインや内容は最後に仕上げるのがおすすめです。トップページはサイトの「顔」ですが、全体の流れや他のページが整って初めて魅力的に作れます。これらのステップを意識すれば、初心者でも使いやすく見栄えの良いホームページが完成します。計画的に進めることで、訪問者にも信頼感を与えるサイトを作りましょう！

ひろおじ

企業ホームページの制作の仕方は、ひとつではありません。あくまでご参考までにということでご理解ください！

企業ホームページの作り方で、サイト構成の設計から固定ページの作成まででよくある Q＆A

サイト構成を設計する際の基本的なポイントは何ですか？: 訪問者が必要な情報にすぐアクセスできるよう、トップページ、カテゴリーページ、詳細ページなどの役割を明確にし、論理的で直感的なナビゲーションを設計することが重要です。
固定ページと投稿ページの違いは何ですか？: 固定ページは独立した情報を提供するページ（例: 会社概要、サービス案内）に適し、投稿ページはブログや更新情報などの時系列で整理するコンテンツに適しています。
固定ページを作成する際の注意点は何ですか？: 固定ページは内容が安定しているため、最初に重要な情報をまとめて作成します。細かい調整は、後からでもよいでしょう！
ページ作成で最も優先すべきことは何ですか？: 最初に全体の骨組みを作り、サイトの流れを把握できるようにすること。細部のデザインや装飾は後から調整するのがおすすめです。
見やすいホームページを作るためのコツは何ですか？: カラースキームを統一し、文字の読みやすさを考慮してフォントサイズや行間を設定することが重要です。
ホームページの成果を上げるために何をすべきですか？: 定期的に新しいコンテンツを投稿し、訪問者にとって有益な情報を提供することで、リピーターを増やしましょう。また、SEO対策も重要です
初心者が挫折しないためのポイントは何ですか？: 完璧を目指しすぎず、小さな成果を積み重ねることを意識すること。まずはシンプルな構成からスタートし、徐々に改良していきましょう。

まとめ：企業ホームページの作り方①｜サイト構成の設計から固定ページの作成まで

最後までお付き合いいただき、心より感謝申し上げます。😊

SWELLを使ったホームページ制作の基本を押さえ、具体的なステップをご紹介してきましたが、いかがでしたでしょうか？サイト構成をしっかりと設計し、固定ページを優先的に作成していくことで、訪問者にとってわかりやすく使いやすいホームページを作ることができます。投稿ページとの役割を明確に分けることで、サイト全体の整理が進み、結果的にSEO対策や運営の効率化にもつながります。

何よりも大切なのは、全体のバランスを意識しながら計画的に進めること。ホームページは一度完成したら終わりではなく、改善や更新を繰り返しながら成長させていくものです。訪問者の視点を常に意識し、ユーザー体験を最優先に考えた構築を心がけましょう。

この記事を通じて、ホームページ制作の基礎が身についたはずです。これをきっかけに、あなたのビジネスの魅力を最大限に引き出すホームページを作り上げてください。どんなに小さな一歩でも、着実に積み重ねることで、成果の出るサイトへと成長します。あなたの挑戦を心から応援しています！

具体的に気になる記事箇所をチェックするのはコチラ