Проблема SEO и фреймворк NextJS

Когда мы разрабатываем сайт, нам важно понимать, будем ли мы продвигать этот сайт в поисковых системах. Под поисковыми системами имеются ввиду специализированные сайты типа Google или Yandex, в которых пользователь ищет нужную ему информацию.

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

И здесь нас поджидает проблема: сайты, разработанные на React, не будут продвигаться в поисковых системах. Дело в том, что содержимое страниц такого сайта генерируется динамически в браузере через JavaScript. Поисковые системы пока не умеют обрабатывать такие страницы. Соответственно такой сайт не сможет полноценно показываться по поисковым запросам.

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

Эту проблему и решает фреймворк NextJS. Он позволяет писать JSX код на стороне сервера. Сервер преобразует этот JSX в нормальный HTML и отдает его в браузер. Таким образом на сторону клиента будет отправляться HTML код, нужный для корректной работы поисковых систем с нашим сайтом.

Как именно это делается, мы и будем изучать в рамках данного учебника.

Следует сказать, что поисковики уже учатся распознавать сгенерированное на JavaScript содержимое. Когда они полноценно научатся это делать, вся разработка сайтов изменится коренным образом. И фреймворки типа NextJS или не будут нужны совсем, или станут совершенно иными по своим принципам.

Итак, поехали:)