Добавить в корзинуПозвонить
Найти в Дзене

JavaScript SEO: Server-Side Rendering (SSR)

SEO-специалистам учить язык программирования вовсе не обязательно, но понимание принципов сканирования и рендеринга поможет превратить JS из помехи в союзника. Давайте разбираться, что к чему!

Другие статьи по теме:

  • JavaScript SEO: что нужно знать и как оптимизировать?
  • JavaScript SEO: обработка
  • Отрисовка (рендеринг)
  • Индексация

Рендеринг (отрисовка) контента на стороне сервера. В этом случае, Googlebot получает уже готовый код документа. Это значительно повышается скорость First Paint и First Contentful Paint, что важно в условиях нового фактора ранжирования Google Page Experience.

-2

Но есть и недостаток — генерация страниц на сервере требует времени, что может привести к задержке TTFB (время до получения первого байта).

Стоит учитывать возможность и гибридного подхода — SSR для одних страниц и, например, динамический рендеринг для других. Так делает, например, Netflix.

Динамический рендеринг

Ещё одно жизнеспособное решение, официально поддерживаемое Google и позволяющие отправлять краулеру статическую версию сайта, а пользователям версию страницы с JS.

-3

Такой способ не воспринимается как клоакинг, если контент фактически не отличается.

Динамический и серверный рендеринг важны для продвижения под Яндекс. Как увидим ниже, поисковик пока не особенно умеет в JavaScript-индексацию.

Другие статьи по теме:

  • JavaScript SEO: что нужно знать и как оптимизировать?
  • JavaScript SEO: обработка
  • Отрисовка (рендеринг)
  • Индексация