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

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

Калі наш сайт будзе паказвацца на першых пазіцыях па пэўным запыце, гэта забяспечыць яму безупынны паток наведвальнікаў. І за гэтых наведвальнікаў нам нічога не трэба будзе плаціць, у адрозненне ад наведвальнікаў, якія прыходзяць з рэкламы.

І тут нас падчэўвае праблема: сайты, распрацаваныя на React, не будуць прасоўвацца ў пошукавых сістэмах. Справа ў тым, што змесціва старонак такога сайта генеруецца дынамічна ў браўзеры праз JavaScript. Пошукавыя сістэмы пакуль не ўмеюць апрацоўваць такія старонкі. Адпаведна такі сайт не зможа ў поўнай меры паказвацца па пошукавых запытах.

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

Гэтую праблему і вырашае фреймворк NextJS. Ён дазваляе пісаць JSX код на баку сервера. Сервер пераўтварае гэты JSX у нармальны HTML і аддае яго ў браўзер. Такім чынам на бок кліента будзе адпраўляцца HTML код, патрэбны для карэктнай работы пошукавых сістэм з нашым сайтам.

Як менавіта гэта робіцца, мы і будзем вывучаць у рамках дадзенага дапаможніка.

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

Такім чынам, паехалі:)