Инструмент страницы, видимый Google: введите URL, отрендеренный HTML + DOM + реальный H1–H2 вывод

Инструмент: введите URL → Разберите сайт (SEO + UX + Технический)

Классический “аудит сайта / seo audit” не просто выставляет оценки. Этот инструмент отвечает на вопрос на одной странице: “Как Google действительно видит эту страницу; пользователь что видит на первом экране?”

Критический момент со стороны Google: Googlebot, особенно на страницах с интенсивным использованием JavaScript, оценивает на основе отрендеренного HTML; просто “просмотреть исходный код” недостаточно. 

1) Что он делает

• Сканирование страницы / веб-сайт краулер / аудит одного URL (single page audit): извлекает URL, читает HTTP статус и основные сигналы заголовка.
• Режим “как видит Googlebot / view as Googlebot”:
  • Создает отрендеренный HTML / отрендеренный источник (DOM, созданный после JS) и показывает его в сыром виде.
  • Сосредоточен на создании вывода view rendered page / view crawled page аналогично логике “URL Inspection” в Google Search Console (скриншот + HTML).
• “Чистый текст / text only view / симулятор поисковой системы”: упрощает контент, который Google может “читать” в виде текста и ссылок.
• Структура заголовков: выводит иерархию H1–H2–H3 через отрендеренный DOM (также захватывает заголовки H, измененные JS).
• Диагностика UX “push-down” (анализ above the fold / первого экрана ): отмечает области, которые толкают пользователя вниз: большой герой, фиксированный заголовок, баннер с печеньем, всплывающее окно, рекламные блоки и т.д. Концепция “above the fold” в этом отношении предоставляет четкую рамку.
• Анализ сдвига макета / CLS: отмечает области, вызывающие прыжки на первом экране (cumulative layout shift); совместим с подходом CLS Lighthouse.

2) Почему это “не классический аудит”

Классические отчеты технического SEO обычно предоставляют “список находок + оценку”. Ваша цель другая:

• Показать разницу между Google и пользователем на одном URL, в чистом виде.
• Создать шок “Я думал, что сайт такой, а Google видит его иначе”. Эта разница особенно проявляется в вопросах рендеринга JS, скрытого контента, неправильного canonical/noindex, H1, добавленных/удаленных из DOM.

3) Вход / Выход

Вход:

• Один URL (опционально: выбор пользовательского агента: десктоп/мобильный; имитация “рендеринга googlebot”)

Выходные панели (ясные и ориентированные на действия):

1. Снимок отрендеренной страницы (экран пользователя + рендер, похожий на Google)
2. Отрендеренный HTML / дерево DOM (анализ DOM, количество узлов, критические элементы)
3. Чистый текст + карта ссылок (text only view, извлечение внутренних ссылок)
4. Дерево структуры заголовков (проверка H1, проверка заголовков; ошибки иерархии)
5. SEO сигналы заголовка (проверка мета заголовка , проверка мета описания, проверка canonical, проверка мета тега robots, проверка hreflang, проверка noindex)
6. Блоки Above the Fold / Below the Fold (список областей, толкающих пользователя вниз)
7. Подсказки CLS / LCP (основные веб-показатели, анализ lcp, анализ cls; кандидаты на ресурсы, блокирующие рендеринг)

4) Как он отмечает “ненужные области, толкающие пользователя вниз”

Инструмент берет за основу первый экран (viewport) и захватывает:

• Слишком большой герой: если H1 не связан с контентом и первый экран “пустой витриной”, отмечает.
• Анализ баннера с печеньем / анализ всплывающего окна: показывает слои, накладывающиеся на контент или занимающие первый экран.
• Анализ фиксированного заголовка / анализ рекламной области: перечисляет фиксированные блоки, которые толкают вниз начало реального контента.
• Поведение добавления сверху, вызывающее сдвиг макета: захватывает области, попадающие под причины CLS, такие как “избегайте вставки нового контента выше сгиба”.

5) Лучшие сценарии использования в реальном мире )

• Агентство может показать клиенту “смотри, как это видит Google” (это завершает дискуссию).
• Захватывать проблемы видимости, связанные с javascript seo, в таких структурах, как SPA / React / Next.js (разница между отрендеренным html и исходным кодом).
• Даже в проектах без доступа к Search Console проводить “близкие к реальности” проверки (затем подтверждение с помощью GSC URL Inspection).
• Ускорять подход “отрендеренный HTML” таких инструментов, как Screaming Frog, сводя его к одной странице (без настройки, без краулинга).

6) Четкое обещание (шок, который испытает пользователь)

• Если контент, который предполагался в DOM, отсутствует: не появится в чистом тексте → становится понятно, что Google не может воспринять его как текст.
• Если то, что вы считали H1, на самом деле H2 (или если JS изменяет это позже): панель структуры заголовков покажет это в чистом виде.
• Если первый экран “захвачен”: панель above the fold перечисляет области, толкающие пользователя вниз.