SEO muammosi va NextJS freymvorki

Biz veb-sayt ishlab chiqayotganimizda, bu saytni qidiruv tizimlarida reklama qilishimiz kerakmi yoki yo'qmi, buni tushunishimiz muhim. Qidiruv tizimlari deganda Google yoki Yandex kabi ixtisoslashtirilgan saytlar nazarda tutiladi, ularda foydalanuvchi o'zi uchun kerakli ma'lumotni qidiradi.

Agar bizning saytimiz ma'lum bir so'rov bo'yicha birinchi o'rinlarda ko'rinsa, bu unga doimiy tashrif buyuruvchilar oqimini ta'minlaydi. Va bu tashrif buyuruvchilar uchun biz hech narsa to'lamasligimiz kerak, reklamadan keladigan tashrif buyuruvchilardan farqli o'laroq.

Va bu erda bizni muammo kutmoqda: React da ishlab chiqilgan saytlar qidiruv tizimlarida reklama qilinmaydi. Gap shundaki, bunday saytning sahifalaridagi tarkib brauzerda JavaScript orqali dinamik ravishda yaratiladi. Qidiruv tizimlari hali ham bunday sahifalarni qayta ishlay olmaydi. Shunga ko'ra, bunday sayt qidiruv so'rovlari bo'yicha to'liq ko'rsatilolmaydi.

Qidiruv tizimlari bizning saytimiz bilan to'liq ishlashlari uchun, uning sahifalaridagi matnlar server tomonida yaratilishi va brauzerga tayyor HTML kod ko'rinishida yuborilishi kerak.

Ana bu muammoni NextJS freymvorki hal qiladi. U server tomonida JSX kod yozish imkonini beradi. Server ushbu JSX ni oddiy HTML ga aylantiradi va uni brauzerga beradi. Shunday qilib klient tomoniga qidiruv tizimlari tomonidan bizning saytimiz bilan to'g'ri ishlash uchun kerak bo'lgan HTML kod yuboriladi.

Buning qanday qilib amalga oshirilishini biz ushbu o'quv qo'llanma doirasida o'rganamiz.

Aytish kerakki, qidiruv tizimlari allaqachon JavaScript da yaratilgan tarkibni aniqlashni o'rganmoqda. Ular buni to'liq o'rganganlarida, butun veb-saytlarni ishlab chiqish tubdan o'zgaradi. Va NextJS kabi freymvorklar yoki umuman kerak bo'lmaydi, yoki o'z tamoyillari bo'yicha butunlay boshqacha bo'ladi.

Xo'sh, boshladik:)