Почему наша галерея продуктов — не карусель
Каждый продукт на этом сайте — настоящая страница. Решение принято ради машин, которые не выполняют JavaScript.
Главная страница выглядит как слайдер: стрелки, крупный квадрат, один продукт за раз. Внутри это не слайдер. Каждая стрелка — обычная ссылка, каждый продукт — отдельная статически собранная страница.
Выбор сознательный, и причина у него скучная.
Краулеры остановились на HTML
Замеры на живом трафике показывают: краулеры, стоящие за ответами нейросетей — GPTBot, ClaudeBot, PerplexityBot, OAI-SearchBot — скачивают файлы JavaScript и никогда их не исполняют. Всё, что страница рисует на клиенте, для них просто не существует.
Обычная карусель держит один маршрут и подменяет содержимое через pushState.
Пользователь видит девять продуктов. Любой ИИ-краулер видит один — навсегда.
Поисковики, которые JavaScript всё-таки исполняют, первый проход индексации
делают по исходному HTML, где у девяти продуктов один заголовок на всех.
Что сделали вместо этого
Девять продуктов — девять маршрутов, девять предсобранных документов со своими
заголовками, описаниями, каноническими адресами и разметкой. Стрелки — элементы
<a href>, поэтому сайт полностью листается с отключённым JavaScript.
Анимацию — уходящая обложка уменьшается в боковую превьюшку, следующая разворачивается в центр — даёт View Transitions API. Одна и та же обложка помечена одинаковым именем перехода на обеих страницах, и браузер сам морфит одно в другое. Кода анимации мы не написали вообще.
Проверка, которая всё решает
curl -s https://naasson.com/ru/products/observability | grep '<title>'Если у двух разных продуктов заголовок одинаковый — архитектура неверна. Эта одна команда полезнее большинства SEO-аудитов.