Как посмотреть тип рендеринга на странице и влияет ли обработанный html-код на ранжирование сайта?

Ответ

Чтобы быстро посмотреть тип рендеринга на странице, используйте Google Search Console. В разделе «проверить url-адрес» можно ввести url страницы и проверить, как Googlebot видит контент.

• Если контент полностью загружается и отображается в html, это указывает на серверный рендеринг (SSR).
• Если контент подгружается через JavaScript, это указывает на клиентский рендеринг (CSR).

Однако, следует учитывать, что наличие JavaScript контента не обязательно означает использование клиентского рендеринга, так как современные сайты частично используют JavaScript и при серверном рендеринге.

Также быстрого и более точного определения можно использовать расширения, такие как React Dev Tools или Vue.js devtools, которые показывают, какие компоненты используются на странице и как они рендерятся.

Также можно посмотреть вручную и постараться косвенно вычислить клиентский рендеринг (CSR):

1. Откройте веб-страницу в браузере;
2. Нажмите F12, чтобы открыть инструменты разработчика;
3. Перейдите на вкладку «Источники»;
4. Найдите файл JavaScript с точкой входа приложения (обычно это main.js или index.js).
5. Остановите загрузку в начале подгрузки файла.
6. Обновите страницу.

Если браузер остановится на точке остановки, скорее всего, используется клиентский рендеринг (CSR).

Обработанный html-код влияет на ранжирование сайта. Поисковые системы лучше индексируют страницы, которые загружают основной контент в исходном html. Серверный рендеринг (SSR) обеспечивает быструю загрузку контента и улучшает seo за счет того, что контент сразу доступен для индексирования поисковыми ботами.

В случае клиентского рендеринга (CSR), контент часто подгружается динамически с использованием JavaScript, что может задерживать индексирование и ухудшать ранжирование.

Еще по теме:

• Как поступить с изображениями для мобильной версии сайта?
Есть изображения, они нормально смотрятся на десктопной версии. Что делать с мобильной версией (адаптивной): подгружать другие, дополнительные картинки нужного размера? Ответ Подгружать изображения подходящего размера...
• Микроразметка: помогаем боту понять ваш контент
Что такое структурированные данные? Словари, форматы и влияние на SEO Какие словари структурированных данных используются? Микроразметка Schema.org Структурированные данные Open Graph Форматы микроразметок (синтаксис) Микроданные...
• Как изменить сниппет с чужеродной структурированной разметкой после взлома сайта?
Недавно наши сайты подверглись взлому злоумышленников из Индонезии и в результате им удалось подтвердить права на сайты в Google Search Console, разместив метатег. Сейчас метатеги...
• Как исправить ошибку неправильно указано пространство имен в Sitemap?
Подскажите, как бороться с ошибкой "В вашем Sitemap или файле индекса Sitemap неправильно указано пространство имен" в GSC? Ответ Такая ошибка возникает в основном в...
• 301, 302 или 404? Что применять и в каких случаях?
1. 301 Moved Permanently 2. 302 Found (HTTP 1.1) / Moved Temporarily (HTTP 1.0) 3. Ошибка 404 (или «Page Not Found») 301 Moved Permanently 301...