ホームページの役割と企画

HPの役割と企画

ホームページ（HP）を作る前に最も重要なのが「なぜ作るのか」という目的の明確化です。目的が曖昧なままデザインや機能を決めると、完成後に「問い合わせが来ない」「訪問者がすぐ離脱する」という失敗につながります。このレッスンでは、HPが担う5つの代表的な目的パターンを整理し、ターゲットペルソナの設計方法、サイトマップの作り方、必須ページの一覧、そしてコンテンツ計画表の作り方までを体系的に学びます。企画フェーズを丁寧に行うことで、制作の手戻りを大幅に減らすことができます。

---

HP目的5パターン

HPの目的は大きく5つのパターンに分類できます。自分のビジネスがどのパターンに当てはまるかを明確にしましょう。

HPの目的5パターンとサイトマップ構成

パターン1: 集客・リード獲得

最も多い目的です。SEOや広告から見込み客を集め、問い合わせフォームや資料請求、メルマガ登録などを通じてリード（見込み客の連絡先）を獲得します。

代表的な業種: コンサルティング会社、士業（税理士・社労士）、Web制作会社、不動産会社

重要なページ: サービス紹介ページ、料金ページ、実績・事例ページ、問い合わせフォーム

KPI（成果指標）: 月間問い合わせ件数、資料請求数、フォーム転換率

パターン2: ブランディング

企業の信頼性・世界観・価値観を視覚的に伝え、指名検索（社名での検索）や口コミを増やすことが主な目的です。直接的なCV（コンバージョン）より、長期的な信頼構築を重視します。

代表的な業種: デザイン会社、高級商材を扱う企業、B2B企業、スタートアップ

重要なページ: 会社概要（代表メッセージ含む）、ビジョン・ミッションページ、チーム紹介

KPI: 指名検索数の推移、セッション時間、SNSシェア数

パターン3: EC・直販

商品をオンラインで販売することが目的です。WordPressにWooCommerceプラグインを追加することで、決済機能付きのネットショップを構築できます。

代表的な業種: 手作り雑貨販売、食品・飲料、アパレル、デジタルコンテンツ販売

重要な機能: 商品一覧・詳細ページ、カート機能、決済システム（Stripe/PayPal）、在庫管理

KPI: 月間売上、カート放棄率、平均購買単価

パターン4: 採用・求人

求職者に企業の魅力・働く環境・キャリアパスを伝え、応募を促すことが目的です。社員インタビューや職場の雰囲気を伝えるコンテンツが重要です。

代表的な業種: 人手不足に悩む全業種（飲食・介護・IT・製造業など）

重要なページ: 採用情報一覧、職種別紹介、社員インタビュー、福利厚生・会社の特徴

KPI: 応募数、採用ページのセッション数、エントリーフォーム転換率

パターン5: 情報発信・メディア

ブログ記事やノウハウコンテンツをSEOで上位表示させ、集客しながら権威性を構築するモデルです。アフィリエイト収益や広告収益と組み合わせることもあります。

代表的な業種: 個人ブロガー、専門家・コンサルタント、業界メディア運営者

重要な要素: 継続的な記事投稿、カテゴリ設計、内部リンク設計、記事のSEO最適化

KPI: 月間オーガニック流入数、記事ランキング推移、収益額

💡 目的は1つに絞らなくてよい: 実際のHPは複数の目的を持つことが多いです。ただし、「最重要の目的（プライマリゴール）」を1つ決めておくと、デザインや導線設計がブレにくくなります。

---

ターゲットペルソナ設計

ペルソナとは、ターゲットユーザーを具体的な1人の人物像として描き出したものです。「20代〜40代の会社員」といった漠然とした対象ではなく、1人の具体的な人物に絞り込むことで、コンテンツの方向性・デザイントーン・言葉遣いが統一されます。

ペルソナ設計3要素

① デモグラフィック（属性情報）

② サイコグラフィック（心理情報）

③ ビヘイビア（行動情報）

⚠️ ペルソナは「理想」ではなく「実在するユーザー像」で作る: 作り手の「こうあってほしい」ではなく、既存顧客へのヒアリングやアクセス解析のデータをもとに作ることで、実態に近いペルソナになります。

---

サイトマップ作成

サイトマップとは、HPのページ構成を階層構造で整理した設計図です。制作前にサイトマップを作ることで、必要なページの漏れを防ぎ、内部リンクの設計にも役立ちます。

標準的なサイトマップの構成

トップページ (HOME)
├── 会社概要
│   ├── 代表メッセージ
│   └── アクセス・地図
├── サービス
│   ├── サービスA詳細
│   └── サービスB詳細
├── 実績・事例
│   └── 事例記事（個別）
├── ブログ
│   └── 記事（個別）
├── 採用情報
└── お問い合わせ

サイトマップ作成のポイント

1. ◆ユーザー視点で構造を設計する: 「会社側が伝えたいこと」ではなく「ユーザーが探したいこと」を軸にページを配置します。
2. ◆階層は3層以内を目安に: トップページから3クリック以内でどのページにもたどり着けるよう設計します。4層以上になると迷子になりやすいです。
3. ◆URLと対応させる: サイトマップのページ名は、そのままURLスラッグ（パス）になります。例: 「会社概要」→ /about、「サービスA」→ /service/a

💡 ツール活用: サイトマップ作成にはGlooMaps（無料）、Miro（無料枠あり）、またはExcel/Googleスプレッドシートで十分です。

---

必須ページ一覧

業種・目的によって異なりますが、ほぼすべてのビジネスHPに必要なページは共通しています。

⚠️ プライバシーポリシーと特定商取引法の表記は法的義務: 個人情報（お問い合わせフォームの入力など）を取り扱うサイトにはプライバシーポリシーが、商品・サービスをオンラインで販売する場合は特定商取引法に基づく表記が必要です。WordPressのテンプレートを使う場合でも、自社情報に書き換えることを忘れずに。

---

コンテンツ計画表

サイトマップが決まったら、各ページのコンテンツをどう埋めるかを計画します。コンテンツ計画表（コンテンツカレンダー）を作ることで、制作の進捗管理が容易になります。

コンテンツ計画表の構成例

コンテンツ計画で確認すべき素材チェックリスト

• ◆テキストコンテンツ: 各ページの本文・見出し・説明文（ライティング担当者を決める）
• ◆画像・写真: トップビジュアル・スタッフ写真・商品写真・店舗写真（プロに依頼するか）
• ◆ロゴ・ブランドカラー: CI（コーポレートアイデンティティ）の既存ファイル
• ◆動画: トップページの背景動画・サービス紹介動画（必要な場合）
• ◆お客様の声・実績データ: 掲載許可取得が必要

💡 素材収集に最も時間がかかる: 実際のHP制作プロジェクトで最もスケジュールが遅れる原因は「素材が揃わないこと」です。コンテンツ計画表で素材の担当者と期限を明確にしておくことが、プロジェクト成功の鍵です。

---

🏋️実践ワーク

以下のワークを実施してください。

1. ◆HP目的を決める: 自分が作りたい（または想定している）HPの目的を5パターンから選び、プライマリゴールとセカンダリゴールを書き出す。
2. ◆ペルソナを1人作る: デモグラフィック・サイコグラフィック・ビヘイビアの3要素で、ターゲットペルソナを1人分作成する（箇条書きで可）。
3. ◆サイトマップを作る: 想定するHPのページ構成を、階層構造で書き出す（紙 or Googleスライドで可）。
4. ◆必須ページのリストアップ: 業種・目的に応じた必須ページをリストアップし、各ページに必要な素材を洗い出す。

📝まとめ

HP制作は「作る」より「考える」フェーズが成否を決めます。目的5パターンのどれに当てはまるかを明確にし、ペルソナ設計でターゲットを具体化、サイトマップで全体構造を固めてから制作に入ることが重要です。必須ページの一覧とコンテンツ計画表でチームの動きを揃えることで、制作の手戻りと遅延を最小限に抑えられます。次のレッスンでは、サーバーとドメインの選び方を学びます。