Как построить карту сайта и D3-граф в CDP

Версия: v2Дата: 01.01.2026

D3-граф показывает структуру сайта, связи между страницами и severity проблем по узлам.

Что нужно заранее

D3-граф строится на данных crawler/SEO-анализа. Если анализ сайта не запускался или завершился ошибкой, граф будет пустым.

[ТУТ СКРИНШОТ: экран D3-графа сайта с цветными узлами]

Порядок действий

Запустите SEO-анализ сайта.
Дождитесь завершения обхода.
Откройте вкладку графа или карты сайта.
Используйте масштабирование мышью.
Нажмите на узел, чтобы открыть модальное окно страницы.
Разверните или сверните группы дочерних страниц, если они агрегированы.

Как читать цвета

OK — критичных проблем не найдено;
WARNING — есть предупреждения;
CRITICAL — есть ошибки, влияющие на доступность, индексацию или структуру;
плюс/агрегатор — группа дочерних страниц скрыта для читаемости графа.

Что смотреть в модальном окне

status code;
title/description/H1;
canonical;
robots/noindex;
входящие и исходящие ссылки;
snapshot ошибок и warnings.

Важно. Если граф тормозит, не увеличивайте бесконтрольно число узлов. Для больших сайтов нужен backend-лимит, агрегация и lazy раскрытие дочерних страниц.

Контрольный чек-лист

Проверьте, что вы находитесь в правильном проекте, а не в соседнем тестовом проекте.
Проверьте роль пользователя: часть кнопок видна только администратору.
Откройте DevTools → Network и найдите запрос к /v1/....
Скопируйте точный текст ошибки, HTTP-статус и время возникновения.
Если операция связана с лимитом, откройте страницу лимитов до повторного запуска.

Что приложить к задаче разработчику

Чтобы проблему можно было быстро воспроизвести, приложите URL страницы, projectUuid, время ошибки, скриншот интерфейса, скриншот Network-запроса и архив логов. Для ошибок bootstrap отдельно проверьте, были ли в gateway.log не только GET, но и POST/PUT запросы.