Агенты-браузеры ломают привычный веб-дизайн

В 2025 году сразу три крупные компании выпустили инструменты, которые управляют браузером за пользователя. У OpenAI это функция Operator и режим агента в ChatGPT, у Anthropic — Computer Use для моделей Claude, у Google — экспериментальный Project Mariner на базе Gemini. Все они делают примерно одно: получают задачу вроде «забронируй столик» или «сравни цены на три ноутбука», открывают сайты, читают содержимое страницы, кликают по кнопкам и заполняют поля. Разница с обычным парсером в том, что агент не работает по жёсткому скрипту — он смотрит на интерфейс и решает, куда нажать, как это сделал бы человек.

Для веб-дизайна это первый за десятилетие случай, когда у сайта появляется массовый посетитель, который не является ни человеком, ни классическим ботом. Он видит вёрстку глазами модели: через скриншот, дерево доступности или HTML — в зависимости от реализации. И то, что удобно человеку, ему не всегда удобно.

Что именно меняется на стороне сайта

Пока агенты — экспериментальные и медленные, но их поведение уже подсвечивает слабые места привычных интерфейсов. Три вещи ломаются заметнее всего.

Капчи и защита от ботов

Классическая логика «отсекаем автоматизацию капчей» перестаёт делить мир надвое. Агент, запущенный человеком по его же задаче, — это не спам-бот, но и не живой посетитель, кликающий мышкой. Operator, например, при встрече с капчей или платёжной формой останавливается и просит пользователя вмешаться вручную. То есть капча из барьера превращается в точку передачи управления. Дизайнеру теперь важно, чтобы такие места были явными и предсказуемыми, а не разбросанными по всему флоу.

Семантика важнее красоты

Агент, работающий через дерево доступности¹, читает страницу так же, как её читает скринридер незрячего пользователя. Кнопка, сделанная из <div> с обработчиком клика и без подписи, для человека выглядит как кнопка, а для агента — как безымянный прямоугольник. Внезапно оказывается, что доступность (accessibility) и «агентопригодность» — это одна и та же работа: понятные роли элементов, атрибуты aria-label, честная структура заголовков.

Тёмные паттерны перестают работать

Скрытая кнопка отписки, предвыбранный чекбокс на платную услугу, всплывающее окно, которое трудно закрыть, — всё это рассчитано на невнимательность человека. Агент невнимательным не бывает: он читает весь DOM и находит нужный элемент независимо от того, насколько мелким шрифтом он набран. Бизнес-модели, построенные на трении и запутывании, против агента бессильны.

Сайт, удобный для агента, — это чаще всего сайт, честный с человеком: с понятными подписями, предсказуемыми шагами и без спрятанных кнопок.

Три подхода к тому, как отдавать данные агенту

Пока индустрия не договорилась о едином стандарте. Обсуждаются как минимум три способа, и у каждого своя цена и зрелость.

Ни один из подходов не победил. Читающий UI агент работает с любым сайтом уже сегодня, но выходит дорого и хрупко. API-подход быстрее и надёжнее, но требует, чтобы владелец сайта сам захотел его сделать — а у многих бизнесов интерес обратный: они хотят, чтобы человек дошёл до страницы и увидел рекламу.

Кому это пригодится и кому нет

Пока агенты сырые, вкладываться в «агентопригодность» имеет смысл не всем.

• Стоит заняться сейчас: сервисы бронирования, интернет-магазины, агрегаторы, госуслуги и любые сайты со сложными формами. Именно им агенты будут делегировать рутину чаще всего, и удобство для агента напрямую конвертируется в заказы.
• Стоит хотя бы проверить доступность: корпоративные сайты и блоги. Работа над ARIA-разметкой всё равно окупается через SEO и реальную доступность для людей с ограничениями.
• Можно не спешить: нишевые лендинги, портфолио, проекты с уникальным визуальным опытом, где ценность именно в том, что человек смотрит своими глазами. Агент им ни зрителя, ни клиента не приведёт.

Отдельная категория — те, кто зарабатывает на трафике и показах. Если агент сам сравнит цены и купит на самом дешёвом сайте, минуя баннеры и рекомендации, часть медиа- и партнёрской экономики окажется под вопросом. Это конфликт, который ещё не решён: одни площадки уже пробуют блокировать агентов, другие — договариваться о платном API-доступе.

Что делать веб-разработчику прямо сейчас

1. Проверьте свой сайт скринридером или инструментом аудита доступности — например, Lighthouse в Chrome DevTools. Если им пройти по сайту тяжело, агенту тоже будет тяжело.
2. Замените «кнопки из div» на настоящие <button> и <a> с подписями.
3. Проверьте, что важные действия (оплата, отписка, отмена заказа) не спрятаны за визуальными трюками.
4. Добавьте структурированные данные Schema.org для товаров, статей и организаций — их читают и поисковики, и модели.
5. Решите на уровне политики, пускаете ли вы агентов вообще, и опишите это в robots.txt и условиях использования, не рассчитывая, впрочем, что все агенты их соблюдают.

¹ Дерево доступности (accessibility tree) — структура, которую браузер строит из HTML специально для вспомогательных технологий: в ней у каждого элемента есть роль (кнопка, ссылка, поле) и подпись, но нет визуального оформления.

² MCP (Model Context Protocol) — открытый протокол, предложенный Anthropic в конце 2024 года, для того чтобы модели обращались к внешним сервисам и данным через единый интерфейс, минуя графический UI.