カテゴリーページSEO化プロンプト ver.20260326
カテゴリーページ上部に子カテゴリーや関連記事や関連カテゴリへのリンクを設置してカテゴリーページのSEO化を図る為のプロンプト
基本は②を使用する
① カテゴリ説明欄向けの崩れにくい安全版プロンプト
これは WordPressのカテゴリ説明欄 / テーマによってHTMLが削られやすい環境 / クラシック寄り運用 を想定した版です。
特徴は、壊れにくさ最優先、プレーンテキスト中心、HTMLは最小限 です。
あなたはプロのSEOコンサルタント兼セールスライター兼Webディレクター兼WordPress実装設計者です。
以下の【対象カテゴリーページURL】にアクセスし、ページ内に掲載されている記事一覧・商品一覧・子カテゴリ・関連導線を読み込んで分析した上で、SEO・CTR・回遊率に最適化された「カテゴリーページ改善案」を生成してください。
【対象カテゴリーページURL】
（ここにURLを入れる）
【目的】
このカテゴリーページを、単なる記事一覧ページではなく、
「検索ユーザーの悩みに答えながら、下位記事・子カテゴリ・関連カテゴリへ自然に送客できる比較ハブページ」
として強化したいです。
この施策では、既存のカテゴリページを改善するだけでなく、
当該カテゴリ内の記事一覧・商品一覧・関連導線・扱われているテーマを実際に確認したうえで、
SEO上、当該カテゴリで勝ちやすくするために不足している「新規子カテゴリ候補」が存在しないかもあわせて分析してください。
もし新規子カテゴリを追加した方がよいと判断できる場合は、
その理由・狙う検索意図・既存記事との接続性・想定される役割まで含めて提案してください。
なお、この段階では勝手に最終構成を固定せず、
まずは「新規子カテゴリ追加候補の提案」までを行い、
ユーザーが実際に新規子カテゴリ追加の有無・結果を報告した後に、
その最新のカテゴリ構造を前提として、カテゴリページ全体の導線設計・説明文・内部リンク方針・HTML/CSS案を再構築してください。
【このプロンプトの前提】
WordPressサイト向け
カテゴリ説明欄で使うことを想定
HTMLタグが保存時に削除・変換される可能性がある
そのため、プレーンテキスト中心で運用しやすい出力を優先する
使用するHTMLは最小限にし、崩れにくさを最優先する
JavaScript前提のUIは使わない
見出し内リンクは使わない
テキストリンクにも意味づけと視認性を持たせる
絵文字は過剰にならない範囲で使ってよい
単なるリンク羅列ではなく、クリックしたくなる自然な導線文にする
スマホ閲覧時の読みやすさを重視する
カード風UIや複雑なグリッドは原則使わない
比較表もテーブルではなく、プレーンテキストで崩れにくく出力する
HTMLが不安定になりやすい環境を前提に、まずはプレーンテキストで成立する導線案を優先する
【実行ステップ】
ステップ1：内部分析（出力不要）
以下を内部で分析してください。
・このカテゴリーページのメインテーマ
・関連キーワード（LSI・共起語）
・検索ユーザーの主な悩み
・比較検討時に迷いやすいポイント
・子カテゴリや下位ジャンルの役割
・初心者向け導線として必要な切り口
・関連記事・関連カテゴリとの自然な内部リンク方針
・どの導線が通常リンクだけでは弱いか
・テキストベースでもCTRを上げやすい導線文の形
・カテゴリ説明欄で崩れやすい要素と、安全に置ける要素
【追加実行ステップ】
ステップ1.5：新規子カテゴリ必要性の分析（出力あり）
当該カテゴリ内で実際に扱われている記事タイトル、商品ジャンル、比較軸、悩み軸、利用シーンを確認したうえで、
以下を分析してください。
・既存の子カテゴリだけで検索意図を十分に取り切れているか
・記事内で繰り返し扱われているのに、カテゴリとして独立していないテーマがないか
・検索需要が見込めるのに、カテゴリ構造上受け皿が不足しているテーマがないか
・比較記事や選び方記事から送客しやすいのに、遷移先カテゴリが存在しないテーマがないか
・ユーザーの悩み軸・用途軸・価格軸・スペック軸・対象者軸で切ったときに、分離した方がSEO上強くなるテーマがないか
・既存カテゴリと競合・重複しすぎず、独立カテゴリとして成立するか
・カテゴリ追加後に内部リンク導線・パンくず・関連記事導線・比較ハブ導線が強くなるか
ステップ1.6：新規子カテゴリ候補の選別（出力あり）
新規子カテゴリ候補がある場合は、
「実際にカテゴリ内で扱われている内容との接続性」が高いものだけを提案してください。
思いつきや一般論ではなく、
当該カテゴリ内の記事群・商品群を確認した結果として妥当なものだけを出してください。
ステップ2：初回出力
まずは以下を出力してください。
・現状分析
・既存カテゴリ改善案
・新規子カテゴリ候補の有無
・追加すべき新規子カテゴリ案
・追加優先度
・追加判断の根拠
・新規子カテゴリ追加後に再設計すべきポイント
ステップ3：追加後の再設計前提
ユーザーが新規子カテゴリ追加結果を報告した後は、
その最新構造を前提に、
カテゴリ説明文、導線設計、初心者導線、子カテゴリ導線、関連カテゴリ導線、FAQ、HTML案、CSS案を再構築すること。
この再設計時は、追加前の仮説ではなく、追加後の実在カテゴリ構造を優先すること。
ステップ2：出力
以下のフォーマットで、プレーンテキスト中心で出力してください。
HTMLが必要な箇所も、最小限のタグだけを使った簡易版として出力してください。
【出力フォーマット】
① 改善方針まとめ
・このカテゴリページの現状の弱点
・SEO上の改善ポイント
・回遊率改善ポイント
・CTR改善ポイント
・強化すべき検索意図
・カテゴリ説明欄で特に優先すべき導線改善ポイント
② SEOタイトル案
・30-36文字前後
・2案
・キーワードを自然に含める
・ベネフィットや比較意図が伝わる形にする
③ メタディスクリプション案
・100-140文字程度
・2案
・検索意図への答えを含める
・ページ内に実際に存在する具体的な商品ジャンルや特徴を自然に入れる
・クリックしたくなる文にする
④ カテゴリページ上部の説明文
・300-500文字程度
・HTMLタグなし
・ユーザーの悩みに共感する
・このカテゴリの商品・記事がどんな人に役立つかを説明する
・初心者・買い替え・見直し需要にも触れる
・E-E-A-Tを感じる文にする
・一般論ではなく、このカテゴリならではの比較ポイントを入れる
⑤ 比較ポイント早見表の設計案
・テーブル形式ではなく、崩れにくいプレーンテキスト形式で出力する
・各項目を以下の形で整理する
目的：
向いている人：
チェックポイント：
・3-6項目程度
・実際のカテゴリ内容に即したものにする
⑥ 初心者向け導線ブロック案
・「初心者はここから」「はじめての方はこちら」などの見出し案を出す
・その下に置くべき導線を3-6個提案する
・それぞれ
リンク文言
どんな人向けか
をセットで出力する
・リンク文言は、プレーンテキストでも目立つように絵文字や短い誘導語を適度に使う
・単なるカテゴリ名ではなく、悩みベースで押したくなる文にする
⑦ FAQ案
・このカテゴリページに追加すべきFAQを3-6個
・実際の検索ユーザーが悩みそうな内容にする
・回答は簡潔でよいが、比較検討の助けになる内容にする
⑧ 子カテゴリ・下位ジャンル導線案
・子カテゴリがある場合は、それぞれの役割を簡潔に整理
・ただカテゴリ名を並べるだけでなく
「どんな人向けか」
「どういう悩みで選ぶか」
まで書く
・HTMLリンク一覧案も必要なら出すが、最優先はプレーンテキストリンク版とする
・リンク文言は、カテゴリ名だけで終わらせず、クリックしたくなる自然な文にする
・絵文字は必要に応じて付ける
⑨ カテゴリページ用簡易HTML案
・崩れにくさを優先した最小限のHTMLで出力する
・使用タグは以下を中心にする
p, br, ul, li, a, strong
・div, section, table は使わないか、使っても最小限にする
・見出し内リンクは使わない
・子カテゴリ導線や初心者導線は、箇条書きベースで壊れにくく出力する
・ボタン風UIやカード風UIは使わず、テキストリンクとして成立する形を優先する
・ただし、リンク文言自体に意味づけ・補足・絵文字を入れてCTRを高める
⑩ CSS案
・原則としてCSSなしでも成立する構成を優先する
・どうしても必要な場合のみ、最小限のCSSを補助として出力する
・テーマに上書きされても致命的に崩れにくい内容にする
・色指定に依存しすぎない
・余白・行間・リンク視認性の補助程度にとどめる
・h2/h3/h4 を使う場合は、背景ベタ塗り型ではなく、背景なし・文字色固定・左ボーダー型を優先する
⑪ テキストリンク版
・HTMLタグが消えても使える形で、初心者導線・子カテゴリ導線・関連記事導線をプレーンテキストでまとめて出力する
・ただのURLやカテゴリ名の羅列にしない
・絵文字・短い補足・悩みベースの誘導文を使う
・コピペしやすい完成形で出力する
⑫ 実装時の注意点
・カテゴリ説明欄で削除されやすいタグ
・自動整形で改行が変わる場合の注意点
・HTMLが崩れた場合にテキストリンク版へ切り替える判断基準
・絵文字を使いすぎて可読性を落とさないための注意点
・安全に運用するための最小構成
・カテゴリ説明欄では、複数列レイアウトやカードUIを無理に使わないこと
⑬ 新規子カテゴリ追加の要否判定
・このカテゴリ内で、SEO上新たに増やすべき子カテゴリがあるかを判定する
・「必要あり / 必要なし」を最初に明記する
・必要なしの場合も、その理由を簡潔に書く
・必要ありの場合は、なぜ既存構造では不足しているのかを説明する
・必ず、当該カテゴリ内の記事・商品・比較軸・検索意図との関係を踏まえて判断する
・一般論だけで子カテゴリを増やさないこと
・既存カテゴリとの重複・カニバリ懸念も書くこと
⑭ 新規子カテゴリ候補案
・追加候補がある場合のみ出力する
・3-10案程度まで
・各候補について以下をセットで出力する
- 子カテゴリ名案
- 想定検索意図
- どういう悩みを持つ人向けか
- 既存記事・既存商品との接続性
- 既存カテゴリとの違い
- この子カテゴリを作るSEO上のメリット
- 優先度（高 / 中 / 低）
- カニバリ注意点
- この子カテゴリ配下で今後増やすべき記事例
・名称は、ユーザーが実際にカテゴリとして採用しやすい自然な名前にする
・抽象的すぎるカテゴリ名、広すぎるカテゴリ名は避ける
・既存構造に無理なく接続できるものを優先する
⑮ 新規子カテゴリ追加後に再構築すべきポイント
・新規子カテゴリを追加した場合、カテゴリページ内でどこを再設計すべきかを整理する
・以下の観点で出力する
- 上部説明文の修正ポイント
- 初心者向け導線の修正ポイント
- 子カテゴリ導線ブロックの再編ポイント
- 関連カテゴリ導線の見直しポイント
- FAQで追加すべき質問
- 内部リンクの張り先変更ポイント
- 比較ハブ記事からの送客先変更ポイント
- HTMLブロックの再配置ポイント
- CSSを維持したまま差し替え可能な箇所
- 追加後に再度確認すべきSEO上の弱点
・「子カテゴリ追加後にこのプロンプトを再実行した場合、どこが変わるか」が分かる形で出力すること
⑯ ユーザー報告後の再実行用引き継ぎ文
・新規子カテゴリ追加後に、ユーザーが次回そのまま貼って使えるように
「追加した子カテゴリ一覧」と「再設計を依頼するための短い引き継ぎ文」を作成する
・コピペしやすいプレーンテキストで出力する
【重要ルール】
・カテゴリーページは「一覧ページ」ではなく「比較ハブ」として設計すること
・SEOだけでなくCTRと回遊率改善も意識すること
・見出しの中にリンクは入れないこと
・子カテゴリリンクは意味のある導線にすること
・ただの一般論ではなく、そのカテゴリに特化した比較ポイントを出すこと
・プレーンテキストでも成立する実装案を重視すること
・HTMLは最小限・壊れにくさ重視にすること
・JavaScript前提にしないこと
・コピペ運用しやすい形で出力すること
・テキストリンクにも意味づけ・誘導性・視認性を持たせること
・リンク先URLは、対象ページ内に実在が確認できたカテゴリ・子カテゴリ・記事URLのみを使用すること
・仮のアンカーリンク（#example など）や未確認のダミーURLは使わないこと
・適切な個別URLが確認できない場合は、親カテゴリURLへ戻す案を優先すること
・新規子カテゴリの提案は、必ず当該カテゴリ内で実際に扱われている記事内容・商品ジャンル・比較軸を確認したうえで行うこと
・単なる一般論やSEOテンプレ的な発想だけで子カテゴリを増やさないこと
・既存カテゴリとの重複、カニバリ、分類の曖昧さが強い案は除外すること
・新規子カテゴリは「作れそう」ではなく「作ることで送客導線・検索意図充足・内部リンク評価が明確に強くなるもの」のみ提案すること
・ユーザーが新規子カテゴリ追加結果を報告した後は、追加後の実在カテゴリ構造を優先してページ構成を再設計すること
・再設計時は、追加前に出した仮説構成をそのまま流用せず、最新構造に合わせて導線を再最適化すること
【追加の実装安定化ルール】
・WordPressテーマ側のh2/h3/h4装飾が強く残る場合があるため、見出しは背景ベタ塗り型にせず、左ボーダー型・背景なし・文字色固定を基本にしてください。
・h2/h3/h4 は、背景色や帯装飾がテーマ側で上書きされても文字が読めなくならないよう、background: transparent、color固定、border-left型の設計を優先してください。
・ボタン風リンクやカード風リンクは、テキスト量の違いで横並びが崩れやすいため、カテゴリ説明欄では原則使用しないでください。
・初心者向け導線や説明文付き導線は、縦積み1列を基本にしてください。
・HTML/CSSは、見た目の派手さよりも「テーマ干渉に強いこと」「崩れにくいこと」を優先してください。
・HTMLが不安定になりやすい環境を前提に、まずはプレーンテキストで成立する導線案を優先してください。
② HTML/CSSをしっかり使う拡張版プロンプト
こちらは カテゴリ説明欄以外でも使える / カスタムHTMLブロックやテーマ側でHTML/CSSを入れられる / デザイン導線を強めたい とき向けです。
特徴は、ボタン風・タグ風・カード風の導線をしっかり出させる ことです。
あなたはプロのSEOコンサルタント兼セールスライター兼Webディレクター兼WordPress実装設計者です。
以下の【対象カテゴリーページURL】にアクセスし、ページ内に掲載されている記事一覧・商品一覧・子カテゴリ・関連導線を読み込んで分析した上で、SEO・CTR・回遊率に最適化された「カテゴリーページ改善案」を生成してください。
【対象カテゴリーページURL】
（ここにURLを入れる）
【目的】
このカテゴリーページを、単なる記事一覧ページではなく、
「検索ユーザーの悩みに答えながら、下位記事・子カテゴリ・関連カテゴリへ自然に送客できる比較ハブページ」
として強化したいです。
この施策では、既存のカテゴリページを改善するだけでなく、
当該カテゴリ内の記事一覧・商品一覧・関連導線・扱われているテーマを実際に確認したうえで、
SEO上、当該カテゴリで勝ちやすくするために不足している「新規子カテゴリ候補」が存在しないかもあわせて分析してください。
もし新規子カテゴリを追加した方がよいと判断できる場合は、
その理由・狙う検索意図・既存記事との接続性・想定される役割まで含めて提案してください。
なお、この段階では勝手に最終構成を固定せず、
まずは「新規子カテゴリ追加候補の提案」までを行い、
ユーザーが実際に新規子カテゴリ追加の有無・結果を報告した後に、
その最新のカテゴリ構造を前提として、カテゴリページ全体の導線設計・説明文・内部リンク方針・HTML/CSS案を再構築してください。
【このプロンプトの前提】
WordPressサイト向け
HTML + CSSを使った導線改善を前提とする
カスタムHTMLブロック、ウィジェット、カテゴリ説明欄、テンプレート差し込みなどで使える汎用案にする
JavaScript前提のUIは使わない
見出し内リンクは使わない
HTMLはテーマ依存を避け、なるべく汎用的なタグとクラス構成で出力する
子カテゴリリンク、関連記事リンク、初心者向けリンクは、単なる青文字リンクではなく、視認性の高い導線パーツとして設計する
必要に応じて、絵文字付きリンク・ボタン風リンク・タグ風リンク・カード風リンク・補足文つきリンクを取り入れる
SEOと可読性を損なわない範囲でデザイン性を持たせる
スマホでも押しやすく、回遊率を高めやすい構造にする
テーマに色を上書きされても読みにくくなりにくいCSSにする
HTML/CSSは、見た目の派手さよりも「テーマ干渉に強いこと」「崩れにくいこと」を優先する
【実行ステップ】
ステップ1：内部分析（出力不要）
以下を内部で分析してください。
・このカテゴリーページのメインテーマ
・関連キーワード（LSI・共起語）
・検索ユーザーの主な悩み
・比較検討時に迷いやすいポイント
・子カテゴリや下位ジャンルの役割
・初心者向け導線として必要な切り口
・関連記事・関連カテゴリとの自然な内部リンク方針
・どの導線を強いデザイン導線にすべきか
・どのリンクをボタン風、タグ風、カード風に分けると最も回遊率改善に効くか
・どのリンクに絵文字や補足ラベルを付けるとCTR改善に効くか
・どのレイアウトがテーマ干渉やWordPress自動整形で崩れやすいか
・カード群と補足リンク群をどう分離すると安定するか
【追加実行ステップ】
ステップ1.5：新規子カテゴリ必要性の分析（出力あり）
当該カテゴリ内で実際に扱われている記事タイトル、商品ジャンル、比較軸、悩み軸、利用シーンを確認したうえで、
以下を分析してください。
・既存の子カテゴリだけで検索意図を十分に取り切れているか
・記事内で繰り返し扱われているのに、カテゴリとして独立していないテーマがないか
・検索需要が見込めるのに、カテゴリ構造上受け皿が不足しているテーマがないか
・比較記事や選び方記事から送客しやすいのに、遷移先カテゴリが存在しないテーマがないか
・ユーザーの悩み軸・用途軸・価格軸・スペック軸・対象者軸で切ったときに、分離した方がSEO上強くなるテーマがないか
・既存カテゴリと競合・重複しすぎず、独立カテゴリとして成立するか
・カテゴリ追加後に内部リンク導線・パンくず・関連記事導線・比較ハブ導線が強くなるか
ステップ1.6：新規子カテゴリ候補の選別（出力あり）
新規子カテゴリ候補がある場合は、
「実際にカテゴリ内で扱われている内容との接続性」が高いものだけを提案してください。
思いつきや一般論ではなく、
当該カテゴリ内の記事群・商品群を確認した結果として妥当なものだけを出してください。
ステップ2：初回出力
まずは以下を出力してください。
・現状分析
・既存カテゴリ改善案
・新規子カテゴリ候補の有無
・追加すべき新規子カテゴリ案
・追加優先度
・追加判断の根拠
・新規子カテゴリ追加後に再設計すべきポイント
ステップ3：追加後の再設計前提
ユーザーが新規子カテゴリ追加結果を報告した後は、
その最新構造を前提に、
カテゴリ説明文、導線設計、初心者導線、子カテゴリ導線、関連カテゴリ導線、FAQ、HTML案、CSS案を再構築すること。
この再設計時は、追加前の仮説ではなく、追加後の実在カテゴリ構造を優先すること。
ステップ2：出力
以下のフォーマットで、プレーンテキスト説明とHTML/CSSコードをセットで出力してください。
【出力フォーマット】
① 改善方針まとめ
・このカテゴリページの現状の弱点
・SEO上の改善ポイント
・回遊率改善ポイント
・CTR改善ポイント
・強化すべき検索意図
・通常リンクのままだと弱い箇所
・ボタン風・タグ風・カード風などを使うべき箇所
・崩れやすい導線と、崩れにくい代替導線の使い分け方
② SEOタイトル案
・30-36文字前後
・2案
・キーワードを自然に含める
・ベネフィットや比較意図が伝わる形にする
③ メタディスクリプション案
・100-140文字程度
・2案
・検索意図への答えを含める
・ページ内に実際に存在する具体的な商品ジャンルや特徴を自然に入れる
・クリックしたくなる文にする
④ カテゴリページ上部の説明文
・300-500文字程度
・HTMLタグなし
・ユーザーの悩みに共感する
・このカテゴリの商品・記事がどんな人に役立つかを説明する
・初心者・買い替え・見直し需要にも触れる
・E-E-A-Tを感じる文にする
・一般論ではなく、このカテゴリならではの比較ポイントを入れる
⑤ 比較ポイント早見表の設計案
・このカテゴリに適した比較軸を表形式で提案
・列例：
目的
向いているタイプ
チェックポイント
・3-6行程度
・実際のカテゴリ内容に即した比較表にする
⑥ 初心者向け導線ブロック案
・見出し案を出す
・その下に置くべき導線を3-6個提案する
・それぞれ
リンクタイトル
どんな人向けか
推奨UI（ボタン風 / カード風 / 補足文つきリンク など）
をセットで出力する
・初心者向けカード導線を出す場合は、原則4件以内・2×2までとする
・5件目以降はカードに入れず、補足文つきリンクまたはボタン風リンクへ分離する
・カード説明文は長さをそろえ、1-2文・全角35-55字程度を目安にする
⑦ 子カテゴリ・下位ジャンル導線案
・子カテゴリがある場合は、それぞれの役割を簡潔に整理
・ただカテゴリ名を並べるだけでなく
「どんな人向けか」
「どういう悩みで選ぶか」
まで書く
・可能ならHTMLリンク一覧案も出力する
・単なるリンク羅列ではなく、絵文字付き・ボタン風・タグ風・カード風など視認性の高い導線案として提案する
・各リンク文言は、クリック意欲を高める自然な短文にする
・リンク数が多い場合はカード風ではなくボタン風リンク群を優先すること
⑧ 関連カテゴリ導線案
・親カテゴリ・関連カテゴリ・悩み違いのカテゴリへの導線を提案する
・関連カテゴリ導線は、カード風よりもボタン風リンク群を優先する
・クリック理由が伝わる短い補足文を付けてもよい
⑨ FAQ案
・このカテゴリページに追加すべきFAQを3-6個
・実際の検索ユーザーが悩みそうな内容にする
・回答は簡潔でよいが、比較検討の助けになる内容にする
⑩ カテゴリページ用HTML案
・テーマ依存をできるだけ避けたHTMLで出力する
・以下の構成を含める
導入説明ブロック
比較ポイント早見表
初心者向け導線
下位ジャンル導線
関連カテゴリ導線
FAQ
・見出し内リンクは使わない
・div, section, h2, h3, h4, p, ul, li, a, table, tr, td, th, span を中心に構成する
・子カテゴリリンクや関連記事リンクは、必要に応じて以下のいずれかのUIで出力すること
ボタン風リンク
タグ風リンク
カード風リンク
補足文つきリンク
・単純な青文字リンクの羅列は避ける
・絵文字は過剰にならない範囲で使ってよい
・スマホでも押しやすい余白・行間・ボタンサイズを意識する
・クラス名は汎用的で分かりやすい命名にする
・カテゴリ説明欄でも比較的使いやすいよう、過度に複雑なネストは避ける
・リンク先URLは、対象ページ内に実在が確認できたカテゴリ・子カテゴリ・記事URLのみを使用する
・仮のアンカーリンク（#example など）や未確認のダミーURLは使わない
・適切な個別URLが確認できない場合は、親カテゴリURLへ戻す案を優先する
・初心者向けカード導線を使う場合は、カード群専用の親要素を1つ作り、その直下にカードリンクのみを配置すること
・補足リンクや関連記事リンクをカードグリッドの中に混在させないこと
・カードの親要素の中に、カード以外の要素を混ぜないこと
・WordPress自動整形の影響を受けやすいため、カードの中に不要な改行や空行を入れすぎないこと
・カード群と補足リンク群は別ブロックとして出力すること
⑪ CSS案
・上記HTMLに対応するCSSを全文出力する
・テーマに文字色や背景色を上書きされても読みにくくなりにくいようにする
・スマホで崩れにくいようにする
・白文字化・背景同化事故を防ぐ
・必要なら !important は最小限で使ってよい
・特に以下を意識する
ボタン風リンクの視認性
カード風リンクの余白と可読性
タグ風リンクの並びやすさ
ホバー時やタップ時の分かりやすさ
スマホで押しやすいサイズ
リンク同士が詰まりすぎないこと
表やFAQが狭い画面でも読みにくくなりにくいこと
・2列カードを使う場合は以下を必須とする
display:grid
grid-template-columns: repeat(2, minmax(0, 1fr))
align-items: stretch
カード側の width:100%、min-width:0、height:100% を考慮する
スマホでは1列に切り替える
・WordPressの自動挿入pタグの影響を受ける可能性があるため、
.カード親要素 > p { display: contents; } のような崩れ対策補助CSSも必要に応じて提案する
・brタグ混入によるレイアウト崩れを防ぐ補助CSSも必要に応じて提案する
・.hub-card-grid と .hub-card-grid-2x2 など、クラス違いが起きても吸収しやすい設計を優先する
・見出しは背景ベタ塗り型にせず、背景なし・左ボーダー・文字色固定を基本にする
⑫ テキストリンク版も出力
・HTMLタグが保存時に消されるテーマ向けに、初心者導線・子カテゴリ導線・関連導線をプレーンテキストでも出力する
・この際も、ただURLやカテゴリ名を並べるのではなく、
絵文字・補足文・導線ラベルを使って視認性を高める
・コピペしやすい完成形で出力する
⑬ 実装時の注意点
・カテゴリ説明欄で削除されやすいタグ
・テーマによって崩れやすいポイント
・CSSが反映されにくい場合の対策
・テキストリンク版に切り替えるべきケース
・キャッシュや自動整形による崩れ対策
・ボタン風リンクやカード風リンクが使えない環境での代替案
・絵文字を使いすぎて可読性を落とさないための注意点
・2列カードが崩れた場合の確認ポイント
HTML側でカード以外の要素が同じ親に混ざっていないか
自動でpタグやbrタグが挿入されていないか
CSSが複数回定義され競合していないか
テーマ側で display:flex や width 指定が上書きされていないか
・崩れた場合は、見栄えよりも1列化・縦積みを優先すること
⑭ 新規子カテゴリ追加の要否判定
・このカテゴリ内で、SEO上新たに増やすべき子カテゴリがあるかを判定する
・「必要あり / 必要なし」を最初に明記する
・必要なしの場合も、その理由を簡潔に書く
・必要ありの場合は、なぜ既存構造では不足しているのかを説明する
・必ず、当該カテゴリ内の記事・商品・比較軸・検索意図との関係を踏まえて判断する
・一般論だけで子カテゴリを増やさないこと
・既存カテゴリとの重複・カニバリ懸念も書くこと
⑮ 新規子カテゴリ候補案
・追加候補がある場合のみ出力する
・3-10案程度まで
・各候補について以下をセットで出力する
- 子カテゴリ名案
- 想定検索意図
- どういう悩みを持つ人向けか
- 既存記事・既存商品との接続性
- 既存カテゴリとの違い
- この子カテゴリを作るSEO上のメリット
- 優先度（高 / 中 / 低）
- カニバリ注意点
- この子カテゴリ配下で今後増やすべき記事例
・名称は、ユーザーが実際にカテゴリとして採用しやすい自然な名前にする
・抽象的すぎるカテゴリ名、広すぎるカテゴリ名は避ける
・既存構造に無理なく接続できるものを優先する
⑯ 新規子カテゴリ追加後に再構築すべきポイント
・新規子カテゴリを追加した場合、カテゴリページ内でどこを再設計すべきかを整理する
・以下の観点で出力する
- 上部説明文の修正ポイント
- 初心者向け導線の修正ポイント
- 子カテゴリ導線ブロックの再編ポイント
- 関連カテゴリ導線の見直しポイント
- FAQで追加すべき質問
- 内部リンクの張り先変更ポイント
- 比較ハブ記事からの送客先変更ポイント
- HTMLブロックの再配置ポイント
- CSSを維持したまま差し替え可能な箇所
- 追加後に再度確認すべきSEO上の弱点
・「子カテゴリ追加後にこのプロンプトを再実行した場合、どこが変わるか」が分かる形で出力すること
⑰ ユーザー報告後の再実行用引き継ぎ文
・新規子カテゴリ追加後に、ユーザーが次回そのまま貼って使えるように
「追加した子カテゴリ一覧」と「再設計を依頼するための短い引き継ぎ文」を作成する
・コピペしやすいプレーンテキストで出力する
【重要ルール】
・カテゴリーページは「一覧ページ」ではなく「比較ハブ」として設計すること
・SEOだけでなくCTRと回遊率改善も意識すること
・見出しの中にリンクは入れないこと
・子カテゴリリンクは意味のある導線にすること
・ただの一般論ではなく、そのカテゴリに特化した比較ポイントを出すこと
・HTMLはテーマ依存を避け、汎用性を重視すること
・JavaScript前提にしないこと
・コピペ運用しやすい形で出力すること
・テキストリンクや内部リンクにもデザイン性・意味づけ・クリック誘導を持たせること
・単なるリンク一覧ではなく、「押したくなる導線」として設計すること
・aタグは可能な限り視認性の高い導線パーツとして設計すること
・子カテゴリ導線は、可能な限り「ジャンルから探す」ナビとして、視認性の高いボタン群またはカード群で提案すること
・新規子カテゴリの提案は、必ず当該カテゴリ内で実際に扱われている記事内容・商品ジャンル・比較軸を確認したうえで行うこと
・単なる一般論やSEOテンプレ的な発想だけで子カテゴリを増やさないこと
・既存カテゴリとの重複、カニバリ、分類の曖昧さが強い案は除外すること
・新規子カテゴリは「作れそう」ではなく「作ることで送客導線・検索意図充足・内部リンク評価が明確に強くなるもの」のみ提案すること
・ユーザーが新規子カテゴリ追加結果を報告した後は、追加後の実在カテゴリ構造を優先してページ構成を再設計すること
・再設計時は、追加前に出した仮説構成をそのまま流用せず、最新構造に合わせて導線を再最適化すること
【追加の実装安定化ルール】
・WordPressテーマ側のh2/h3/h4装飾が強く残る場合があるため、見出しは背景ベタ塗り型にせず、左ボーダー型・背景なし・文字色固定を基本にしてください。
・h2/h3/h4 は、背景色や帯装飾がテーマ側で上書きされても文字が読めなくならないよう、background: transparent、background-color: transparent、color固定、border-left型の設計を優先してください。
・見出しデザインは、派手さよりも「テーマ干渉後でも読めること」を優先してください。
・ボタン風リンクやカード風リンクは、テキスト量の違いで横並びが崩れやすいため、PCでも無理な多列レイアウトを避け、必要なら1列または2列までに抑えてください。
・初心者向け導線や説明文付きカードは、見た目が崩れやすい場合は1列表示を優先してください。
・関連カテゴリ導線は、カード風よりもボタン風リンク群を優先してください。
・カード風は、初心者向け導線や主力カテゴリ導線など、数を絞った箇所に限定してください。
・2列カードを使う場合は、高さずれ対策として align-items: stretch、height: 100%、min-height の考慮を必須としてください。
・カード風リンクの説明文は、長さが極端にばらつかないようにしてください。
・1カードあたりの説明文は、原則1-2文・全角35-55字程度を目安にそろえてください。
・スマホでは、ボタンやカードは原則1列表示を優先し、押しやすさと崩れにくさを重視してください。
・HTML/CSSは、見た目の派手さよりも「テーマ干渉に強いこと」「崩れにくいこと」を優先してください。
・横並びが崩れそうな場合は、見栄えよりも1列化・縦積みを優先してください。
・リンク数が多い箇所はカードよりボタン風リンク群を優先してください。
・WordPressの自動整形で pタグ・brタグ が挿入される可能性を前提に、カードレイアウトは壊れにくい構造で提案してください。
・カードを2列表示する場合は、カード以外の要素を同じグリッド親要素内に混在させないでください。
・5件以上の導線をすべてカード化しないでください。4件を超える場合は、補足リンクやボタン群へ分離してください。
・HTMLが不安定になりやすい環境では、まずはテキストリンク版でも成立する設計を優先してください。
