SSR и CSR
SSR и CSR — способы формирования содержимого веб-страницы. При Server-Side Rendering HTML собирается на сервере, при Client-Side Rendering значимую часть формирует браузер с помощью JavaScript. В одном проекте могут сочетаться оба подхода.
Также встречается: Server-Side Rendering, Client-Side Rendering, Серверный рендеринг, Клиентский рендеринг.
Для чего используется
Сравнение нужно при выборе архитектуры и доработке существующего магазина. Бизнесу важны скорость, актуальная цена, удобство и стоимость поддержки. SEO-специалист переводит эти задачи в критерии приёмки, а не выбирает технологию только по её названию.
Как SEO-специалист использует это в проекте
Для SEO определяют, что находится в первом ответе: заголовок, описание, ссылки, цена и метаданные. Интерактивность можно оставить клиенту, сохранив основные сведения доступными сразу. Решение принимают вместе с разработчиком по требованиям проекта.
- Определите сведения, которые должны быть доступны при прямом входе и обходе страницы.
- Проверьте существующий HTML и зависимости клиентских запросов; оцените точечные изменения.
- Согласуйте стратегию формирования и обновления содержимого, затем протестируйте её на разных состояниях.
Практический пример
Магазин отдаёт название, описание и ссылки в серверном HTML, а выбор количества обновляет в браузере. При изменении цены команда проверяет и кеш серверной страницы, и клиентский ответ, чтобы покупатель не увидел противоречие.
Иллюстрация подхода, не данные конкретного проекта.Ошибки и риски
SSR не обеспечивает индексацию сам по себе, а CSR не означает автоматическую невидимость. В обоих случаях проверяют фактическое содержимое, ошибки, кеш и доступность данных.
Переписывать сайт ради SSR без диагноза; считать браузерную скорость единственным критерием; отдавать роботу и человеку несовместимое содержимое; забывать прямые URL.
Как проверить результат
Сравните HTML, итоговый документ и результат теста Google. Проверьте цену после обновления, пустой остаток, неверный URL и вторую страницу каталога.
Связанные термины
Продолжить по теме
- Разобраться подробнее: Почему Google не видит товары
- Решить задачу: Проверка рендеринга и индексации