Server Side Rendering в SEO —  Что это? По какому принципу работает? Как использовать в SEO?
16 июля 2020
Автор: User

Server Side Rendering в SEO — Что это? По какому принципу работает? Как использовать в SEO?

Что делать после внедрения всех расхожих рекомендаций по увеличению скорости загрузки сайта?

Как ускорить сайт используя технологии на уровне сервера? Рассмотрим интересный метод по ускорению сайта.

Разберемся с вопросом далее.

Server Side Rendering в поисковой оптимизации сайта


На позиции страниц сайта в поисковой выдаче влияют разные факторы, среди которых:

  • Скорость загрузки сайта;
  • Поведенческие факторы;
  • Фактор удобства использования страницы сайта.

Фактор удобства использования страницы сайта рассчитывается с использованием данных, которые коррелируют с метрикой First Contentful Paint. Значение данной метрики указывает на то, как быстро в окне браузера будут выведены первые элементы страницы.

Скорость загрузки страницы увеличивается при использовании Server Side Rendring

Если на сайте будет применяться технология Server Side Rendering, то все приведенные выше метрики будут улучшены.

Использование технологии является полностью бесплатным. Задача по использованию ограничивается лишь затратами на разработку.

Что такое серверный и клиентский рендеринг?

Серверный рендеринг


При парсинге страниц сайта Google рендерит страницы, но с задержкой. Данная задержка учитывается при анализе скорости загрузки сайта.

Server Side Rendering — технология для рендеринга страниц на стороне сервера, которая позволяет уменьшить значение задержки к нулю.

Процесс выглядит так:

Как работает Server Side Rendering

Страница рендерится на стороне сервера. На стороне клиента рендеринг не происходит.

Результат после рендеринга следует кешировать, так как смысла в серверном рендеринге без кеширования мало.

Важный нюанс. Кеш следует прогревать. Что такое прогрев кеша? Это инициирование создания кэша сайта до момента обращения к странице.

Метод разрешается к использованию поисковыми системами, то бишь является белым. Цитата Google:

Для работы динамического отображения ваш сервер должен распознавать поисковых роботов (например, проверяя агент пользователя). Запросы от роботов передаются средству отображения, а запросы от пользователей обрабатываются обычным образом. При необходимости средство динамического отображения возвращает версию контента, которая может быть обработана роботом, например статическую HTML-страницу. Динамическое отображение можно включить как для всех страниц, так и только для некоторых.

На ряде сайтов количество страниц бывает настолько большим, что прогревать кеш всего сайта будет дорого по ресурсам. Решение проблемы — прогревать кеш с учетом популярности страниц.

Если на сайте есть различные фильтры и/или интерактивные элементы, отрисованную версию страницы имеет смысл отдавать лишь поисковому краулеру.

Клаокинг — подмена контента для краулера. Cloaking является нарушением правил поисковой системы. Будет ли server side rendering в таком случае противоречить правилам поисковой системы?

Server Side Rendering и SEO клоакинг


Google допускает разный контент для пользователей и для Googlebot.

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

Клоакинг при продвижении в поисковой оптимизации сайтов

Чертой между клоакингом и белой поисковой оптимизацией является введение пользователя в заблуждение.

Цитата от Google:

Если вы показываете Googlebot немного другой контент, чем реальным пользователям – например, на сайте могут быть оповещения или всплывающие окна, которые поисковый робот не видит, — то в большинстве случаев это нормально.

Клоакингом не будет даже ситуация, при которой на мобильном устройстве выводится один товар с пагинацией, а на версии для настольных устройств десять товаров или даже больше.

Server side rendering не является клоакингом для поисковой системы, нарушения в данном случае отсутствуют.

Если краулеру поисковой системы отдавать контент из кеша, то следует прописать специальный заголовок.

Vary: User-Agent

Данный заголовок страницы сайта оповещает поисковую систему о том, что краулеру будет передана версия страницы из кеша. Робот поисковой системы обрабатывает данный заголовок.

Рекомендованные материалы в блоге MegaIndex на тему скорости загрузки сайта по ссылкам далее:

Обсуждение

Святослав seolt.ru
Технология бесплатная, но достаточно дорогая в реализации, если учитывать человеко-часы ее внедрения, особенно на крупных проектах.
User
В целом хватит недели работы опытного инженера
zusul
Статья была бы в сто раз полезнее, если бы рассказали именно о серверном рендеринге. Условно, какое железо требуется, как это все работает, на сравнительных примерах (бложик, и-магазин средненький, монстр типа м-видео, крупный портал или новостник) прикинули бы затраты. Тогда это было бы полезно, т.к. было бы понятно в какую сторону копать и есть ли смысл в каждом конкретном случае. А так получилась статья за все хорошее и против всего плохого. Без обид....
chipnoise
Полностью согласен.
User
Согласен, чтобы было бы лучше. Но такая фундаментальная работа требует больших ресурсов. Главное, чтобы была понятна логика и принцип действий.
forw.ork
Да ничего сложного по железу нет. Мы поднимали недавно проект с ssr на стандартой виртуалке амазона. Требуется голова у программиста.
На джанго проект (без проектирования, только работы), с учетом дизайна, верстки и программирования можно уместить в 600-800.
sullenbloat
Только "статический" html, а не "статистический".
umaargupta
more
plumber.vladimir
Здравствуйте! Друзья такая беда - поске установки крипто сертификата ssl время загрузки вот этого сайта https://kolatelegraf.ru увеличилась с 0,1 сек до 2,45 секунд, что абсолютно неприемлемо. Яндекс моментально отреагировал и основные страницы из топ 10 улетели, в лучшем случае, в топ 20-30. Что за фигня, сайт н юкозе.
34
а чего вы в новых публикациях комментарии убрали? "Есть вопросы - пишите в фейсбук" - это не очень то и удобно
User
Спамеры набросились, оценили крайне высокий уровень блога :). На текущий момент проблема решена, открыты комментарии.
bacteria
По возможности отдавайте статьи корректору для исправления ошибок, например, таких: "технология для рендерингу страниц на стороне сервера" ("..рендеринга страниц.."), "Будет ли server side rendering в таком случае противоречить правилами поисковой системы?" ("..противоречить правилам поисковой.."). Любая статья без ошибок станет понятнее, её будет приятнее читать. И вам за подсказку спасибо, попробую внедрить данную технологию на свой сайт.
Для добавления комментария, пожалуйста, авторизуйтесь