Как посмотреть тип рендеринга на странице и влияет ли обработанный 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, что может задерживать индексирование и ухудшать ранжирование.

Еще по теме:

• Error 404 — что значит, как найти и исправить ошибку
В этой статье мы разберём, что такое 404 ошибка, когда и каким образом она может навредить и как её отследить, а также приведём перечень рекомендаций...
• Как сделать заглавное написание длинной аббревиатуры бренда в выдаче Google?
Название интернет-магазина в выдаче Google отображается строчными буквами в заголовке (над URL). Нужно изменить его на заглавные, чтобы соответствовать бренду. Название — 7 латинских букв....
• Какие возможные последствия, если на сайте убрать функционал корзины и сделать форму заявки на получение оптового прайса?
Есть сайт интернет-магазин, с большим каталогом товаров, нацеленный на мелкий опт(принимаются заказы только от 300-400 $). В листинге товаров, есть кнопка быстрого добавления в корзину,...
• Страницы низкого качества или как понять, что твой сайт «не очень»
Не так страшен чёрт, как его малюют – русская пословица Иногда довольно сложно понять, что от тебя хотят поисковые системы, что именно они понимают под...
• Какой код ответа ставить на страницы сайта, если стоит заглушка на доступ из других стран?
Стоит заглушка на сайте, что контент в стране недоступен для всех стран, кроме страны регистрации сайта (по требованию правообладателей). Какой код ответа лучше ставить на...