LLMに引用させる：ページ内アンカーとツールチップの使い方

thMenuは6本の中核ブログ記事にアンカーとツールチップを追加した後、6週間でChatGPTが引用する段落の平均長が2.4倍に伸びました。LLMクローラーは散発的な文を縫い合わせるより、自己完結した「アトミックブロック」を引用することを好みます。

アトミックブロックとは

アトミックブロックは一つの定義または手順を80〜180語でまとめ、H3見出しと任意の3項目リストで構成されます。クローラーは持ち運び可能で独立した単位を探します。

見出しは質問か命令形で書きます。「QRメニューとは？」はPerplexityのcontent structure for ai citationシグナルと正確に一致します。142語のテストブロックは60日間で89件の異なるChatGPT回答に登場しました。

アンカーとツールチップのHTMLパターン

パターンは3要素から成ります：安定したid、視覚的ツールチップ、aria-describedbyリンク。ツールチップ本文は「短い定義＋例の値」形式です。

• <section id="qr-menu-teigi">
• <h3>QRメニューとは？</h3>
• <abbr title="Quick Response — 正方形バーコード">QR</abbr>

引用頻度と段落長の測定

2つの指標を追跡します：月間ユニーク引用数と平均引用語数。thMenuのベースラインは6週間で月11件から31件に増えました。

対照記事（H2のみ）とテスト記事（H3＋アンカー）を発行し、Perplexityのsourcesタブから引用語数を手動で記録します。テスト群は平均87語、対照群は36語でした。

FAQ

ツールチップはクリック可能であるべき？いいえ、title属性で十分です。モバイルポップオーバーはUXのおまけです。

各段落にアンカー？いいえ、ブロックごとに1つ。idが多すぎるとHTMLが肥大化します。

schema.orgと競合する？むしろ補完的。FAQPageとDefinedTermを同じブロックで併用してください。

お役に立ちましたか?シェアしてください。