SEO мәселесі және NextJS фреймворкі

Біз сайт әзірлеген кезде, бізге бұл сайтты іздеу жүйелерінде ілгерілететінімізді түсіну маңызды. Іздеу жүйелері дегенде Google немесе Yandex сияқты мамандандырылған сайттарға қарағанда, онда пайдаланушы өзіне қажетті ақпаратты іздейді.

Егер біздің сайтымыз белгілі бір сұраныс бойынша алғашқы орындарда көрсетілсе, бұл оған үздіксіз келушiler ағынын қамтамасыз етеді. Және бізге осы келушiler үшін еш нәрсе төлеудің қажеті жоқ, жарнамадан келетін келушilerден айырмашылығы.

Және мұнда бізді мәселе күтіп тұр: React-те әзірленген сайттар іздеу жүйелерінде ілгерілемейді. Мәселе мынада, мұндай сайттың беттерінің мазмұны браузерде JavaScript арқылы динамикалық түрде жасалады. Іздеу жүйелері әлі де мұндай беттерді өңдей алмайды. Тиісінше, мұндай сайт іздеу сұраныстары бойынша толыққанды көріне алмайды.

Іздеу жүйелері біздің сайтымызбен толыққанды жұмыс істеуі үшін, оның беттерінің мәтіндері сервер жағында жасалып, браузерге дайын HTML коды түрінде жіберілуі керек.

Бұл мәселені NextJS фреймворкі шешеді. Ол сервер жағында JSX кодын жазуға мүмкіндік береді. Сервер бұл JSX-ті қалыпты HTML-ге түрлендіреді және оны браузерге жібереді. Осылайша клиент жағына іздеу жүйелерінің біздің сайтымызбен дәл жұмыс істеуі үшін қажетті HTML коды жіберіледі.

Мұны қалай орындау керектігін біз дәл осы оқулық аясында үйренеміз.

Айта кету керек, іздеу жүйелері қазірдің өзінде JavaScript-те жасалған мазмұнды тануды үйренуде. Олар мұны толыққанды үйренген кезде, сайттарды әзірлеу түбегейлі өзгереді. Және NextJS сияқты фреймворктер не мүлдем қажет болмайды, не өз принциптері бойынша мүлдем басқаша болады.

Ал, бастайық:)