Регистрация

Имя пользователя
Почта
Пароль
Повторите пароль
Есть аккаунт?

Вход

Имя пользователя
Пароль
Забыли пароль?
Нет аккаунта?

Восстановление

Почта

Онлайн просмотр исходного кода страницы

Проверьте, что видит браузер и что видит поисковый робот: сырой HTML-код против отрендеренной версии страницы

            
    
  • Проверить, что мета-теги, canonical, hreflang и JSON-LD присутствуют в исходном HTML, а не появляются только после выполнения JavaScript.
  • Понять, видит ли поисковый бот контент сразу или он появляется только после JS.
  • Найти ошибки JavaScript и недоступные ресурсы, из-за которых "ломается" страница.
  • Обнаружить клоакинг: разное содержимое для бота и для обычного пользователя.
  • Найти вредоносные вставки, чужие скрипты и подозрительные редиректы на взломанном сайте.

Почему вкладки Network, Console и Timing пусты?

В режиме «Исходный HTML» страница запрашивается обычным HTTP-запросом, без браузера, поэтому эти вкладки не заполняются. Они работают только в режиме «После выполнения JavaScript».

Почему в консоли пусто?

Консоль показывает только сообщения, появившиеся во время загрузки страницы (до затишья сети и еще 3 секунды после), а также ошибки JavaScript. Если сайт ничего не выводит в консоль и ошибок нет, пустая консоль - это нормально. События, которые происходят позже (клики, прокрутка, поздние таймеры), не попадают в результат.

Почему HTML отличается от «Просмотра кода страницы» в моем браузере?

Возможные причины:

  • вы авторизованы, а инструмент заходит как анонимный гость, без cookies;
  • на сайте включена персонализация, A/B-тесты или разные версии по региону и языку;
  • окна согласия на cookies и подобные элементы ведут себя иначе для нового посетителя.

Почему в режиме «Исходный HTML» я вижу только пустой <div id="app">?

Это одностраничное приложение (React, Vue и т. п.): контент создается JavaScript уже после загрузки. Для таких сайтов используйте режим «После выполнения JavaScript».

Чем отличаются DOM "до" и "после"?

Вариант "до" снимается сразу после загрузки страницы, "после" - через 3 секунды. По разнице видно, что сайт подгружает или меняет асинхронно.

Почему я не вижу контент, который подгружается при прокрутке или клике?

Инструмент не прокручивает страницу и ничего не нажимает. Lazy load, кнопки "Показать еще", вкладки и аккордеоны остаются в исходном состоянии.

Почему я получаю 403, капчу или заглушку Cloudflare?

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

Что делает выбор User-Agent (Mobile, Googlebot, iPhone)?

Мы подставляем соответствующую строку User-Agent, и сайт может отдать другую версию страницы. Важно: запрос все равно идет не с IP-адресов Google. Сайты, которые проверяют подлинность бота (например, через reverse DNS), могут отдать другой ответ или заблокировать запрос. Поэтому результат не гарантирует, что именно это увидит настоящий Googlebot.

Можно ли проверить страницу за логином или защищенную паролем?

Нет. Передача cookies, заголовков авторизации и сессий не поддерживается.

Работает ли инструмент с localhost, внутренними адресами и IP из локальной сети?

Нет. Приватные и зарезервированные адреса блокируются (вы увидите сообщение "URL заблокирован"). Это защита от сканирования внутренних сетей.

Какие протоколы поддерживаются?

Только http и https.

Почему появляется ошибка "Сервис рендеринга недоступен" или таймаут?

Рендеринг ждет загрузки страницы до 60 секунд. Сайты с постоянными запросами (чаты, веб-сокеты, аналитика, long polling) могут никогда не достичь состояния "сеть успокоилась". Также сервис мог быть временно недоступен - попробуйте еще раз позже.

Есть ли ограничение на размер HTML?

Да. В режиме "Исходный HTML" результат обрезается до 5 МБ.

Как определяется кодировка и почему я вижу "кракозябры"?

Поддерживаются UTF-8, Windows-1251 и ISO-8859-1. Если текст отображается неправильно, вероятно, сайт неверно объявляет свою кодировку.

Следует ли инструмент за редиректами?

Да, в режиме "Исходный HTML" запрос следует за перенаправлениями, поэтому вы видите содержимое конечной страницы, а не той, адрес которой вводили.

Почему изображения, шрифты и видео помечены как blocked? Это ошибка сайта?

Нет. Мы намеренно не загружаем изображения, медиа и шрифты, чтобы ускорить проверку и сэкономить трафик. Это не проблема вашего сайта.

Почему нельзя увидеть скриншот или внешний вид страницы?

Инструмент показывает код, сеть и консоль, а не визуальный результат. Кроме того, страница загружается без изображений и шрифтов, поэтому вид отличался бы от реального.

Можно ли доверять цифрам на вкладке Timing?

Использовать их как ориентир можно, но это не замена PageSpeed Insights или Lighthouse. Измерение идет с нашего сервера, изображения и шрифты не загружаются, а время считается до момента, когда сеть "затихла", а не по метрикам реального пользователя. Реальную скорость для посетителей эти данные не показывают.

Оставьте отзыв о данном инструменте
5 / 5 (3 голосов)

Комментарии

Зачем нужен просмотр исходного кода страницы

Когда веб-браузер загружает сайт, он получает от сервера исходный HTML-код и по мере его обработки может выполнять JavaScript, который кардинально меняет структуру страницы, подгружает дополнительный контент и формирует итоговый DOM. Именно поэтому то, что видно через "Просмотр кода страницы" в браузере, часто отличается от того, что реально отображается пользователю. Поисковые роботы в свою очередь не всегда способны полноценно выполнить динамические скрипты и это делает разницу между исходным HTML и отрендеренной версией страницы важным фактором при SEO-оптимизации.

Исходный HTML и DOM после рендеринга js-скриптов

Наш онлайн-инструмент позволяет получить два варианта страницы. Режим "Исходный HTML" показывает html-код именно в том виде, в котором его браузеру отдает сервер, без выполнения скриптов. Режим "После выполнения JavaScript" запускает страницу в реальном браузерном окружении с изоляцией, дожидается выполнения JavaScript и возвращает итоговый DOM, включая элементы, добавленные динамически. Сравнение этих двух версий помогает понять какой контент индексируется поисковыми системами без проблем, а какой требует полноценного рендеринга.

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

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