III-D4 内部リンク設計を整理する

どれだけきれいなURL階層を作っても、そこへたどり着くための道(リンク)がなければ、AIクローラーはページの存在に気づけません。URLという「住所」を整理できたなら、続いてはその住所まで人とクローラーを案内する「道」――内部リンクの設計です。

AIクローラーは「リンクをたどって」ページを発見する

AIクローラーの基本的な巡回方法は、Googlebot等の従来型クローラーと同様にHTMLの<a href>タグを辿ってページを発見するという単純な仕組みです。III-D1で扱った通り、多くのAIクローラーはJavaScriptを実行しないため、クリックイベントやJS制御のドロップダウンメニューだけで実装されたナビゲーションは、リンクとして認識されない可能性があります。重要なページほど、通常のHTMLの<a href>タグで、複数の経路から辿り着けるようにしておく必要があります。

重要ページへの経路を意図的に増やす

内部リンク設計の基本は、トップページやカテゴリページから重要ページまでのクリック数(経路の深さ)を減らすことと、関連する記事同士を文脈のある形でつなぐことです。例えば、AIOに関する個別記事を書いたら、その記事からテクニカル編の該当レッスン(編III-A参照)へ、あるいはサービス紹介ページへと、文脈上自然な形でリンクを張ることで、AIクローラーがそのページ群を一つのまとまりとして認識しやすくなります。

<!-- 良い例: 通常のaタグでクロール可能 -->
<a href="/services/ai-marketing/">AIマーケティング支援サービス</a>

<!-- 避けたい例: JSのonclickのみでhrefがない -->
<span onclick="goToPage('ai-marketing')">AIマーケティング支援サービス</span>

パンくずリストとサイトマップの補完的な役割

個別ページ同士のリンクに加えて、パンくずリスト(現在地を示す階層表示)と、前のレッスンで扱ったXMLサイトマップは、AIクローラーがサイト全体の構造を把握する助けになります。パンくずリストはユーザーの現在地表示だけでなく、階層構造をHTML上で明示する役割も持ち、構造化データ(BreadcrumbList)として実装すればさらに機械可読性が上がります。この構造化データの実装方法自体は編III-Bで詳しく扱います。

アンカーテキストと孤立ページに注意する

内部リンクは「リンクがあるかどうか」だけでなく、どんな文言でリンクされているか(アンカーテキスト)も重要です。「こちら」「詳しくはこちら」のような文言だけでは、リンク先が何のページかをAIクローラーが文脈から読み取りにくくなります。「AIマーケティング支援サービスの詳細はこちら」のように、リンク先の内容が分かる文言をアンカーテキストに含めることで、AIクローラーがそのページの主題を把握しやすくなります。あわせて注意したいのが、社内のどのページからもリンクされていない「孤立ページ(オーファンページ)」の存在です。サイトマップには載っていてもリンクの経路がなければ、AIクローラーがそのページの重要性を認識しにくくなります。定期的に「リンクが1本も来ていないページ」がないかを棚卸しすることをおすすめします。

実践ステップ

1. 1
   自社サイトで「引用してほしい」重要ページへ、トップページから何クリックで到達できるか数える
2. 2
   3クリック以上かかる重要ページがあれば、カテゴリページや関連記事からの経路を追加する
3. 3
   ナビゲーションメニューがJSのクリックイベントのみで実装され、通常の<a href>が存在しない箇所を洗い出す
4. 4
   関連する記事・サービスページ同士を、文脈が自然な範囲でお互いにリンクさせる
5. 5
   主要ページにパンくずリストが実装されているか確認する
6. 6
   XMLサイトマップに重要ページがすべて含まれているか、定期的に確認する

このレッスンはテキストとスライドで学べます。スライドは上のビューアからご覧ください。