Набор инструментов для разработчиков, который поможет подготовить ваш сайт к работе с агентом.

Kasper Kulikowski

Michael Hablich

Опубликовано: 22 июня 2026 г.

По мере того, как агенты искусственного интеллекта развиваются от простого генерирования текста до просмотра, взаимодействия и выполнения сложных задач на вашем веб-сайте, разработчикам необходимы специальные инструменты для обеспечения высокого качества обслуживания этих нечеловеческих пользователей. Новая категория просмотра Lighthouse Agentic в сочетании с улучшениями Chrome DevTools предоставляет детерминированные проверки и среду тестирования, которые помогут вам создавать веб-сайты, готовые к работе с агентами.

Переход к агентной сети включает два основных этапа: агенты осуществляют поиск в сети и агенты используют сеть.

Когда агенты просто ищут веб-сайты, принципы поисковой оптимизации (SEO) по-прежнему применимы . В этой статье мы сосредоточимся на работе, которую могут выполнить разработчики, когда агент напрямую взаимодействует с веб-сайтом.

Проведите аудит, улучшите и отладьте свой веб-сайт, готовый к работе с агентом.

Для того чтобы ИИ-агент мог надежно выполнять определенные действия на вашем сайте, такие как запись на прием или оформление заказа, ему необходимы предсказуемые, машиночитаемые сигналы. Вот инструменты, которые помогут вам оценить и повысить эту готовность.

Audit your website agentic-readiness

Новая категория просмотра Agentic в Lighthouse доступна начиная с версии M150 и предоставляет разработчикам набор детерминированных проверок для оценки того, насколько удобны их веб-сайты для агентов, способствуя внедрению новых отраслевых стандартов.

• Что проверяют в ходе аудита : Аудиты сосредоточены на трех ключевых областях, критически важных для взаимодействия с машинами:

  • Доступность : Доступность в первую очередь предназначена для людей. Агенты используют дерево доступности , созданное на основе DOM для вспомогательных технологий (АТ), в качестве основной модели данных. Аудит Agentic Browsing проверяет подмножество категорий из аудита доступности , которые имеют решающее значение для взаимодействия с машиной. Например, оба аудита проверяют, что каждый интерактивный элемент имеет программное имя. Хорошо сформированное дерево доступности — это основной способ, которым агенты ИИ понимают вашу страницу.
  • Стабильность : Измеряет визуальную стабильность с помощью кумулятивного смещения макета (CLS), чтобы гарантировать, что элементы не перемещаются неожиданно, предотвращая случайные клики агента.
  • Интеграция с WebMCP : проверяет наличие зарегистрированных инструментов WebMCP, отсутствие декларативных форм WebMCP и валидность схемы. Внедрение WebMCP помогает агентам явно отображать логику и формы вашего сайта, делая взаимодействие надежным.

• Оценка : В отличие от других категорий Lighthouse, на момент публикации категория Agentic Browsing носит информационный характер и не имеет аналогов . Основное внимание уделяется предоставлению практических рекомендаций (статус «пройдено» или «не пройдено», а также предупреждениям), а не окончательному рейтингу.

Чтобы узнать больше о конкретных проверках аудита и о том, что вы можете сделать для их улучшения, см. документацию по проверкам просмотра агента в Lighthouse .

Сделайте взаимодействие между агентом и веб-сайтом быстрее и надежнее.

WebMCP — это предлагаемый стандарт, цель которого — предоставить агентам искусственного интеллекта доступ к инструментам структурирования на существующих веб-сайтах, ускоряя и упрощая взаимодействие с агентами. Более подробную информацию о реализации см. в разделе «Подробнее о WebMCP» .

Внедряйте новейшие функции, используя предпочитаемый вами агент программирования.

Modern Web Guidance предоставляет набор лучших практик и навыков, которые помогут разработчикам создавать веб-сайты, готовые к использованию с агентами. Он включает в себя навык webmcp , который позволяет делегировать реализацию инструментов WebMCP вашему агенту кодирования. Интегрировав Modern Web Guidance в свой рабочий процесс разработки, вы можете гарантировать, что ваше приложение будет создано с нуля в соответствии с современными стандартами, удобными для агентов. Для получения дополнительной информации см. документацию Modern Web Guidance .

Тестируйте и отлаживайте свой веб-сайт с помощью Chrome DevTools для агентов.

Для углубленной отладки и итеративной разработки Chrome DevTools for Agents предлагает уникальный режим тестирования. Он позволяет преобразовать вашу собственную IDE с поддержкой ИИ или агент кодирования в агент для просмотра веб-страниц, обеспечивая высокую степень контроля.

With DevTools for agents you can:

• Имитация взаимодействия с агентом: вы можете имитировать точные шаги, которые предпринял бы агент, фактически «став пользователем» (или агентом), чтобы воспроизвести ошибки и убедиться в детерминированности потоков вашего веб-сайта.
• Прямой вызов Lighthouse: Ваша тестовая среда может напрямую вызывать инструмент lighthouse_audit на активной вкладке. Это обеспечивает мгновенную проверку работоспособности по нескольким категориям на основе текущего состояния страницы, позволяя итеративно проверять исправления на соответствие стандартам Agentic Browsing.
• Запись экрана и отладка: Инструмент предоставляет подробные возможности логирования и записи экрана, позволяя точно видеть, как агент воспринимает страницу и взаимодействует с ней. Это позволяет выявлять некоторые машиночитаемые сигналы, такие как дерево доступности, которые могут сбивать агента с толку.

Это помогает обеспечить высокое качество работы для пользователей, не являющихся людьми, до развертывания.

Чтобы узнать больше о возможностях и настройке Chrome DevTools for Agents, посетите наш репозиторий на GitHub .

Приведенный ниже пример конфигурации Chrome DevTools for Agents ( ~/.gemini/config/mcp_config.json для AntigravityCLI или настроенный в Antigravity) подключается к Chrome Canary.

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@latest",
        "--autoConnect",
        "--categoryExperimentalWebmcp",
        "--channel=canary"
      ]
    }
  }
}

Используйте пример запроса: "С помощью Chrome DevTools MCP перейдите по ссылке https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ и создайте мне пиццу с 10 грибами и 2 болгарскими перцами; обязательно предоставьте краткое описание того, что вы сделали, и какие инструменты вы использовали."

Также вы можете использовать DevTools for Agents для проведения аудита Lighthouse на предмет готовности к работе с агентами:

" Я хочу провести аудит с помощью Agentic Lighthouse на странице https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname, используя Chrome DevTools MCP; предоставьте мне полный отчет. "

Что дальше?

Чтобы внести свой вклад и присоединиться к обсуждению, посетите официальный репозиторий Lighthouse .

Для получения дополнительной информации о WebMCP см. документацию WebMCP . Для получения дополнительной информации о Modern Web Guidance см. документацию Modern Web Guidance . Для получения дополнительной информации об оптимизации вашего веб-сайта для генеративного ИИ см. раздел «Оптимизация вашего веб-сайта для функций генеративного ИИ в поиске Google» .