トップページのAIO設計指針

AIにとってトップページは単なる入口ではなく、サイト全体を解釈する起点です。
ここを正しく設計しないと、良いコンテンツがあってもAIに認識されず機会損失が続きます。
本ページでは、AIに「信頼できる情報源」と認識されるトップページの設計指針を解説します。

トップページで決まるAIの第一印象

AIOにおいて、トップページはAIに対して第一印象を決定づける最重要ポイントです。
AIはトップページを起点にサイト全体の専門性と信頼性を判断するため、設計が不十分だと引用・推薦の対象から外れるリスクがあります。サイトの目的や鮮度を構造化データ（JSON-LD/llms.txt）で正しく伝えることで、AIに「信頼に値するサイト」だと認識させやすくなります。

― トップページに実装すべき3つの要素 ―

サイトの目的

AIはテキストを直接読んで主題を判断します。「何を・誰のために・どんな価値を提供するか」をテキストで明示することで、AIがサイトの専門領域を正確に把握できます。

  • 事業内容
  • 提供価値
  • 対象ユーザー
  • キャッチコピー

目次（情報マップ）

各専門ページへの明確な入口に徹します。「詳しくはこちら」ではなく、ページ内容を具体的に表すリンクテキストを使うことでAIにサイト構造を伝えます。

  • サービス情報へのリンク
  • 会社情報へのリンク
  • お問合わせへのリンク

新着情報

更新頻度はAIの信頼評価に影響します。新着情報を構造化して定期的に発信することで、サイトの鮮度をAIに正確に伝えます。

  • 日付・タイトル・リンクをセットで掲載
  • JSON-LDで構造化
    （NewsArticle / Event）
  • llms.txtにも記載

実装コード例

実装の優先順位はHTML本文（最重要）→ JSON-LD → llms.txtの順です。
AIはHTMLのテキストを直接読むため本文が最優先です。JSON-LDは機械が構造を解釈するための補助情報、llms.txtはLLM向けの補助的な要約ファイルです。
複数の形式で発信者情報を一致させることで、AIが「どこから読んでも同じ情報源」として認識できる状態を目指します。

以下のコードはすべて架空の「株式会社サンプル」を例に記述しています。

1

HTML 本文 実装例

トップページの<body>内に記述する最重要項目です。構造化データより先に整備してください。

① HTML 本文 トップページ <body>
サイトの目的　目次　新着情報
株式会社サンプル 株式会社サンプル

  • サービス一覧

  • 会社情報

  • 新着情報

  • お問合わせ

AI時代のウェブ設計を、株式会社サンプルが支援します

AI検索最適化（AIO）コンサルティング・システム開発・WEB制作を通じて、生成AI検索に「信頼できる情報源」として認識されるサイト構築を支援します。

株式会社サンプルについて

株式会社サンプルは、企業のWEBサイトをAI検索に最適化することを専門とするITソリューション企業です。AIによる引用・推薦を通じて集客・信頼構築を目指す中小企業・スタートアップを主な対象としています。

  • ●AIOコンサルティング：サイト構造・コンテンツのAI最適化戦略の立案
  • ●システム開発：AIO対応のWEBシステム・CMSの設計・構築
  • ●WEB制作：AIに正確に読まれるHTML・構造化データの実装

サービス情報を見る

新着情報

  • ●2026年04月15日　AIOセミナー開催のお知らせ（2026年5月）

  • ●2026年04月01日　AIO導入事例を公開しました

新着情報の一覧を見る

株式会社サンプル

〒100-0000 東京都〇〇区〇〇1-2-3

電話：03-0000-0000

© 2004 株式会社サンプル. All Rights Reserved.

2

JSON-LD — WebSite × Organization の組み合わせ

ウェブサイト共通のorganization.jsを読み込んでサイト全体と組織情報を定義し、トップページでは目次（hasPart）と新着情報を追記します。同じ@idを使うことで、AIはページをまたいで情報を統合します。

② JSON-LD application/ld+json — <head> 内に記述
サイトの目的　目次　新着情報
<!--　▼ウェブサイト共通 の Json+ld を読み込む-->
<script type="application/ld+json">
<?php/* ウェブサイト共通 */ include($_SERVER['DOCUMENT_ROOT'].'/organization.js'); ?></script>
<!--　▼トップページ：目次のJson+ld を記述-->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "@id": "https://www.sample-inc.jp/#website",  "hasPart": [
    {
      "@type": "WebPage",
      "@id": "https://www.sample-inc.jp/web/aio_service.html",
      "name": "サービス一覧",      
      "description": "AI検索最適化（AIO）コンサルティング・システム開発・WEB制作のサービス詳細"
    },
    {
      "@type": "WebPage",
      "@id": "https://www.sample-inc.jp/web/aio_company.html",
      "name": "会社情報",
      "description": "株式会社サンプルの企業情報・代表者・主要メンバー・所属団体"    },
    {      
      "@type": "WebPage",
      "@id": "https://www.sample-inc.jp/news/",
      "name": "新着情報",
      "description": "株式会社サンプルの最新ニュース・イベント・セミナー情報"
    }
  ]}
</script>

<!--　▼トップページ:新着情報のJson+ld を記述-->
<script type="application/ld+json">
{
  "@context": "https://schema.org",  
  "@graph": [    {
      "@type": "Event",
      "@id": "https://www.sample-inc.jp/events/seminar_2026.html",
      "name": "AIOセミナー開催のお知らせ（2026年5月）",
      "url": "https://www.sample-inc.jp/events/seminar_2026.html",
      "startDate": "2026-05-01",
      "organizer": {
        "@id": "https://www.sample-inc.jp/#organization"
      },
      "inLanguage": "ja"
    },
    {
      "@type": "NewsArticle",
      "@id": "https://www.sample-inc.jp/news/aio_case_study.html",
      "headline": "AIO導入事例を公開しました",
      "url": "https://www.sample-inc.jp/news/aio_case_study.html",
      "datePublished": "2026-04-01T00:00:00+09:00",
      "publisher": {
        "@id": "https://www.sample-inc.jp/#organization"
      },
      "inLanguage": "ja"
    }  ]
}
</script>

トップページは階層の起点のため BreadcrumbList は不要です。下層ページ（サービス詳細・会社情報等）では ホーム > カテゴリ > ページ名 の形式で追加してください。

3

llms.txt — 対応AIへの補助的な要約（任意）

サイト全体の概要・主要サービス・新着情報へのリンクを記述します。対応するAIプラットフォームでは、サイトの全体像と最新情報の把握を助けます。サイトルート（/llms.txt）に配置してください。

③ llms.txt サイトルート（/llms.txt）に配置
サイトの目的　目次　新着情報
# 株式会社サンプル — LLM向け公式要約
## サイト概要
株式会社サンプルは、AI検索最適化（AIO）コンサルティング・システム開発・WEB制作を専門とするITソリューション企業です。生成AI検索による引用・推薦を通じて集客・信頼構築を目指す中小企業・スタートアップを主な支援対象としています。
## 公式情報源
- トップページ: https://www.sample-inc.jp/
- 会社情報: https://www.sample-inc.jp/web/aio_company.html
- サービス一覧: https://www.sample-inc.jp/web/aio_service.html
## 新着情報
- 最新のAIO事例: https://www.sample-inc.jp/news/aio_case_study.html
- セミナー開催情報: https://www.sample-inc.jp/events/seminar_list.html

2026年現在、PerplexityやChatGPTのWEB検索機能など一部のAIプラットフォームがllms.txtを参照するケースが確認されています。対応状況は各プラットフォームによって異なり継続的に変化しているため、公式ドキュメントで最新情報をご確認ください。

FAQ：よくある質問

JSON-LDでWebSiteスキーマとOrganizationスキーマを両方使う理由は？

WebSiteスキーマはサイト全体の構造・検索機能をAIへ伝え、Organizationスキーマは企業としての権威付けをAIへ伝えるために使用します。トップページはサイトの顔であるため、サイト全体の情報と発信元企業の情報の両方を構造化することで、AIの理解度と信頼性を最大化できます。

新着情報をAIへ効果的に伝える方法は？

HTML本文に表示するだけでなく、JSON-LDのNewsArticleやEventスキーマを活用して構造化することが非常に有効です。また、llms.txtに新着情報への直接リンクを記載し、「このサイトは常に更新されている」というシグナルをAIへ送ることも重要です。これにより、AIは最新かつ鮮度の高い情報をユーザーへ提供しやすくなります。

HTML本文・JSON-LD・llms.txtの内容は統一すべきですか？

はい、3つの形式で情報を一致させることが重要です。AIは複数の経路から同じ情報を確認したとき、そのサイトを「信頼できる一貫した情報源」として評価します。逆に形式ごとに記述が食い違っていると、AIが正しい情報を特定できず、引用精度が下がるリスクがあります。サイトの目的・提供価値・対象ユーザーは特に、どの形式から読んでも同じ内容になるよう管理してください。

まとめ：AIへの第一印象は、トップページで決まる。

AIがトップページから読み取ろうとする情報はこの3つです。あなたのサイトに「何があるか・どこへ行けるか・今何が起きているか」——それが明確に書かれていることで、AIに信頼されるトップページとなります。

0 / 3 完了