SaaS, готовый к браузерным агентам: Operator и Claude Computer Use 2026

В 2026 году ваш покупатель - не всегда тот, кто кликнул на баннер. Это может быть агент, которому он поручил задачу. Operator бронирует и покупает в открытом вебе. Claude Computer Use оформляет пробный период в B2B SaaS. ChatGPT Agent заполняет государственные формы. На Browser Use собирают автоматизацию основатели-одиночки.

Каждый из этих агентов - языковая модель с компьютерным зрением: она открывает ваш сайт в настоящем Chromium, смотрит на экран, принимает решение и пробует иначе, если действие не удалось. Агенты доходят до конца там, где страницу можно прочитать по смыслу, и бросают задачу там, где нельзя. Удобен ли сайт агентам, в 2026 году значит столько же, сколько в 2010-м значила мобильная версия, а в 2018-м - доступность: это уже не роскошь, а целый сегмент клиентов.

Ниже - чек-лист на 2026 год.

Как агент видит страницу

Способов восприятия три, и зависит это от агента.

1. Только зрение (базовый Operator, Browser Use по умолчанию): агент делает скриншот и спрашивает модель, куда кликнуть, чтобы сделать X. Всё решают координаты.
2. Зрение и дерево доступности (Claude Computer Use, ChatGPT Agent): агент видит и пиксели, и разобранное дерево ARIA с ролями и подписями. Надёжность в разы выше, потому что модель может находить элемент по имени.
3. Чтение DOM (новые сборки Operator, dom_mode у Browser Use): агент читает отрисованный DOM, собирает подробное описание каждого элемента (селектор, роль, рамка, предки) и принимает решение по структурированным данным.

Какой способ выберет посетитель, вы не решаете. Поэтому проектировать надо под третий, самый требовательный, и тогда первые два заработают сами.

Пять требований

1. Стабильные селекторы

Каждый важный для вас интерактивный элемент получает атрибут data-testid или data-agent-action. Его значение не меняется ни при новом развёртывании, ни при ребрендинге, ни при обновлении Tailwind. Так работает:

<button data-agent-action="submit-booking" aria-label="Подтвердить бронь">Подтвердить</button>
<a data-agent-action="open-cart" href="/cart">Корзина (3)</a>
<input data-agent-field="email" type="email" name="email" autocomplete="email" />

Так не работает:

<button class="css-1xkj4m hover:css-zz9p9o">Подтвердить</button>
<a href="/cart"><svg>…</svg></a>
<div class="rounded p-2 border" contenteditable="true">…</div>

Если ваш CSS-in-JS генерирует хешированные имена классов, после каждого развёртывания селектор становится другой строкой. Сценарий, который агент записал по странице недельной давности, ломается при каждом обновлении. data-testid по договорённости не меняется.

2. Семантические атрибуты в формах

У каждого поля input должны быть как минимум name, id, type, autocomplete и связанный с ним <label for=…>. Браузерные агенты учились на миллионах форм и такие формы узнают. Самописные React-компоненты, которые прячут настоящий input из DOM (так часто делали в ранних версиях shadcn/ui в 2024 году), оставляют агенту, который читает дерево доступности, поле, которое нечем заполнить.

Хуже всего с выбором даты. Нативный <input type="date"> понимает любой агент. Самописный календарь на Headless UI с обработчиками клавиатуры и aria-grid понимают только агенты, которые читают дерево доступности. Самописный JS-календарь, который перехватывает onKeyDown и хранит состояние в ref, не понимает никто.

3. Никаких CAPTCHA-стен на основных сценариях

Cloudflare Turnstile, hCaptcha и Google reCAPTCHA отсекают ботов, в том числе агентов, за которыми стоят ваши же клиенты. Схема на 2026 год:

• Вход и регистрация: пропускать опознанных агентов. Включать проверку по оценке риска, а не сплошной Turnstile.
• Просмотр (поиск, каталог, карточка): не закрывать никогда.
• Действия с деньгами (оплата, вывод средств): включать Turnstile в режиме passive, который пропускает опознанных агентов; полноценная проверка нужна только для подозрительного трафика.
• Создание аккаунта: здесь проверка на человека уместна. Но опознанный Operator или Agent направляйте в отдельный сценарий с временными OAuth-правами.

Если закрыть всё подряд, агенты научатся уходить с вашего домена при первой же стене. Хуже того, это запоминает модель, на которой они работают, и в её будущих ответах ваши конкуренты окажутся выше. Каким user-agent открывать доступ, а каким закрывать, разобрано в тексте «Allowlist AI-краулеров 2026».

4. Ошибки, после которых можно исправиться

Если агент отправил форму, а сервер её отклонил, ошибка должна быть:

• видна в DOM как текст, а не только как красная рамка;
• программно связана с полем (aria-describedby="error-email");
• достаточно конкретна, чтобы модель могла её исправить («Email уже используется - попробуйте войти», а не «Неверный ввод»);
• не спрятана во всплывающем уведомлении, которое исчезает через 3 секунды.

Проверка: прогоните основную форму через Claude Computer Use с заведомо некорректным вводом. Если агент может описать ошибку человеческими словами, тест пройден. Если он просто снова отправляет ту же форму, не пройден.

5. Манифест агента

Это файл по общеизвестному адресу, обычно /actions.json или /.well-known/agent-actions, где перечислены действия, которые можно вызвать на вашем сайте:

{
  "version": "2026-05",
  "actions": [
    {
      "id": "create-booking",
      "url": "/book/{slug}",
      "method": "form",
      "fields": ["start_date", "end_date", "vehicle_id"],
      "auth": "session"
    },
    {
      "id": "lookup-rate",
      "url": "/api/v1/rates",
      "method": "GET",
      "params": ["origin", "destination", "date"],
      "auth": "api_key"
    }
  ]
}

Манифест соединяет агентов, которые разбирают DOM, с теми, что вызывают API. ChatGPT Agent и Claude с подключённым MCP первым делом проверяют этот адрес и, если доступно и то и другое, выбирают вызов API, а не клик. Так быстрее и надёжнее, а ваш CDN нагружается меньше. Как MCP и Skills превращают SaaS в продукт, изначально рассчитанный на AI, разобрано в материале «MCP и Skills превращают SaaS в AI-native».

Аудит за 60 секунд

Пройдите главные пользовательские сценарии. Если хоть один шаг не пройден, чините.

1. Откройте сценарий в Chromium с флагом --disable-blink-features=AutomationControlled.
2. Правая кнопка мыши, Inspect, вкладка Accessibility. У каждого интерактивного элемента есть Name и Role? Зачёт.
3. Перезагрузите страницу. Имена классов на кнопках не изменились? Зачёт.
4. В DevTools откройте Console и выполните document.querySelectorAll('[data-testid], [data-agent-action]').length. Результат не меньше числа кнопок на странице? Зачёт.
5. Отправьте форму с заведомо некорректными данными. Текст ошибки виден в DOM, а не только красная рамка? Зачёт.
6. Откройте /actions.json или /.well-known/agent-actions. Там валидный JSON? Зачёт.

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

Что есть в inite.ai

Этот чек-лист inite.ai за вас не прогоняет. Шесть шагов выше делаются в вашем браузере на ваших сценариях: внешняя проверка не войдёт в аккаунт и не заполнит форму так, как это делает агент. Анализатор inite.ai по публичному адресу проверяет то, что вокруг этих сценариев: пускает ли robots.txt ИИ-краулеров, какие файлы для ИИ отдаёт сайт (llms.txt, ai.json), разметку schema.org на главной и техническое состояние страниц. Отдельный раздел «Доступ для ИИ-агентов» ищет машинные входы, о которых шаг 6: отвечает ли MCP-сервер, есть ли сайт в реестре MCP, карточка агента A2A, описание OpenAPI, каталог API, индекс навыков для агентов. /actions.json и /.well-known/agent-actions он не ищет: ни один из них не принят как общий стандарт, а сам раздел показывается рядом с оценкой и в неё не входит. Тот же аудит доступен как MCP-сервер по адресу https://inite.ai/api/mcp/analyzer: check_identity(url) бесплатно и сразу читает правила для краулеров и файлы для ИИ, analyze_site(url) запускает полный аудит, get_analysis(run_id) примерно через минуту отдаёт результат, visibility_fixes(url) выдаёт исправления по порядку и готовый файл, если он нужен. Агент в Claude или Cursor может вызывать его из своего конвейера.

Логика та же, что в AEO: раз в неделю измеряем, каждый спринт чиним самое плохое. Полное руководство по AEO - в материале «AEO в 2026». Агентский трафик в 2026 году - то же, чем был мобильный в 2012-м: либо вы подстраиваетесь сейчас, либо догоняете потом.

Читайте также: Как подготовить ваш SaaS к ИИ-агентам: план на 90 дней.

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

Источники

• OpenAI - Computer-Using Agent - цифры CUA по WebArena и OSWorld; Zhou и др., 2023 - результат человека на WebArena.
• Anthropic - Claude Sonnet 4.5 - цифры Claude по OSWorld.
• WebAIM Million, 2026 - поля форм без подписей и пустые кнопки на миллионе главных страниц.
• Cloudflare - настройка проверок для ботов - проверка по оценке риска вместо сплошной стены.