AIエージェントがブラウザを操作する時代のLP設計｜ChatGPT Atlas・Perplexity Comet時代、LPは"AIに読まれるページ"へ変わる

そのLP、誰が読んでいるつもりで作っていますか？

少し前まで、答えは「Google検索から来る人間」でした。次に「AI検索で引用してくれるAI」が加わりました。そしていま、3つ目の訪問者が急速に増えています。ユーザーの代わりにブラウザを操作するAIエージェントです。

ChatGPT Atlas、Perplexity Comet、Claude for Chrome、Gemini in Chrome。2025年後半から2026年前半にかけて、大手が立て続けに"ブラウザを操作するAI"を出しました。

彼らは、ただ検索して要約するだけではありません。LPを実際に開いて読み比べ、フォームに入力し、見積もり依頼まで代理で送信します。

この新しい訪問者を前提にした、これからのLP設計を整理します。

AIがブラウザを操作する時代が始まった

いま何が起きているのか。ざっくり4つです。

• OpenAI：ChatGPT Atlas（AI常駐の専用ブラウザ）

• Perplexity：Comet（操作特化ブラウザ）

• Anthropic：Claude for Chrome（Claudeがブラウザを操作する拡張）

• Google：Gemini in Chrome（Chromeに統合されたAIエージェント）

共通するのは、AIが「答える」だけでなく「動く」こと。

「近所のLP制作会社を3社比較して見積もりリクエストしておいて」と頼めば、検索・閲覧・比較・フォーム送信までを一気に代行します。

これは「AI検索で引用される／されない」の話とは、質が違います。

引用フェーズでは、LPは訪問されず、記事だけが読まれていました。

エージェントフェーズでは違います。AIが本当にブラウザを開いて、LPを読みに来ます。しかも、複数のLPを並列に開いて、比較検討する形で。

LPを"読む"のは、もう人間だけではない

視点を変えてみてください。あなたのLPを開いているのは、本当に人間だけですか？

最近クライアントのアクセスログには、こういう痕跡が増えています。

• UAに「Perplexity」「ChatGPT-User」「Claude-User」が入っている

• 同一IPから、類似ページに極端に短い間隔でアクセス

• 人間には不自然な速さで開いて閉じるセッション

• 比較ページ→料金→フォームまでが、まっすぐな経路

典型的な、AIエージェント経由のアクセスです。

人間は「気になる1サイトをじっくり」読みます。AIエージェントは「複数サイトを高速に開いて、必要な情報だけ抜いて閉じる」。動き方がまったく違います。

いま、全アクセスに占める割合は数%〜10%程度。ただしこの比率は、今後間違いなく増えます。

特にB2Bでは、「まず自分で3社見比べる」から「まずAIに3社比較させる」へのシフトがすでに始まっています。

従来のLP設計が通用しなくなる4つの理由

①ファーストビューのビジュアル勝負が効かない

従来のLPは、大きなキービジュアルと感情を刺激するコピーで"つかむ"のが定石でした。

AIエージェントは、ビジュアルでは態度を変えません。見ているのはこれだけです。

「このLPは何のサービスで、誰向けで、何が違うのか」
──それがテキストで一目で判別できるか。

3秒で伝わらないと、比較対象から早々に外されます。

②長いストーリーテリングは読み飛ばされる

「共感 → 課題提起 → 解決策」の黄金構成は、人間の感情向けです。

AIには効きません。要点だけ抽出するので、共感パートや前置きはまるごと飛ばされます。

代わりに重く評価されるのは、事実・数値・比較表・箇条書き。

• 「導入企業500社」

• 「初回相談から見積もりまで3営業日」

• 「料金は月額◯円から」

こういう具体的な情報の粒度が、AIの判断材料になります。

③装飾やアニメーションは価値にならない

パララックス、スクロール連動、発光、動画背景。

人間の目に印象的な装飾も、AIには「判断材料ではないノイズ」です。

むしろDOMを複雑にし、レンダリングを重くし、AIの解析速度を落とします。

AIエージェントは並列に読み比べるので、レスポンスの遅いサイトを見切る傾向があります。「派手さで差別化」は逆風です。

④フォームは"人間に親切"だけでは足りない

ここが一番見落とされます。AIが操作する時代のフォームには、機械が入力しやすい設計が必要です。

次のようなフォームは、AIが正しく入力できず、送信の直前で止まります。

• ラベルが視覚的に隠されて、コード上にしかない

• name属性が「input_field_1」など無意味

• autocomplete属性が指定されていない

• 動的バリデーションで、値を入れた瞬間にエラー

• カスタムのプルダウンで、ネイティブのselectを使っていない

人間のUXは満点でも、AIエージェント経由のCVはゼロになります。

AIエージェントに"選ばれる"LPの5つの条件

①3秒で"何屋"がテキストで伝わる

ファーストビューに、サービス定義・対象顧客・差別化ポイントをテキストで書きます。

画像内の文字ではなく、HTMLテキストとして。

「◯◯を、△△な人向けに、□□円から提供するサービスです」──この1文が、比較判断の起点になります。

②比較検討材料が1ページに集約されている

料金・機能・対応範囲・納期・実績・他社比較。

これらが複数ページに散らばっていると、AIは追加クロールを嫌って敬遠します。

1ページに、明確な見出しと表で整理する。それだけで、比較のなかで有利な位置に立てます。

③料金・納期・対応範囲が明示されている

「詳しくはお問い合わせください」は、致命的です。

AIは数値情報のないLPを、比較の候補から早期に落とします。人間なら「気になるから問い合わせよう」となる場面でも、AIはそもそも候補に入れません。

目安でいいので、料金レンジ・納期・対応可能な業種や案件規模を明示します。

④DOM構造がシンプルで機械可読

意味に沿ったHTMLタグを使うだけです。

• 見出しはh1〜h3の階層で正しく

• リストはul/olで

• 表はtableで

• 価格や重要語は<strong>や意味のあるクラスで

schema.orgのFAQPage、Product、Serviceなどを埋めれば、理解精度がさらに上がります。

逆に、divとspanだけで組まれたLPは、AIから見て「何がどこにあるか分からない」ページになりがちです。

⑤フォームが標準属性で作られている

AIが最終アクションを起こす場所。ここで詰まると、手前が良くてもCVはゼロです。

• inputに意味の分かるname属性（company_name, email, inquiry_type など）

• autocomplete属性を指定（organization, email, tel など）

• ラベルは<label>で紐付け、視覚的にも隠さない

• 必須項目はrequired属性で明示

• プルダウンはネイティブの<select>を使う

Webの標準を素直に守るだけ。特殊技術は何もいりません。

人間のCVも消えない──"二重最適化"の考え方

ここまで読むと、こう思うかもしれません。

「じゃあ、人間向けは捨てて、AI向けにテキストだけのページを作ればいい？」

答えは、明確にNoです。

2026年時点で、LPのアクセスの大半はまだ人間です。エージェント経由は増えているとはいえ、全体の1割にも満たないケースが多いです。

にもかかわらず、人間向けの魅力をゼロにしてしまうと、いま実際にCVを生んでいる9割を、自ら手放すことになります。

目指すのは、人間とAIエージェントの"二重最適化"です。

面白いのは、右列は「情報設計をきちんとやる」ことと同義だという点です。

テキストで何屋か明示する、数値で判断材料を渡す、DOMをシンプルに保つ、標準的なフォームを作る。

これらは、人間にとっても分かりやすいLPの条件そのものです。

AIエージェント対応は、特殊な最適化ではなく、情報設計の基本に戻る話でもあります。

この記事の要点

まとめ：LPは、人間のためだけに作る時代を過ぎた

• ChatGPT Atlas、Comet、Claude for Chrome、Gemini in Chromeなど、AIがブラウザを操作する時代が始まった

• 彼らはユーザーの代理で、複数のLPを開き、読み比べ、フォーム送信まで実行する

• 従来の設計（ビジュアル・ストーリー・装飾・カスタムフォーム）は、AIには効きにくい

• 選ばれるLPの条件は、①テキストで"何屋"、②比較材料の集約、③料金・納期の明示、④シンプルなDOM、⑤標準属性のフォーム

• ただしCVの大半はまだ人間。人間向けを捨てず、両立する"二重最適化"を目指す

• AI対応は、特殊テクニックではなく、情報設計の基本をやり直す作業でもある

2026年、LPは「感情を動かす広告物」から「人間とAIが並んで判断材料を取りに来る情報基盤」へ、静かに役割を変えつつあります。

AIエージェントに読まれる準備ができているLPは、結局のところ人間にとっても分かりやすいLPになります。