執筆者紹介
株式会社メンバーズ
「“MEMBERSHIP”で、心豊かな社会を創る」を掲げ、DX現場支援で顧客と共に社会変革をリードする、株式会社メンバーズです。

「このサイト、エージェントが読めますか?」
この問いに即答できるUX担当者やプロダクトオーナーは、まだ多くありません。しかし、この問いは今後のデジタルプロダクトの競争力を左右する、経営レベルの問いになりつつあります。
ChatGPT OperatorやClaude、Google Geminiといった主要AIプラットフォームが、チャットを超えた「エージェント機能」を相次いでリリースしている今、AIがユーザーに代わってウェブを閲覧し、情報を収集し、購買や予約を完了する動作は、すでに現実のものになりつつあります。あなたのサービスがエージェントに正確に理解されなければ、ユーザーの意図はあなたに届かないまま、競合のサービスへと流れていく可能性があります。
本コラムでは、「マシーンリーダブル(機械可読性)」というキーワードを軸に、AIエージェント時代におけるUX/AXデザインの変化と、プロダクトオーナー・UX担当者が今日から着手すべきアクションを整理します。
まず前提として押さえておきたいのは、デジタルプロダクトを利用する「ユーザー」の概念が根本から変化しつつあるということです。
従来のUXデザインは、「目を持つ人間」を前提としていました。摩擦を減らし、情報の階層を整理し、視覚的なフィードバックで感情的な関与を高める。これが優れたUXの定義でした。
しかし今、Webサイトやアプリに訪れる「ユーザー」の一部は、スクリーンを見ていません。AIエージェントは、自らツールを使用し、記憶を保持し、環境の変化に適応しながら、人間が設定した目標を達成するために自律的に行動します。エージェントはページを「見る」のではなく、データを「パース(解析)」します。
この変化を整理したのが、デザイン思想家のジョン・マエダ氏が提唱する「AX(エージェント・エクスペリエンス)」という概念です。AXは「AIエージェントがデジタルサービスをいかにスムーズに利用できるか」に焦点を当てた新しい設計概念であり、従来のUX(ユーザー・エクスペリエンス)と対をなすものとして定義されています。
| 観点 | 従来のUX(人間向け) | AX(エージェント向け) |
| 主たる利用者 | 人間(視覚・触覚) | AIエージェント(データ構造・API) |
| 操作モデル | 直接操作(タップ・クリック) | 委譲(目標の設定・意図の伝達) |
| 主な価値 | 使いやすさ・認知的容易性 | 信頼性・データの一貫性・実行速度 |
| インターフェースの役割 | 操作のガイド | 機能と能力の提示(Capability as Interface) |
ユーザーが「自らタスクを遂行する」時代から、エージェントに「これを片付けておいて」と依頼する時代へ。これにより、UXデザインの本質がユーザーが自ら操作する「相互作用の設計」から、AIエージェントにタスクを任せる「委譲の設計」へと変化しています。
エージェントがどのようにサイトを解釈するかを知ることから、設計が始まります。現在、AIエージェントがウェブから情報を取得するアプローチは主に3つ存在します。
スクリーンショットを撮り、画像認識モデルでボタンやテキストを特定する方法です。人間と同じ視覚情報を利用できる反面、コストが高く、処理が遅く、「視覚的なハルシネーション(誤認)」のリスクも伴います。背景とボタンの区別が曖昧なケースや、ポップアップが重なっている場合に精度が大幅に低下し、情報の正確性が30%程度まで落ちた事例も報告されています※1。
ウェブのレンダリング構造であるDOM(Document Object Model)を直接読み取る方法です。精度は高まりますが、シャドウDOMやiframe、アンチボット対策による難読化が施されたサイトでは機能しにくいという弱点もあります。
| 壁となる技術・構造 | よく使われるケース | エージェントが直面する事象(弱点) |
| シャドウDOM (スタイルのカプセル化) |
独自のカスタムUI(Salesforceなど)、動画プレイヤーの操作パネル | 外側の要素しか認識できず、中身が空と判定されて入力やクリックが実行できない。 |
| iframe (外部サイトの埋め込み) |
決済フォーム(StripeやPayPal)、埋め込み型のサポートチャット | セキュリティ制限(クロスオリジン)により中身が読めず、最終的な決済タスクなどが完了できない。 |
|
アンチボット対策 (コードの難読化など) |
航空券・チケットの予約サイト大規模ECプラットフォーム | クラス名のランダムな変化による誤認や、透明な罠(ハニーポット)のクリックによるアクセス遮断。 |
UX担当者にとって重要なのは、人間が画面を見ただけでは、これらの壁が存在することに気づけないという点です。視覚的にはごく普通のフォームやボタンであっても、システムの裏側が上記の構造になっているとエージェントの動作エラーを誘発してしまいます。
こういった背景から、エージェントに複雑化したDOMを解析させるのではなく、Webサイトの機能だけをシンプルに抽出した専用のデータを渡す手法が注目されています。それが次にご紹介する「セマンティック・マッピング」です。
セマンティック・マッピングとは、ブラウザが補助技術(スクリーンリーダーなど)のために提供するアクセシビリティ・ツリーを読み取る方法です。
HTMLから視覚的なノイズ(CSSによる装飾など)を削ぎ落とし、要素の役割(Role)・名前(Name)・状態(State)を抽出したセマンティックな要約であり、AIエージェントにとってWebサイトの構造と意味を正確に理解するための地図として機能します。
この3つのアプローチを比較すると、精度・速度・コストにおいてアクセシビリティ・ツリーベースの方法が圧倒的に優位です※1。
| 指標 | 視覚ベース | DOM/アクセシビリティ・ツリーベース |
| 平均実行時間 | 6〜12分/タスク | 0.9分/タスク |
| 成功率(推定) | 約40〜60% | 約81% |
| タスクあたりコスト | $0.50〜$3.00 | $0.12 |
| 情報の正確性 | OCRエラーや誤認の可能性あり | セマンティック的に正確 |
この数字が示すのは、マシーンリーダブルに設計されたサイトは、エージェントにとってより速く・安く・正確に機能するということです。逆に言えば、エージェントが処理しにくいサイトは、それだけ推薦候補から外れるリスクを抱えています。
ここで注意が必要なのは、視覚的なデザインが不要になるという誤解です。視覚的デザインは引き続き重要ですが、その役割が変わります。
エージェントが機能的なタスク(航空券の予約、在庫の確認、商品の比較など)を裏側で即座に処理できるようになると、人間が直接訪れるビジュアルなインターフェースの役割は「機能の入り口」から「ブランドのアイデンティティを伝え、ユーザーに安心感を与える空間」へと変化します。
また、デザイナーの仕事も変わります。静的なピクセルを作るのではなく、「UIが生成されるためのルールとコンポーネント・ライブラリ」を設計する役割へと進化します。生成AIが個々のユーザーのニーズに合わせてリアルタイムでインターフェースを構成(Generative UI)する時代において、デザイナーが設計すべきは完成した画面ではなく「画面が生まれるためのシステム」です。
| デザイン要素 | 従来のGUIにおける価値 | エージェント時代における価値 |
| タイポグラフィ | 可読性・ブランドの雰囲気 | セマンティックな構造(H1, H2など)の明示 |
| 色彩・コントラスト | 視認性・感情的喚起 | 要素の重要度や属性の機械的識別 |
| レイアウト | 情報の整理・注目の誘導 | 安定性・予測可能性(機械的な位置特定) |
| アニメーション | 操作感の向上・状態フィードバック | エージェントの動作状況(推論・実行)の可視化 |
UX担当者・プロダクトオーナーとして押さえておくべきは、この変化が単なるデザイントレンドではなく、ビジネスの根幹に関わる意思決定であるという点です。
社内データをマシーンリーダブル化することで、AIエージェントによる自動分析が可能になります。構造化・非構造化データを統合して推論できるエージェントは、金融分析やバイオ医学タスクにおいて従来システムより20%以上の精度向上を達成したという調査結果もあります※2。
あるデータサイエンスチームでは、日常的なデータリクエスト処理時間を数時間から数分に短縮し、340%のROIを生み出した事例も報告されています※3。
エージェントが購買決定権を持つ未来において、マシーンリーダブルなサイトは、エージェントがユーザーに提案する「推薦リスト」に残る確率が高まります。逆に機械に理解されないサイトは、エージェント主導のウェブにおいて実質的に不可視となるリスクがあります。
これは従来のSEO(検索エンジン最適化)対策をベースにしつつ、「AEO(エージェント最適化)」を掛け合わせ、進化させていくことを意味しています。
機械可読性を高めることは、視覚障害者が利用するスクリーンリーダーへの対応と本質的に同じ取り組みです。エージェント対応を進めることは、デジタルの包摂性(Inclusion)を高め、法的コンプライアンスの遵守や市場機会の拡大にもつながります。
マシーンリーダブルなコンテンツは、競合他社やAI開発企業によるスクレイピングの標的になりやすい面もあります。自社の価格データや製品説明が抽出され、競合にリアルタイムでコピーされることで、独自の価値提案が損なわれる可能性があります。「開放する情報」と「保護する情報」の設計が不可欠です。
機械可読な構造が不完全な場合、AIエージェントがデータを誤読し、誤った情報をユーザーに提供するリスクがあります。特に医療・金融・保険のような高リスク領域では、エージェントの誤認が深刻な損害や信頼失墜を招きかねません。構造が「中途半端に読める状態」は、「まったく読めない状態」よりも危険な場合があります。
エージェントが読めないページは単に無視されますが、読もうとして誤読されたページはアクションを起こします。たとえば、価格の単位が曖昧な場合に「¥12,000」を「12,000ドル」と解釈し、ユーザーに誤った比較結果を提示する、あるいは誤った金額で予約を実行してしまうといった事態が起きる可能性があります。
エージェントがサイトの内容を要約して回答を完結させてしまうことで、自社サイトへの流入が激減し、広告収益や直接的なコンバージョン機会が失われる懸念もあります。コンテンツのどの部分を「要約させる情報」とし、どの部分を「直接訪問を促す情報」とするか、という情報設計の戦略が問われます。
では、具体的に何から始めればよいのか。リサーチから見えてきた実践的なアクションを3つのフェーズに整理します。
エージェント最適化の起点は、実は古典的なウェブ標準の徹底です。<div>の代わりに<button>や<a>などの意味のある(セマンティックな)HTMLタグを正しく使用し、aria-labelなどのアクセシビリティ属性を適切に付与すること。H1・H2などの見出し構造を論理的に組み立てること。これらが「エージェント最適化(AEO)」の根幹です。
既存のプロダクトにおいては、アクセシビリティ監査ツール(Lighthouse、axeなど)を使った現状診断から始めることで、エージェント可読性の課題を可視化できます。
次のステップは、AIクローラーに対してどの情報を優先的に提供するかを能動的に設計することです。
llms.txtは、Webサイトのルートに配置し、LLMに対して優先的に読み込ませるべき重要ページのリストを提供する規格です。Markdown形式で記述され、人間にも機械にも可読。最新のサービス仕様や公式FAQなどを指定することで、AIアシスタントが古い情報を参照するのを防ぎます※4。
AnthropicやCloudflare、Stripeといった主要技術企業がすでに導入しており※5、特に顧客がAI検索やAIアシスタント経由で自社情報にアクセスする機会が増えている大手企業にとっては、今すぐ取り組むべき有効な手段です。
また、Schema.orgの構造化データマークアップは、従来はSEO対策として位置づけられてきましたが、エージェント時代においては「機能の意味を機械に伝えるための言語」として再定義されます。製品情報・FAQ・イベント情報などへの適切なマークアップは、エージェントの精度と判断速度を大きく向上させます。
一方で、「AIのためにサイト全体を別ファイル化するような二重管理は避け、まずは標準的なHTMLの構造を正しく整理するべきである」という声も強まっています。実際、Googleの公式ガイドでも「人間とエージェントで別々の設計は不要であり、人間向けのWeb標準(正しいHTMLやリンク構造)の徹底がエージェント最適化につながる」と明言されています※6。
最近の取り組みとして、Googleが提案するWebMCP(Web Model Context Protocol)があります。これは、ウェブページがbookFlight()やsearchProducts()といった関数を「ツール」としてエージェントに直接公開するためのプロトコルです。
従来のDOM操作による自動化はサイトの変更に弱く脆いのに対し、WebMCPはサイト側が明示的に機能を提供することで、確実なアクション実行を可能にします。2026年現在はChromeの初期プレビュー段階ですが、eコマースの正確なチェックアウトや、SaaSツールでの複雑なワークフロー実行への応用が期待されています。既存のAPI設計を見直し、エージェントが「呼び出せる機能」として整備しておくことが、次のフェーズへの準備になります。
すべての情報をエージェントに開放することが、自社にとって最善とは限りません。「どこまで読ませるか」を意図的に設計することも、マシーンリーダブル戦略の重要な柱です。
こうした開放と保護のバランス設計を技術的に実現する手段として、現在注目されているのがTDMRep(Text and Data Mining Reservation Protocol)です。
欧州の著作権指令への準拠を目的として開発されたこのプロトコルは、コンテンツがAI学習やデータマイニングに利用されることを「オプトアウト(拒否)」するためのマシーンリーダブルな信号を提供します。well-known/tdmrep.jsonファイルでの宣言やHTTPレスポンスヘッダーへの追加によって実装でき、EU AI法に基づき汎用AIモデルの提供者はこの信号を尊重する義務があります。
欧州議会が公表したAIと著作権に関する調査レポートによると、主要なメディアやニュース、書籍出版社のWebサイト(全442サイト)のうち、すでに24%以上がこのTDMRepを自社サイトに統合しています※7。
特定の国や法システムに縛られない世界共通のWeb技術であるため、日本のWeb環境にもそのまま適用でき、AIエージェントに対して自社データの利用制限をかけるための、現実的な選択肢となっています。
エージェントへの対応が重要になる一方で、人間のためのUX設計もまた新しい次元へと進化します。機械が効率性を担保するからこそ、人間はより高度な判断、倫理的安全性、そして感情的な満足を求めるようになるからです。
エージェントが自律的に行動するようになると、「なぜその決定をしたのか?」という説明(Explainability)が不可欠になります。研究によれば、視覚障害者のユーザーはAIの失敗を自分の操作ミスのせいにする「自己非難バイアス」に陥りやすいことが指摘されています※8。エージェントは単に結果を提示するだけでなく、推論の根拠をオンデマンドで説明する機能を備える必要があります。
2026年のエージェント・デザインで重視されているパターンとして、以下が挙げられます。
関連コラム:ヒューマン・イン・ザ・ループの実践法-完全自動化ではなく「共創型」へ
エージェント時代のUX戦略を考えるにあたって、今日、自社のプロダクトに問い直してみてください。
AIエージェントは、デジタルエコシステムにおける「新しいユーザー」です。しかしここで立ち止まって考えたいのは、エージェントが普及した先のウェブが、私たちの想定通りに動くかどうかは、まだ誰にもわからないという点です。
マシーンリーダブルへの対応を進めれば、エージェントはあなたのサービスを正確に解釈し、ユーザーへの推薦リストに入れるかもしれない。一方で、そのレコメンドの判断基準を握るのはエージェントであり、プラットフォームです。SEOが検索エンジンへの依存を生んだように、AEO(エージェント最適化)もまた新たな依存構造を生む可能性を孕んでいます。
それでも、対応しないことによるリスクは明白です。問われているのは「やるかやらないか」ではなく、「どこまで最適化し、どこから主導権を手放さないか」という、より高次の意思決定です。
エージェントが理解しやすい構造は、結果として人間にとってもより明確で、信頼でき、包摂的な体験につながります。アクセシビリティ・セマンティックHTML・構造化データなど、かつてコストと見なされていたこれらが、今や競争優位として再評価されているのはその証左です。
最初の一歩は、「自社のプロダクトが今、エージェントにどう見えているか」を可視化すること。Lighthouseで今すぐ診断を走らせることから、この問いへの答えは始まります。
株式会社メンバーズ
「“MEMBERSHIP”で、心豊かな社会を創る」を掲げ、DX現場支援で顧客と共に社会変革をリードする、株式会社メンバーズです。