トピック拡張

"AI で関連トピック案を生成し、手動または自動で記事に表示しながら、保存済みレコードと見た目を公開前に確認できます。"

概要

トピック拡張 は、現在のページに関連する追加トピックを生成し、読者が次に知りたい切り口へ進みやすくするモジュールです。

管理画面の場所: Airygen SEO -> AIアシスト -> トピック拡張

本文だけでは拾いきれない関連テーマを補いたいときや、記事末尾に次の読みどころを自然に追加したいときに役立ちます。

出力方法

トピック拡張 は、手動配置と自動挿入の両方に対応しています。

手動出力

手動出力を使うと、テーマ、本文、またはエディター内の任意の位置に トピック拡張 を配置できます。

  • テンプレート関数 は、テーマテンプレート内の決まった位置に表示したい場合に向いています。
  • ショートコード は、本文中やショートコード対応エリアに表示したい場合に向いています。
  • ブロック は、ブロックエディター内で視覚的に配置したい場合に向いています。

テンプレート関数 の例:

<?php if ( function_exists( 'airygen_the_topic_expansion' ) ) { airygen_the_topic_expansion(); } ?>

ショートコード の例:

[airygen_topic_expansion]

ブロック の例:

<!-- wp:airygen/topic-expansion /-->

自動挿入

自動挿入を使うと、対応する投稿本文へ トピック拡張 を自動で差し込めます。

  • 挿入位置 では、コンテンツの前 または コンテンツの後 を選べます。
  • 多くの投稿で同じ位置に表示したい場合は、自動挿入のほうが管理しやすくなります。
  • テーマや本文内の正確な位置に出したい場合は、手動出力のほうが向いています。

手動出力と自動挿入を併用する場合は、保存後に実際のページで重複表示されていないか確認してください。

設定

このページは 設定、レイアウト、プレビュー、レコード で構成されています。

設定 タブ

このタブでは、出力方法、AI 生成条件、SEO 向けの安全設定をまとめて調整します。

出力設定

  • 手動出力を有効にすると、テンプレート関数、ショートコード、ブロック を使って トピック拡張 を配置できます。
  • 自動挿入を有効にすると、トピック拡張 の出力を投稿コンテンツへ自動で差し込めます。
  • 挿入位置 では、自動挿入の位置を コンテンツの前 または コンテンツの後 から選べます。
  • セクションヘッダー では、一覧の上に見出しを表示するかどうかを切り替えられます。
  • テキスト では、見出しに表示する文言を設定できます。初期値は こちらも気になるかもしれません… です。
  • 見出しレベル では、見出し階層を H2、H3、H4 から選べます。初期値は H3 です。

AI 生成

  • 言語 では、関連トピックの出力言語を選びます。
  • トピックの長さ では、各候補の長さを 短い、中、長い から選べます。初期値は 中 です。
  • トピック数 では、1 回の生成で作る候補数を 1 から 5 の範囲で決められます。初期値は 3 です。
  • シナリオ では、生成の用途に近いテンプレートを選びます。
  • コンテンツタイプ では、内容の分野や切り口を選びます。
  • トーン では、文章の雰囲気をそろえます。
  • トピック数 や トピックの長さ を増やすほど、生成に使うクレジット量と待ち時間が増えやすくなります。

SEOの安全性

  • インデックス登録を無効化 を有効にすると、生成された仮想トピックページが検索エンジンにインデックスされにくくなります。
  • 仮想リンクにnofollowを追加 を有効にすると、生成されたトピックリンクに nofollow を付けてクロール消費を抑えやすくなります。
  • これらの設定は、量産された補助ページをそのまま検索対象にしたくない運用で特に役立ちます。

レイアウト タブ

このタブでは、一覧の見た目、見出し、リンク、余白を調整します。

テンプレート

  • プリセットテーマとして スノースレート、ハニーペーパー、スカイブリーズ、ミントカーム、ローズブラッシュ、ラベンダーミスト を選べます。
  • プリセットを選ぶと、ボーダー、背景色、リンク色、フォントサイズなどの初期スタイルをまとめて切り替えられます。

スタイル

  • セクションヘッダーコンテナ では、見出しエリアの 背景色、ボーダーの色、ボーダースタイル、角丸、パディング、マージン、枠線の幅 を調整できます。
  • セクションタイトル では、フォントスタイル、色、フォントサイズ を使って見出し文字の見た目を整えられます。
  • セクションボディコンテナ では、一覧全体のボーダー、余白、背景色、角丸を調整できます。
  • リンク では、各トピックリンクの フォントスタイル、色、フォントサイズ を変更できます。
  • リスト では、表示形式を プレーンテキスト、箇条書きリスト、番号付きリスト から選び、間隔 で各項目の縦方向スペースを調整できます。
  • ボーダースタイルは 実線、破線、点線 から選べます。

プレビュー タブ

  • プレビュー では、現在の設定を使った簡易サンプルを確認できます。
  • ラップトップ、タブレット、携帯電話 を切り替えて、デバイス幅ごとの見え方を確認できます。
  • 画面下では HTMLサンプル と 挿入されたCSS も確認できるため、テーマ側で追加調整するときの参考になります。
  • テーマスタイルが実際のページで適用されるため、管理画面のプレビューはライブサイトと異なる場合があります。

レコード タブ

  • 生成済みの関連トピック候補を一覧で確認できます。
  • 一覧では投稿ごとの候補、抜粋、表示状態、作成日時、アクションを確認できます。
  • 不要な候補は削除できますが、ここで直接編集はできません。
  • 候補が多い場合はページ送りで順番に確認できます。

エディターパネル

エディター内の トピック拡張 は、現在の投稿向けに関連トピック候補を作るときに使います。

  • 現在の投稿内容をもとに、新しい関連トピック候補を 生成 できます。
  • 生成した候補を見比べながら、その記事に本当に合うものだけを残せます。
  • このパネルはそのまま自動公開するためではなく、人が確認して取捨選択する運用に向いています。

使い方

  1. Airygen SEO -> AIアシスト -> トピック拡張 を開きます。
  2. 設定 タブで、主な出力方法として手動出力、自動挿入、または両方を使うか決めます。
  3. 手動配置を使う場合は、表示された テンプレート関数、ショートコード、ブロック の中から運用に合う方法を選びます。
  4. 自動表示を使う場合は自動挿入を有効にし、挿入位置 で コンテンツの前 または コンテンツの後 を選びます。
  5. 一覧見出しを表示したい場合は セクションヘッダー を有効にし、テキスト と 見出しレベル を設定します。
  6. 同じ 設定 タブで、言語、トピックの長さ、トピック数、シナリオ、コンテンツタイプ、トーン を決めて、生成の基準を整えます。
  7. 仮想トピックページを検索対象にしたくない場合は インデックス登録を無効化 を確認し、必要に応じて 仮想リンクにnofollowを追加 も切り替えます。
  8. レイアウト タブを開き、プリセットテーマを選んだうえで、見出し、コンテナ、リンク、リストの見た目を順番に調整します。
  9. プレビュー タブで ラップトップ、タブレット、携帯電話 を切り替えながら見え方を確認し、必要なら HTMLサンプル と 挿入されたCSS も確認します。
  10. 対象の投稿をエディターで開き、トピック拡張 パネルから候補を 生成 して、その記事の補足として自然なものだけを残します。
  11. レコード タブを開いて保存済み候補を見直し、不要なものを削除したうえで、実際の投稿ページを開いて最終表示を確認します。

保存後は次の点を確認してください。

  • 関連トピック一覧が意図した位置に表示されていること。
  • 候補として残したトピックが、その記事のテーマと読者意図に本当に合っていること。
  • インデックス登録を無効化 と 仮想リンクにnofollowを追加 の方針が、実際の運用方針と一致していること。
  • テーマや追加 CSS が読み込まれたあとでも、リンク色、余白、リスト形式が崩れていないこと。
  • 手動出力と自動挿入を併用した場合に、同じ一覧が重複表示されていないこと。

プレビューと実際の出力

プレビュー タブは、現在の設定でどのような一覧になるかを素早く確認するための簡易プレビューです。

  • ラップトップ、タブレット、携帯電話 の切り替えで、表示幅ごとの印象を比較できます。
  • HTMLサンプル は、テーマやカスタム CSS で見た目を整えたいときの参考になります。
  • 挿入されたCSS は、Airygen SEO が自動で加えるスタイルを確認したいときに役立ちます。

ただし、実際のフロントエンド出力はプレビューと完全には一致しません。

  • プレビューは簡易サンプルであり、実際の保存済みレコードをそのまま再現する画面ではありません。
  • 最終的な見た目は、使用中のテーマ、CSS、周囲のレイアウト、本文幅の影響を受けます。
  • 実際のページでは、投稿ごとに残した候補数やリンク文字数によって、一覧の高さや余白の印象が変わる場合があります。
  • 手動出力と自動挿入を併用している場合は、ショートコードやブロックがすでに本文に入っているかどうかで表示結果が変わります。

保存後は、必ず実際の投稿ページを開いて、配置位置、見た目、リンクの重複、検索向け設定の意図を確認してください。

SEO のメリット

関連トピックを整理して見せると、読者が同じ主題の中で次に読む内容を見つけやすくなり、ページのトピック深度を補いやすくなります。

また、本文だけでは拾いきれない周辺テーマを補足できるため、サイト内の回遊導線を作りながら、テーマ全体のまとまりを分かりやすく伝えやすくなります。

活用例

長文記事で周辺テーマへの導線を増やしたい場合

Before: メイン記事の情報量は十分でも、読者が次に知りたい関連テーマへ進む導線が弱く、記事を読み終えたあとに次の行動が分かりにくい状態でした。

After: トピック拡張 で関連トピック一覧を追加することで、読者が自然に次の切り口へ進みやすくなり、記事全体の理解も広げやすくなります。

編集チームで関連トピック案の初稿を早く作りたい場合

Before: 各記事の末尾に何を案内するかを毎回ゼロから考えていたため、担当者ごとに品質や切り口がばらついていました。

After: トピック拡張 で候補を先に生成し、人が レコード と実ページを確認しながら絞り込むことで、一定の品質で関連導線を作りやすくなります。

よくある質問

インデックス登録を無効化 と 仮想リンクにnofollowを追加 は何を制御しますか。

これらは、生成された仮想トピックページとリンクを検索エンジンにどう扱ってほしいかを決める設定です。量産ページを積極的にインデックスさせたくない場合や、生成リンクへのクロールを抑えたい場合に役立ちます。

手動出力と自動挿入は同時に使えますか。

はい、使えます。ただし、保存後は実際のページを確認してください。本文に トピック拡張 のショートコードやブロックがすでに入っている場合は、自動挿入がスキップされるため、重複を避けやすくなります。

レコード では何ができますか。

生成済みの関連トピック候補を確認し、不要なものを削除できます。ただし、レコード 画面で内容を直接編集することはできません。

プレビューと実際のページ表示が違うのはなぜですか。

プレビューはレイアウト確認用の簡易表示です。実際のページでは、テーマ CSS、本文幅、周囲のブロック構成、保存済みレコードの内容が反映されるため、最終的な見え方が変わることがあります。