ИИ агенты ворвались в нашу жизнь и стали ещё одними потребителями Интернета. В 525 выпуске Веб-стандартов обсуждали статью с web.dev о разработке сайтов, дружелюбных для агентов. Сейчас это набирает популярность.
Агенты взаимодействуют с сайтами одним из трёх способов:
- Анализ скриншота страницы с помощью машинного зрения;
- Анализ HTML-кода страницы и построенного на его основе DOM;
- Анализ дерева доступности, построенного из DOM и CSSOM.
Возможны комбинации этих способов, чтобы разрешить неоднозначные моменты: в разметке может быть кнопка «Добавить в корзину» как
<div>, но на скриншоте она будет выглядеть как кнопка, а JS добавит необходимое поведение (не делайте так).В статье даются советы, которые помогут агентам лучше воспринимать сайт:
- Все действия чётко обозначены в интерфейсе;
- Структура сайта стабильная и консистентная;
- Нет прозрачных наложений поверх интерфейса;
- Структура контента передана с помощью семантического HTML или ARIA, если нет возможности использовать семантический HTML;
- Интерактивные элементы обозначены в CSS с помощью
cursor: pointer;- Поля формы и подписи к ним связаны через
<label for="...">;- Размер интерактивных элементов как минимум 8×8px.
Глядя на эти пункты я понимаю: адаптация сайта для агентов — это просто создание нормального сайт для людей. Все советы были актуальны задолго до бума агентов. Это просто базовые советы как сделать хороший сайт.
Чётко идентифицируемые элементы, стабильная структура, семантический HTML, ARIA для нестандартных виджетов, связь полей с метками, размер элементов, курсор с пальцем и отсутствие наложений — это база при разработке сайтов.
Всё настолько плохо, что теперь это не база, а новая модная дисциплина и навык «адаптация сайта для агентов»? С другой стороны, если это подстегнёт внедрение хороших практик для улучшения сайтов, то почему бы и нет.
Тем, кто всегда стремился к качественным, семантичным, доступным и быстрым сайтам, выбирал готовый HTML и статику вместо SPA и сложных решений — повезло, их сайты уже со старта гораздо лучше адаптированы для агентов.
Стоит сказать, что в рамках Agentic Engine Optimization есть более специфические приёмы, как описывает Эдди Османи. Но они всё равно сводятся к предоставлению краткой выжимки контента, ссылкам и грамотной структуре.
Важно кратко и чётко донести смысл, контент должен быть структурирован с помощью списков и иерархии заголовков, должно быть содержание с кратким описанием и ссылками. То есть всё примерно так же, как и для людей.
#html #css #ui