AI に回答として引用される文章の構造

AI に引用される文章とは、どういうものですか？

質問形式の見出しの、すぐ下に、40〜300 字の簡潔な答えが置いてある文章です。この形になっていれば、そこだけを切り取っても意味が通ります。 意味が通る単位で切り取れることが、引用の前提条件になります。

この記事自体が、その形で書かれています。上の見出しは質問で、その直下の 1 段落だけを読めば答えが分かります。詳しい説明はその後にあります。全ての節がこの構造です。

逆に、引用されにくいのはこういう文章です。見出しが「弊社のサービスについて」のような名詞句で、本文が業界動向の説明から始まり、肝心の答えが 3 段落目に出てくる。日本語の記事では極めてよく見かける形ですが、AI から見るとどこを切り取っても答えにならない文章です。

なぜ質問形式の見出しと直下の回答が効くのですか？

AI がページを扱うとき、文章はまとまった塊（チャンク）に分割されます。検索されるのはページ単位ではなくチャンク単位なので、質問とその答えが同じ塊に入っているかどうかが、そのまま引用されるかどうかを左右します。

仕組みを具体的に追うと、理由がはっきりします。AI 検索がページを回答に使うまでには、おおよそ次の処理が挟まります。

1. 分割 — ページの本文を、数百字程度のチャンクに切ります。見出しが切れ目の目印になります
2. 索引化 — 各チャンクを「意味の近さ」で検索できる形に変換します
3. 検索 — ユーザーの質問に意味が近いチャンクを取り出します
4. 生成 — 取り出したチャンクだけを材料に回答を作り、出典としてページを示します

注目すべきは 4 番目です。回答を作る材料になるのは、取り出されたチャンクだけで、ページ全体ではありません。つまり、 質問と答えが別々のチャンクに分かれていると、質問側のチャンクが取り出されても答えが手元に無い、という状態が起きます。

「質問形式の見出し + 直下に簡潔な答え」という形は、この分割に対して極めて頑丈です。どこで切られても、見出しと答えが 1 つの塊に収まります。一方、背景説明から始まる文章では、見出しを含むチャンクの中身が背景説明で埋まり、答えは次のチャンクへ押し出されます。

回答は何文字くらいがいいですか？

日本語なら 40〜300 字、文にして 1〜3 文が目安です。40 字を下回ると答えとして成立せず、300 字を超えると「どこまでが答えか」を機械が判断できなくなります。本ツールもこの範囲で判定しています。

300 字という上限は、詳しく書くなという意味ではありません。最初の 1 段落を 300 字以内に収め、続きは次の段落に分けるという意味です。段落を分ければ、抜き出す側は最初の段落だけを取れます。読者にとっても読みやすくなります。

具体的にどう書き換えればいいですか？

既存の文章から結論の一文を探して、見出しの直後へ移動するだけです。多くの場合、答えは既に書かれていて、位置が悪いだけです。 そのうえで、見出しを名詞句から質問文に変えます。新しく書く作業はほとんど発生しません。

書き換え前

<h2>料金について</h2>

<p>
  近年、Web サイトの品質を測るツールは数多く登場しており、その多くは
  有料プランを前提としたビジネスモデルを採用しています。無料で使える
  ツールもありますが、機能が大幅に制限されていたり、レポートの閲覧に
  会員登録が必要だったりすることが一般的です。弊社ではこうした状況を
  踏まえ、より多くの方に使っていただけるよう検討を重ねてまいりました。
  その結果、本ツールは完全無料で提供しております。
</p>

答え（「完全無料」）は最後の 1 行にあります。ここまでの約 200 字は、答えを探している人にとっては何の役にも立ちません。見出しも「料金について」なので、「無料ですか」という質問との対応が弱いままです。

書き換え後

<h2 id="price">サイト診断は無料ですか？</h2>

<p>
  完全無料です。登録もログインも不要で、回数制限もありません
  （短時間の連続実行のみ制限しています）。有料プランや、機能を
  制限した無料版といった区別もありません。
</p>

<h3>なぜ無料で提供しているのか</h3>

<p>
  本ツールは静的な解析が中心で、外部の有料 API に依存していません。
  そのため運用コストが低く、無料で提供し続けられます。……
</p>

変えたのは 3 点だけです。

• 見出しを質問文にした — 「料金について」→「サイト診断は無料ですか？」
• 結論を直下に移した — 最後にあった「完全無料です」を先頭へ
• 背景説明を h3 に分けた — 消していません。順序を変え、見出しを付けただけです

この書き換えで、情報量は 1 文字も減っていません。減っていないのに、質問と答えが同じ塊に収まり、読者も 1 行目で知りたいことが分かるようになりました。AEO の作業のほとんどは、こういう並べ替えです。新しい文章を書き足す必要はほとんどありません。

HTML の構造で気をつけることは何ですか？

見出しと回答の段落を同じ階層に、隣り合わせで置くことです。見出しを div で包んで回答を外に出したり、間に画像や広告を挟んだりすると、抜き出す側は対応関係を見失います。

抜き出す処理は、多くの場合「見出し要素の次にある要素」を機械的に辿ります。本ツールの AEO 判定も、見出しの兄弟要素を順に見て、最初に現れたテキストを回答とみなしています。したがって、次の形が壊れます。

<!-- NG: 見出しと回答が別の親に入っていて、兄弟になっていない -->
<div class="section-header">
  <h2>サイト診断は無料ですか？</h2>
</div>
<div class="section-body">
  <p>完全無料です。……</p>
</div>

<!-- NG: 見出しの直後が画像。最初に見つかるテキストが回答ではない -->
<h2>サイト診断は無料ですか？</h2>
<figure>
  <img src="/price.png" alt="料金プランの図" />
  <figcaption>料金体系のイメージ</figcaption>
</figure>
<p>完全無料です。……</p>

<!-- NG: 見出しの直後が定型文 -->
<h2>サイト診断は無料ですか？</h2>
<p class="meta">この記事は約 3 分で読めます</p>
<p>完全無料です。……</p>

<h2 id="price">サイト診断は無料ですか？</h2>
<p>完全無料です。登録もログインも不要で、回数制限もありません。</p>

<figure>
  <img src="/price.png" alt="料金プランの図" />
  <figcaption>料金体系のイメージ</figcaption>
</figure>

<p>より詳しい説明が続く……</p>

• 見出しに id を付ける — AI 検索は該当箇所への直接リンクにアンカーを使います。id が無いと、ページ内の位置を名指ししてもらえません
• 目次を置く — 見出しの id へのページ内リンクを並べます。構造が機械にも人にも伝わります
• 見出しレベルを飛ばさない — h2 の次に h4 が来ると、階層の解釈が壊れます
• 本文は article や main に入れる — 本文の範囲が明示され、ナビゲーションと区別できます

見出しはどう作ればいいですか？

ユーザーが実際に打ち込む言葉で、疑問文として書きます。「価格改定のお知らせ」ではなく「料金はいつから変わりますか？」です。社内用語や商品名だけの見出しは、 誰の質問とも一致しません。

• 疑問符は付けても付けなくてもよい — 「〜とは」「なぜ〜」で始まっていれば質問として扱われます。ただし付けた方が読者には明確です
• 1 見出し 1 質問にする — 「料金と契約期間について」は 2 つの質問です。分けてください
• キーワードを詰め込まない — 「サイト診断 無料 SEO チェック ツール」は質問ではなく、誰の言葉でもありません
• 見出しだけで意味が通るようにする — 「その場合はどうなりますか？」は、前の見出しを読まないと分かりません。チャンクは単独で切り出されます

リストや表はどう使いますか？

比較・手順・条件・仕様は、地の文ではなくリストや表にしてください。AI 検索や強調スニペットは構造のある要素を優先して抜き出します。同じ内容でも、地の文のままでは回答に採用されにくくなります。

理由は単純で、リストや表は、切り取っても壊れないからです。「A は 3 つあります。1 つ目は……、2 つ目は……」と地の文で書かれていると、 どこまでが 1 つの項目なのかを機械が推測する必要があります。li で区切られていれば、推測は不要です。

• 比較は表にする — 「A と B の違い」「料金」「対応環境」は表が最も強い形です
• 手順は ol にする — 順序に意味があることが明示されます
• 並列の要点は ul にする — 3 つ以上の並列は箇条書きにしてください
• 表には th を使う — td だけの表は、どの列が何かを機械が判断できません

ただし、何でも箇条書きにすればよいわけではありません。理屈を説明する部分は地の文の方が伝わります。並列・比較・手順だけを構造化するのが基準です。

すべてのページを Q&A 形式にすべきですか？

いいえ。効くのは、ユーザーが疑問を持って検索してくる種類のページ、つまり解説記事・FAQ・サポート文書です。商品ページや会社概要に無理やり Q&A を作っても、不自然になるだけで効果はありません。

この点は正直に書きます。「質問形式の見出しが無い = 悪いページ」ではありません。料金表や採用情報に「弊社の理念とは何ですか？」といった見出しを並べても、読者は不快なだけです。

本ツールが、質問形式の見出しが無いことを減点ではなく info として扱っているのはこのためです。

迷ったら、その見出しを声に出して読んで、誰かが実際にそう尋ねるかを考えてください。尋ねない質問を書いても、一致する検索は存在しません。

自分のページはどう確認しますか？

見出しを 1 つずつ見て、「これは質問か」「直下の段落だけで答えになっているか」を確かめます。機械的にやるなら、サイト診断の AEO カテゴリが、質問見出しの数と、直下の回答が 40〜300 字に収まっている数を数えます。

手作業で確認するなら、次の 3 つで十分です。

1. 見出しだけを抜き出して読む — 見出しの一覧だけで記事の内容が分かるなら、構造は良好です
2. 各見出しと直下の 1 段落だけを読む — それぞれ単独で答えになっているかを見ます。ここが AI から見た姿にほぼ一致します
3. 直下に何が来ているかを確認する — 画像・広告・「所要時間」の定型文が挟まっていないかを見ます

あわせて、構造化データでも同じ Q&A を機械可読にしておくと確実です。

• 構造化データ（JSON-LD）の書き方— 画面の Q&A を FAQPage にします。ただし画面に無い内容を書き足してはいけません
• JavaScript なしで本文が読めないと、AI に引用されない — 大前提です。本文が HTML に無ければ、どれだけ構造を整えても読まれません

最後に順序を確認します。読める（SSR）→ 入っていい（robots.txt）→ 引用したくなる（この記事）。この記事は 3 段目の話なので、1 段目と 2 段目が済んでいない状態で取り組んでも成果は出ません。まず実測して、どこが欠けているかを確かめてください。