トップページSEO化の為のプロンプト v260326

以下を実行

この文書は、WordPressで運営している複数ジャンルのサイトに対して、SEO評価の向上と回遊率改善を目的とした「案内所型トップページ」を生成AIへ依頼するための詳細仕様書です。

この依頼書の目的は、トップページを単なる記事一覧や新着一覧ではなく、「そのサイトが何の専門サイトかを一目で伝え、ユーザーを目的別・カテゴリ別・テーマ別・用途別に迷わず案内する総合案内ページ」として再設計することです。

1. 依頼の目的
現状のサイトは、カテゴリや記事数が十分に存在していても、トップページが単なる新着記事一覧やカテゴリ一覧になっていることで、以下の課題が発生しています。

サイト全体のテーマや専門性が伝わりにくい
ユーザーがどこから入ればいいか分かりにくい
SEO上、トップページが親ハブとして機能していない
カテゴリ資産や下層記事が活かしきれていない
回遊率が伸びにくい
テーマごとの差異により、実装後にレイアウト崩れや装飾崩れが起きやすい
このため、トップページを「記事一覧型トップ」ではなく「総合案内所型トップ」へ改修したいです。

2. このトップページで実現したいこと
サイトの専門テーマが一目で伝わること
初心者でも迷わずカテゴリや記事へ進めること
目的別・カテゴリ別・テーマ別・用途別に自然に回遊できること
既存カテゴリページや主力記事への内部リンクを強化できること
SEO観点でトップページがサイト全体の親ハブとして機能すること
WordPressの複数テーマでも壊れにくく実装できること
ブロックエディタ・クラシックエディタのどちらでも運用しやすいこと
テーマ依存の特殊クラスに頼りすぎないこと
3. 前提条件
対象CMS
WordPress
想定テーマ
Cocoon
SWELL
AFFINGER
JIN / JIN:R
SANGO
THE THOR
賢威
Lightning
独自テーマ
将来的に別テーマへ変更する可能性があるサイト
想定エディタ
ブロックエディタ（Gutenberg）
クラシックエディタ
カスタムHTMLブロック
固定ページ本文
ウィジェット / テーマ独自トップ用エリア
4. AIに求める役割
4-1. SEOコンサルタント
トップページを親ハブとして機能させ、カテゴリ・下層記事の評価を底上げする。

4-2. UX設計者
ユーザーが迷わず次に進める導線を設計する。

4-3. セールスライター
読者が「自分の悩みが解決できそうだ」と感じる導入文や導線文言を作る。

4-4. WordPress実装設計者
テーマ依存を最小限にし、複数テーマでも壊れにくいHTML/CSS構造を設計する。

5. サイト情報の入力項目
毎回以下の情報を差し替えて使用してください。

サイト名：
サイトURL：
サイトジャンル：
サイトの主テーマ：
主なカテゴリ一覧：
主なサブカテゴリ一覧：
特に強化したいカテゴリ：
狙いたい検索意図：
想定ユーザー像：
既存トップページURL：
既存トップページの問題点：
参考にしたい改善後ページURL：
使用WordPressテーマ：
使用エディタ：
実装場所：
追加CSSを入れられるか：
サイトカラーやブランドカラー：サイト見て確認して
デザイン上の希望：
避けたい表現・デザイン：
6. 基本方針
6-1. トップページは「記事一覧」ではなく「案内所」にする
新着記事や投稿一覧を主役にしないでください。トップページの役割は、サイトのテーマを伝え、最適なカテゴリやコンテンツへ案内することです。

6-2. SEOのためにトップページを親ハブ化する
カテゴリや特集記事に対し、意味のある内部リンク導線を持たせてください。

6-3. ユーザーの悩み起点・検索意図の階層から導線を設計する
カテゴリ名だけを並べるのではなく、「何を解決したいか」で入り口を作ってください。
また、「今すぐ解決策を知りたい人（顕在層）」向けの導線と、「まずは全体像を知って比較したい人（潜在層）」向けの導線を明確に分け、段階的にアプローチできる構造にしてください。

6-4. WordPressの複数テーマで壊れにくい実装にする
テーマ独自クラスに依存しすぎない
JavaScript前提にしない
HTML + CSSで成立する
カスタムHTMLブロックに貼っても崩れにくい
固定ページ本文に入れても扱いやすい
6-5. 見出しの中にリンクを入れる設計は避ける
テーマや目次生成機能、ブロック変換処理の影響で、見出し内リンクは削除・変換・装飾崩れを起こすことがあります。

そのため、リンク設計は以下のいずれかを優先してください。

カード全体リンク
見出しの下に専用リンクボタンを配置
説明文ごとリンク化
ボックス全体を a タグ化
7. 生成してほしいトップページ構成
7-1. H1
サイト全体の主テーマが一発で伝わる見出し。

例：
- 〇〇の選び方総合ガイド
- 〇〇おすすめ比較ガイド
- 〇〇を快適・便利にする総合情報サイト
7-2. 導入文
3段落構成で作成してください。

必ず含める要素：

このサイトが何を扱うサイトか
どんな悩みを持つ人に役立つか
初心者・買い替え・見直しにも役立つこと
用途別・カテゴリ別・テーマ別に探せること
7-3. 目的別で探す
ユーザーの悩み・目的ベースでカテゴリや特集へ導線を作ってください。

例：
- 快適にしたい
- 安全性を高めたい
- 音質を良くしたい
- 時短したい
- コスパ重視で選びたい
- 初心者向けから探したい
7-4. 人気カテゴリから探す
主要カテゴリをカード型またはボックス型で見せてください。リンクはカード全体に付ける形式を優先してください。
各カテゴリへの導線には、単なるカテゴリ名だけでなく「そのカテゴリにはどのような解決策や情報が含まれているか」の要約テキストを1〜2行必ず添えてください（トピッククラスターの親ハブとして機能させるため）。

7-5. テーマ別 / 用途別 / 車種別 / 悩み別で探す
ジャンルに応じて最適な切り口を選んでください。

例：
- 車系サイト → 車種別
- 美容系サイト → 悩み別・部位別
- PC系サイト → 用途別・パーツ別
- DIY系サイト → 作業目的別
- キッチン系サイト → 調理目的別
- ペット系サイト → 犬猫別・悩み別
7-6. 比較・選び方の基準を説明するブロック
E-E-A-Tの補強として、「このサイトでは何を基準に比較・評価しているか」を明確に記載してください。

7-7. 必要に応じておすすめ記事または注目記事
新着記事ではなく、導線として意味のある厳選記事を配置してください。ただし、トップページの主役にならないようにしてください。

7-8. サイト内検索ボックスの設置
ユーザーが目的の情報にすぐ到達できるよう、見やすい位置にサイト内検索フォームを配置する構造にしてください。

7-9. よくある質問（FAQ）
カテゴリ横断的なユーザーの疑問に対して、トップページ上で回答するFAQセクションを設けてください。ロングテールキーワードの獲得に寄与し、SEO効果を高めます。

8. HTML/CSS設計ルール
8-1. HTML設計ルール
セマンティックで読みやすい構造にする
section, div, p, h1, h2, h3, a, span を中心に構成
テーマ独自クラス名には依存しない
見出し内リンクは原則使わない
カード全体リンクを優先する
画像のalt属性やリンクのアンカーテキストには、リンク先のSEOターゲットキーワードを自然に含めること
ファーストビューの画像には loading="lazy" を使わず、画像の width/height を明記するなど、Core Web Vitals（LCP・CLS）の悪化を防ぐコーディングを行うこと
不要な script は使わない
不要な inline style は極力避ける
ただし、テーマ競合が強い場合は最小限の inline style は許容
カスタムHTMLブロックへ貼っても壊れにくい構造にする
8-2. CSS設計ルール
汎用クラス名を使用する
テーマ依存セレクタに頼りすぎない
文字色・背景色・リンク色を明示し、テーマ上書きに負けにくくする
モバイル表示を考慮する
ボックス、カード、タグリンク、導線ボタンの見た目を整える
白文字・背景同化事故を防ぐ
!important は必要最小限で使う
WordPressテーマごとの基本装飾に潰されにくい設計にする

8-3. 構造化データ（JSON-LD）出力エラー防止ルール
Google Search Consoleのリッチリザルトテストでエラーが起きないよう、以下の仕様を厳守させてJSON-LDを出力すること。
JSON構文エラーの完全排除：末尾の余分なカンマ、カンマの抜け、ダブルクォーテーションのエスケープ漏れ（特にテキスト内に " を含む場合）を絶対に起こさないこと。
FAQPage仕様の準拠：FAQPageスキームの出力時は、必ず「mainEntity」の配列内に「Question」と「Answer」のペアを正しくネストすること。また、Answerのtext要素は、画面に表示されるFAQの回答と一言一句一致させること（HTMLタグが含まれる場合は適切にエスケープするかプレーンテキストにする）。
必須プロパティ網羅：WebSiteでは url, name、サイト内検索がある場合は potentialAction (SearchAction) を含める。Organizationでは url, name, logo などの必須プロパティを最低限含めること。
独自プロパティの排除：Schema.orgで存在しない非公式なプロパティを勝手に捏造しないこと。
9. デザイン方針
派手すぎない
余白があり読みやすい
情報整理が優先
スマホでも崩れにくい
ボタンやカードが押しやすい
絵文字は補助的に使用してよいが最小限
意味が分かるラベルを使う
装飾より導線の分かりやすさを優先する
10. 並び順の決め方
導線の順番は、必ず理由をつけて決めてください。以下を基準に並べてください。

需要の広さ
初心者の入りやすさ
悩みの顕在化のしやすさ
売れ筋または重点カテゴリ
回遊率の上がりやすさ
並び順の理由も説明してください。

11. 実装形式についての出力条件
A. 汎用版
WordPress固定ページ本文に貼りやすい
テーマを選ばず使いやすい
カスタムHTMLブロック推奨
B. テーマ競合対策版
文字色やリンク色がテーマに上書きされにくい
h2/h3が白飛びしにくい
リンク色が消えにくい
必要なら追加CSSで補正しやすい
C. 保守重視版
管理者が後から文言だけ変えやすい
セクション単位で差し替えしやすい
コード量を抑える
12. 出力してほしい内容
改善方針まとめ
セクション構成案
完成HTML全文
追加CSS全文
SEOタイトル案（3案）
メタディスクリプション案（100〜140文字で2案）
構造化データ（JSON-LD）案（WebSite, Organization, FAQPageなどサイトのハブ化に有効なもの）
並び順の理由
実装時の注意点
公開後に見るべき指標
13. 禁止事項
新着記事をトップの主役にすること
見出しの中にリンクを入れることを前提にすること
JavaScript前提の複雑なUI
テーマ独自ショートコード前提の設計
Cocoon専用、SWELL専用などテーマ限定の実装しか出さないこと
「詳しくはこちら」など意味の薄い導線の多用
カテゴリ一覧をただ並べるだけ
デザイン優先で導線が弱くなること
JSON-LDの構文エラー（カンマの異常・エスケープ漏れなど）を起こすこと
14. 参考思想
今回の改修で有効だった思想は以下です。これを他サイトにも応用してください。

H1でサイトの役割を明示
導入文を3段落にして検索意図を広く受ける
目的別導線を先頭寄りに置く
人気カテゴリはカード全体リンク化する
テーマ別 / 用途別 / 車種別導線を用意する
比較基準を説明してE-E-A-Tを補強する
トップページを「案内所」として仕上げる