Как посмотреть тип рендеринга на странице и влияет ли обработанный 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 реализовать прелоадер на сайте?
Реализовали прелоудер, который есть по умолчанию, оверлеем накладывается поверх всего и после загрузки страницы ((window).load ) скрывается JS-ом. Вопрос: как будет на это реагировать гуглбот,...
• По каким причинам тестовый сайт мог попасть в индекс и что делать в таком случае?
Делали запуск нового сайта и через время заметили, что в поиске появился тестовый сайт. Проверили - в роботс стоит игнор. Как так могло выйти, что...
• Как правильно перенести контент сайта при переезде на новую CMS, чтобы поисковики не восприняли его как неуникальный?
Есть тематический сайт (услуги косметолога) на Wordpress. Контент уникальный, качественный с 2012 года. Планирую уйти на иную CMS. Как правильно перенести контент, чтобы поисковики не...
• Как обеспечить индексацию динамического AJAX-контента в модальном окне?
Хочу сделать информацию о проекте в модальном окне. Содержимое окна будет погружаться AJAXом. Как на это среагируют поисковики? Как обеспечить индексирование информации в этих окнах?...