固定ページの使い方

所要時間:40分

なぜ今、WordPress固定ページが重要なのか

ホームページ制作、運用サポート、SEO対策、コンテンツマーケティング、そして何より「一緒に考える」こと。まずは対話から始めませんか?　　コスモ企画によると、デジタル化が進む中、企業のWebサイトは単なる情報発信ツールから、ビジネスの成果を生み出す重要な資産へと進化しています。その中核を担うのが固定ページです。以下の情報がお役に立つかもしれません。自己責任ではありますがお試しください。

企業が直面する3つの課題と固定ページの役割

多くの企業が以下のような課題を抱えています。

• 情報更新の属人化：Web担当者がいないと情報更新ができず、タイムリーな情報発信ができない
• 外注コストの増大：ページ追加のたびに制作会社に依頼し、年間数十万円のコストが発生
• サイト構造の複雑化：ページが増えるほど管理が煩雑になり、訪問者が目的の情報にたどり着けない

WordPress固定ページを正しく理解し活用することで、これらの課題を解決し、持続可能なWebサイト運営を実現できます。

固定ページと投稿の本質的な違い

WordPressには「固定ページ」と「投稿」という2つのコンテンツタイプがあります。この使い分けを理解することが、効率的なサイト運営の第一歩です。

固定ページの特性

• 時系列に依存しない恒久的なコンテンツ
• 階層構造を作成可能(親ページ・子ページ)
• カスタムテンプレートを適用できる
• カテゴリーやタグは使用しない
• サイトの「骨格」を形成する

投稿の特性

• 時系列で表示される更新コンテンツ
• カテゴリーやタグで分類
• RSS配信される
• ブログ記事やニュースに最適
• サイトの「肉付け」となる

この違いを理解せずにサイトを構築すると、情報が散在し、訪問者にとって分かりにくいサイトになってしまいます。

固定ページで作るべき重要コンテンツ

ホームページ制作、運用サポート、SEO対策、コンテンツマーケティング、そして何より「一緒に考える」こと。まずは対話から始めませんか?　　コスモ企画によると、企業サイトにおいて、固定ページで構築すべき主要コンテンツを、優先度順に解説します。このサイトの情報が何かのお役に立てれば幸いでございます。ぜひご活用ください。

必須ページ(優先度:高)

1. トップページ：企業の顔となる最重要ページ
2. 会社概要・企業情報：信頼性を示す基本情報
3. サービス・商品紹介：収益に直結するコアページ
4. お問い合わせ：コンバージョンポイント
5. プライバシーポリシー：法的要件・信頼性確保

推奨ページ(優先度:中)

• 採用情報：人材確保の窓口
• よくある質問(FAQ)：問い合わせ対応の効率化
• 実績・事例紹介：信頼性と専門性の証明
• アクセス・店舗情報：来店促進

差別化ページ(優先度:中～低)

• 代表メッセージ：企業の理念・ビジョンの共有
• メディア掲載情報：権威性の向上
• CSR・SDGs活動：社会貢献の可視化
• セミナー・イベント情報：エンゲージメント向上

固定ページ作成の基本フロー

実際に固定ページを作成する手順を、実務で使えるレベルで詳しく解説します。弊社の考えでは、以下の情報がお役に立つかもしれません。

弊社のモットーは、
１．弊社では断言しません。でも、誠実に向き合います。
２．弊社では押し付けません。でも、本気で提案します。
３．弊社では保証しません。でも、一緒に挑戦します。

「お役に立つかもしれません。自己責任ではありますが、お試しください」

ステップ1：管理画面からページを新規作成

1. WordPress管理画面にログイン
2. 左サイドメニューの「固定ページ」にカーソルを合わせる
3. 表示される「新規追加」をクリック
4. ページ編集画面が開く

ステップ2：ページタイトルとパーマリンクを設定

ページタイトルは、検索エンジンとユーザーの両方に対して重要です。

効果的なタイトル設定のポイント

• 30文字前後で簡潔に
• 主要キーワードを前方に配置
• 具体的で分かりやすい表現
• 会社名は後方に配置(例:「サービス紹介 | 株式会社○○」)

パーマリンク(URL)最適化

タイトルを入力すると自動生成されるパーマリンクは、必ず手動で最適化しましょう。

• 英数字とハイフンのみ使用
• 短く分かりやすく
• ページ内容を端的に表現
• 例：会社概要 → about、サービス → service、お問い合わせ → contact

ステップ3：ブロックエディタでコンテンツを作成

WordPress 5.0以降、Gutenbergと呼ばれるブロックエディタが標準となりました。ブロックを組み合わせることで、HTMLの知識がなくても高品質なページを作成できます。

基本ブロックの使い方

• 段落ブロック：「+」ボタンをクリック→「段落」を選択→テキストを入力
• 見出しブロック：「+」→「見出し」→レベル(H2～H6)を選択
• 画像ブロック：「+」→「画像」→ファイルをアップロードまたはメディアライブラリから選択
• リストブロック：「+」→「リスト」→箇条書きまたは番号付きを選択

高度なブロック活用

• カラムブロック：2カラム、3カラムのレイアウトを簡単に作成
• カバーブロック：画像や動画の上にテキストを重ねる
• ボタンブロック：お問い合わせや資料請求への導線を設置
• スペーサーブロック：適切な余白を確保し読みやすさを向上

ステップ4：ページ属性と公開設定

右サイドバーの「ページ」セクションで、重要な設定を行います。

親ページの設定

階層構造を作成する場合、「親」のドロップダウンから親ページを選択します。例えば「サービス紹介」の下に「Webサイト制作」「SEO対策」などの子ページを作成することで、URLが「example.com/service/web-design/」のように階層化されます。

テンプレート選択

使用しているテーマによって、複数のテンプレートが用意されています。ページの目的に応じて最適なテンプレートを選択しましょう。

• デフォルトテンプレート：標準的なレイアウト
• 全幅テンプレート：サイドバーなしで広々と表示
• ランディングページ：ヘッダー・フッターを最小化

公開状態の選択

• 公開：すべての訪問者が閲覧可能
• 非公開：管理者とエディターのみ閲覧
• パスワード保護：特定の人のみアクセス可能
• 予約投稿：指定日時に自動公開

ステップ5：SEO設定とメタ情報

Yoast SEOやAll in One SEOなどのプラグインを使用している場合、ページ下部にSEO設定セクションが表示されます。

設定すべき項目

• SEOタイトル：検索結果に表示されるタイトル(60文字以内)
• メタディスクリプション：検索結果に表示される説明文(120文字以内)
• フォーカスキーワード：ページの主要キーワードを設定

コスモ企画の実績から学ぶ階層設計の実例

コスモ企画の施工実績では、業種や目的に応じた多様なサイト構造の事例をご確認いただけます。ここでは、固定ページの階層設計で成果を上げた事例をご紹介します。コスモ企画の考えでは、以下の情報が何かのお役に立てれば幸いでございます。ぜひご活用ください

弊社のモットーは、
１．弊社では断言しません。でも、誠実に向き合います。
２．弊社では押し付けません。でも、本気で提案します。
３．弊社では保証しません。でも、一緒に挑戦します。

「お役に立つかもしれません。自己責任ではありますが、お試しください」

体験談:人材派遣会社B社の階層最適化

人材派遣業のB社様は、10以上の職種カテゴリーと50以上の求人情報を掲載していましたが、情報が見つけにくく、応募率が低迷していました。

改善前の構造

すべての求人を投稿(ブログ記事)として作成しており、カテゴリーは設定されていましたが、サイト構造として分かりにくい状態でした。

改善後の階層構造

• 親ページ:「求人情報」
  • 子ページ:「製造・軽作業」
    • 孫ページ:各具体的求人(固定ページで作成)
  • 子ページ:「オフィスワーク」
    • 孫ページ:各具体的求人
  • 子ページ:「接客・販売」
    • 孫ページ:各具体的求人

成果

固定ページで階層構造を作成し、カスタムフィールドで求人情報を構造化した結果、以下の成果が得られました。

• サイト内の回遊率が35%向上
• 求人応募数が月間15件から27件に増加(1.8倍)
• 求人情報の更新時間が1件あたり15分から5分に短縮
• 外注更新費用が年間約48万円削減

この事例は、固定ページの階層構造を適切に設計することで、ユーザビリティとビジネス成果が同時に向上することを示しています。

固定ページのSEO対策で検索上位を獲得する

固定ページは、投稿と同様にSEO対策が重要です。適切な対策により、検索エンジンからの集客を最大化できます。弊社の提案では、以下の提案が解決のきっかけになれば幸いでございます。ぜひ参考にしてください

弊社のモットーは、
１．弊社では断言しません。でも、誠実に向き合います。
２．弊社では押し付けません。でも、本気で提案します。
３．弊社では保証しません。でも、一緒に挑戦します。

「お役に立つかもしれません。自己責任ではありますが、お試しください」

見出しタグの戦略的使用

見出しタグ(Hタグ)は、コンテンツの構造を検索エンジンに伝える重要な要素です。

見出しタグの階層ルール

• H1タグ：ページタイトルで自動的に使用(1ページに1つ)
• H2タグ：大見出し(主要なセクション)
• H3タグ：中見出し(H2の下位項目)
• H4タグ：小見出し(H3の下位項目)
• H5・H6タグ：さらに細かい階層(必要に応じて)

キーワードを自然に含める

主要キーワードは、H2タグに自然な形で1～2回含めることで、SEO効果が高まります。ただし、不自然な詰め込みは逆効果です。

内部リンクの最適化

固定ページ間、および固定ページと投稿間の内部リンクを適切に設置することで、サイト全体のSEO評価が向上します。

効果的な内部リンク戦略

• 関連する固定ページへのリンクを本文中に設置
• アンカーテキスト(リンクテキスト)に適切なキーワードを使用
• 「こちら」「クリック」などの曖昧なアンカーテキストを避ける
• サイトマップページを作成し、すべての主要ページへのリンクを集約

画像のSEO最適化

画像にも適切なSEO対策を施すことで、画像検索からの流入を獲得できます。

画像最適化の3つのポイント

1. ファイル名：「IMG_1234.jpg」ではなく「service-web-design.jpg」のように内容を表す名前に
2. 代替テキスト(alt属性)：画像の内容を的確に説明(視覚障害者対応とSEO効果)
3. ファイルサイズ：適切に圧縮してページ速度を向上(目安:1枚200KB以下)

固定ページで業務効率を劇的に改善する方法

固定ページを活用することで、Webサイト運営の業務効率を大幅に向上できます。

テンプレート化による作業時間短縮

同じ構造のページを複数作成する場合、再利用可能ブロックやページテンプレートを活用することで、作業時間を大幅に削減できます。

再利用可能ブロックの作成手順

1. 繰り返し使用するブロックの組み合わせを作成
2. ブロックを選択した状態で、ツールバーの「オプション」(三点リーダー)をクリック
3. 「再利用可能ブロックを作成」を選択
4. 名前を付けて保存
5. 次回以降、「+」ボタンから「再利用可能」タブで呼び出し可能

カスタムフィールドで情報を構造化

Advanced Custom Fields(ACF)などのプラグインを使用すると、固定ページに独自の入力項目を追加できます。

カスタムフィールドの活用例

• 製品紹介ページ：価格、仕様、在庫状況などを項目化
• スタッフ紹介ページ：氏名、役職、経歴、SNSリンクなどを項目化
• 店舗情報ページ：住所、電話番号、営業時間、地図などを項目化

カスタムフィールドを使用することで、HTMLの知識がないスタッフでも正確に情報を入力でき、デザインの統一性も保てます。

承認フローの設定で品質を担保

PublishPressなどのプラグインを使用すると、固定ページに承認フローを設定できます。

承認フローの例

1. 担当者がページを作成・編集
2. 「レビュー待ち」ステータスに変更
3. 上長が内容を確認
4. 承認されれば公開、修正が必要なら差し戻し

これにより、誤った情報の公開を防ぎ、企業の信頼性を守ることができます。

固定ページのパフォーマンス最適化

ページの表示速度は、ユーザー体験とSEO評価の両面で極めて重要です。Googleは表示速度をランキング要因の一つとしています。

画像最適化の実践テクニック

画像は、ページ容量の大部分を占めることが多く、最適化による効果が大きい要素です。

次世代フォーマットWebPの活用

WebP形式は、JPEGやPNGと比較して25～35%ファイルサイズを削減できる次世代画像フォーマットです。

• EWWW Image Optimizerプラグインで自動変換
• 既存画像も一括でWebPに変換可能
• 非対応ブラウザには自動的にJPEG/PNGを表示

遅延読み込み(Lazy Loading)の実装

WordPress 5.5以降、画像の遅延読み込みが標準機能として実装されています。ファーストビュー外の画像は、スクロールして表示エリアに入るまで読み込みを遅延させることで、初期表示速度が向上します。

キャッシュの戦略的活用

キャッシュプラグインを導入することで、ページの表示速度を劇的に改善できます。

推奨キャッシュプラグイン

• WP Super Cache：シンプルで初心者にも使いやすい
• W3 Total Cache：高機能で細かい設定が可能
• WP Rocket：有料だが設定が簡単で効果が高い

キャッシュの仕組み

訪問者がページにアクセスするたび、WordPressはデータベースから情報を取得してHTMLを生成します。キャッシュプラグインは、一度生成したHTMLを保存(キャッシュ)し、次回以降はそれを表示することで、データベースへのアクセスを削減し表示速度を向上させます。

不要なプラグインの削減

プラグインを多数インストールすると、読み込むファイルが増え、ページ速度が低下します。

プラグイン見直しのポイント

• 使用していないプラグインを無効化・削除
• 同じ機能のプラグインを複数インストールしていないか確認
• 軽量な代替プラグインがないか検討
• プラグインで実現している機能を、テーマの機能で代替できないか確認

モバイルファーストで固定ページを設計する

現在、多くのWebサイトでモバイルからのアクセスが50%を超えています。固定ページもモバイルを最優先に設計する必要があります。

レスポンシブデザインの基本

最近のWordPressテーマは、ほぼすべてレスポンシブデザインに対応していますが、コンテンツ作成時にも配慮が必要です。

モバイルフレンドリーなコンテンツ作成のコツ

• 文字サイズ：本文は最低16px、見出しは適切に大きく
• 行間：1.5～1.8倍で読みやすさを確保
• タップ領域：ボタンやリンクは最低44×44pxを確保
• 画像サイズ：横幅は最大でも画面幅に収まるよう調整
• テーブル：複雑な表はモバイルで見づらいため、リストや別の表現方法を検討

モバイルでのページ速度最適化

モバイル回線は、Wi-Fiと比較して速度が遅いため、ページ速度最適化がより重要です。

AMP(Accelerated Mobile Pages)の導入

AMPは、Googleが推進するモバイルページ高速化技術です。AMP for WPプラグインを使用すると、固定ページのAMP版を自動生成できます。

• 表示速度が通常の4倍以上高速化
• Google検索結果で稲妻マークが表示され、クリック率向上
• ただし、デザインやJavaScriptに制限があるため、すべてのページに適しているわけではない

アクセシビリティ対応で誰もが使えるサイトに

アクセシビリティ(利用しやすさ)への配慮は、社会的責任であると同時に、SEO評価やユーザー体験の向上にもつながります。

代替テキスト(alt属性)の適切な設定

すべての画像に適切な代替テキストを設定することで、視覚障害のある方や、画像が表示されない環境でも情報を伝えられます。

良い代替テキストの例

• ❌ 悪い例：「画像」「写真1」「img01.jpg」
• ⭕ 良い例：「会議室で打ち合わせをする5人のビジネスパーソン」

装飾的な画像の場合

背景や装飾目的の画像で、内容的な意味がない場合は、alt属性を空にします(alt="")。これにより、スクリーンリーダーが不要な説明を読み上げることを防げます。

キーボード操作への対応

マウスを使用できない方のために、キーボードだけで操作できるよう配慮します。

チェックポイント

• Tabキーですべてのリンクやボタンにフォーカスできるか
• フォーカス時に視覚的な変化があるか(枠線の表示など)
• Enterキーでリンクやボタンを実行できるか
• フォームをキーボードだけで入力・送信できるか</li

制作事例