Еще одна статья на тему, как сделать сайт, удобный для ИИ-агентов – от гуглоидов Каспера Куликовски и Омкара Море.

"Чтобы помочь агентам ориентироваться на вашем сайте, рассмотрите следующие варианты:
• Все необходимые действия, предпринимаемые человеком или агентом, должны быть четко отражены в интерфейсе.
• Обеспечьте стабильную структуру сайта. Агенты, делающие скриншоты, скорее всего, будут сбиты с толку, если структура вашего сайта постоянно меняется, например, когда кнопка «Добавить в корзину» на странице товара находится в разных местах для каждой категории товаров.
• Избегайте «призрачных» элементов или прозрачных наложений, которые могут скрывать интерактивные элементы. Визуальный анализ, выполняемый агентом, может отбрасывать закрытые узлы, даже если узел кажется прозрачным.
• Создавайте интерактивные элементы с помощью семантического HTML. Отдавайте предпочтение тегам `<div> <button>` и `<div> <a>` перед измененными элементами `<div> <div>` и `<div> <span>`. Агенты распознают их как интерактивные.
Если вы не можете использовать семантический HTML, всегда указывайте элементу соответствующий тег <p> roleи </p> tabindex. Например, <div role="button">.
• Задается cursor: pointerс помощью CSS, что является важным сигналом для принятия решения.
• Добавьте атрибут for к <label>тегам, чтобы связать их с полями ввода. Это поможет агенту ИИ понять назначение поля, указав текст метки, непосредственно связанный со строкой действия.
• Убедитесь, что все интерактивные элементы, необходимые для продолжения взаимодействия пользователя с сайтом, имеют видимую область размером более 8 квадратных пикселей, чтобы избежать их фильтрации при визуальном анализе."