Все статьи

Практическое руководство · Техническое SEO

Закрытые CSS и JS: как проверить, что робот видит страницу

Основной HTML содержит пустой контейнер, а текст услуги добавляется скриптом из /assets/app.js. В robots.txt весь каталог /assets/ закрыт; обычный посетитель видит страницу, а инструмент рендера робота показывает почти пустой экран.

Владимир Олаев
HTML. Критичный ресурс. Рендер робота - TOBIZ PRO
Три опорных шага разбора.

Почему HTML есть, а рендер пустой

Мини-кейс: основной заголовок услуги есть в исходном HTML, а этапы работ и ссылки на кейсы добавляются скриптом из закрытого каталога. Проблема касается не только видимости текста, но и пути посетителя к доказательствам. Сначала откройте инструмент рендера и отметьте конкретные отсутствующие элементы. Затем проверьте, почему ресурс закрыт: правило robots.txt, 403 CDN или удаленный файл после релиза. Для приватного API нельзя просто снять авторизацию; публичный ответ следует подготовить в безопасном HTML. Повторная проверка должна показать и содержимое, и рабочие ссылки.

Когда текст услуги появляется только после /assets/app.js, запрет этого файла в robots.txt может сделать обработанную страницу почти пустой. Но открывать приватный API ради робота нельзя: публичный текст лучше выдавать безопасно в исходном HTML или доступном ресурсе. Отдельно проверьте версии файлов после релиза - старый URL статьи может ссылаться на удаленный chunk, и ошибка проявится только при прямом открытии.

Составьте список критичных CSS и JS

Составьте список ресурсов, необходимых для основного содержания: скрипты, CSS, шрифты, данные API. Для каждого проверьте правила robots.txt, HTTP-ответ и фактическую загрузку в инструменте проверки URL.

Сравните сырой HTML и отрендеренную страницу робота. Не каждая заблокированная иконка критична; приоритет - ресурс, отсутствие которого меняет заголовок, текст, ссылки или форму.

Учебная выборка для первичной диагностики
URL или случайНаблюдениеЧто проверить
/assets/app.jsDisallowНет текста услуги
/assets/style.css403Сломан порядок блоков
/icons/arrow.svgDisallowДекор

Найдите запрет или ошибку загрузки

Закрытый ресурс может привести к неполному рендеру и ошибочной оценке страницы. Но открытие всех технических каталогов без разбора не является решением; надо выяснить роль ресурса и правила доступа.

Откройте публичные ресурсы без утечки

Откройте для обхода ресурсы, необходимые для публичного рендера, и исправьте серверные ошибки. По возможности отдавайте критически важный текст и ссылки в исходном HTML, чтобы путь не зависел от одного запроса.

Приватный API нельзя делать публичным ради SEO. Разделите публичные данные страницы и защищенные операции, а для основного ответа используйте безопасный способ выдачи.

Назовите конкретный CSS или JS, без которого робот не видит смысловой блок, и выясните причину недоступности. Открывать приватный API целиком нельзя: перенесите безопасную часть ответа в публичный HTML или доступный ресурс. Решение зависит от того, что именно отсутствует после рендера.

План действий на примере
СитуацияДействиеКонтроль
Критичный JSДоступенРендер текста
CSS200Читаемая структура
APIБезопасный публичный ответНет утечки

Сохраните основной ответ в HTML

Проверьте относительные пути после изменений маршрута. CDN и файлы с хешем должны отдавать стабильный ответ в течение жизни страницы; недоступный старый чанк может сломать рендер архивного URL.

Сравните рендер робота и человека

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

Сравните исходный HTML и обработанную страницу по H1, условиям услуги и ссылкам на кейсы. Проверьте статус каждого необходимого ресурса с внешней точки. После правки повторите снимок рендера; доступность файла сама по себе не доказывает появление нужного текста.

Проверка результата

  • Намерение страницы определено
  • Сохранена выборка URL до исправления
  • HTTP-ответ и содержимое сверены
  • Внутренние ссылки проверены
  • Исключения учтены
  • Проверка после релиза записана

Скачать таблицу примера

Вопросы по теме

Нужно открыть весь /assets/?

Нет. Проверьте роль ресурсов и откройте то, что нужно для публичного рендера.

Робот всегда видит то же, что браузер?

Нет. Сравните результат в инструменте проверки URL с обычной страницей.

Можно открыть закрытый API?

Только если данные публичны и доступ безопасен; приватные операции не открывают ради поиска.

Читайте также

Техническое SEOJavaScript и SEO: видит ли робот важный контентТехническое SEORobots.txt или noindex: как не перепутать обход и индексирование

Источники и методика

Функции поисковых систем и сервисов сверены с официальной документацией 18 октября 2026 года. Последовательность действий, таблицы и учебные примеры подготовлены редакцией TOBIZ PRO. Числа и вымышленные объекты в примерах не являются результатами клиентских проектов.

  1. Google: robots.txt specification

    Правила обхода и обработка ответа robots.txt.

  2. Google: troubleshoot crawling errors

    Цепочки перенаправлений, soft 404 и ошибки загрузки.

  3. Google: mobile-first indexing best practices

    Паритет мобильного контента, ссылок и ресурсов.

Следующий шаг

Разберите задачу на своем сайте

Задача первого разбора - найти ресурсы, без которых важная страница рендерится неправильно. Для разговора достаточно адреса сайта и короткого описания ситуации.

Если нужен исполнитель, посмотрите разработку сайта с доступным для робота рендером и состав работ.

Получить разбор

Понятный первый шаг

Получите план и расчет по услуге «Сайты и SEO»

За 20-30 минут разберем задачу, предложим первую версию и объясним, из чего складывается стоимость. Заказывать сразу не нужно.