SEO-ի խնդիրը և NextJS ֆրեյմվորկը

Երբ մենք մշակում ենք կայք, մեզ համար կարևոր է հասկանալ՝ արդյոք մենք պատրաստվում ենք առաջ մղել այդ կայքը որոնման համակարգերում։ Որոնման համակարգեր ասելով նկատի ունենք Google-ի կամ Yandex-ի նման մասնագիտացված կայքերը, որտեղ օգտատերը փնտրում է իրեն անհրաժեշտ տեղեկատվությունը։

Եթե մեր կայքը ցուցադրվի առաջին դիրքերում որոշակի հարցման արդյունքում, դա կապահովի դրան անընդհատ այցելուների հոսք։ Եվ այդ այցելուների դիմաց մեզ ոչինչ չի պետք վճարել, ի տարբերություն գովազդից եկող այցելուների։

Եվ ահա մեզ սպասվում է խնդիր․ React-ով մշակված կայքերը չեն առաջ մղվելու որոնման համակարգերում։ Բանն այն է, որ նման կայքի էջերի բովանդակությունը դինամիկ կերպով ստեղծվում է բրաուզերում JavaScript-ի միջոցով։ Որոնման համակարգերը առայժմ չեն կարողանում մշակել այդպիսի էջերը։ Համապատասխանաբար, նման կայքը չի կարողանա լիարժեք ցուցադրվել որոնման արդյունքներում։

Որպեսզի որոնման համակարգերը կարողանան լիարժեք աշխատել մեր կայքի հետ, դրա էջերի տեքստերը պետք է ստեղծվեն սերվերի կողմից և ուղարկվեն բրաուզեր պատրաստի HTML կոդի տեսքով։

Հենց այս խնդիրն է լուծում NextJS ֆրեյմվորկը։ Այն թույլ է տալիս գրել JSX կոդ սերվերի կողմից։ Սերվերը վերափոխում է այդ JSX-ը սովորական HTML-ի և տրամադրում է այն բրաուզերին։ Այսպիսով կլիենտի կողմ կուղարկվի HTML կոդ, որն անհրաժեշտ է որոնման համակարգերի մեր կայքի հետ կոռեկտ աշխատանքի համար։

Թե ինչպես է դա արվում, մենք կուսումնասիրենք այս ուսումնական ձեռնարկի շրջանակներում։

Պետք է ասել, որ որոնման համակարգերն արդեն սովորում են ճանաչել JavaScript-ով ստեղծված բովանդակությունը։ Երբ նրանք լիարժեք կսովորեն դա անել, կայքերի մշակման ողջ գործընթացը կարմրապարանաձև կփոխվի։ Եվ NextJS-ի նման ֆրեյմվորկները կամ ընդհանրապես պետք չեն լինի, կամ դառնալու են բոլորովին տարբեր իրենց սկզբունքներով։

Այսպիսով, սկսենք։)