Next.js’da sitemap: sayt xaritasini freymvork vositalari bilan yaratish

Next.js — React asosidagi freymvork bo‘lib, ko‘plab zamonaviy saytlar unda quriladi. WordPress yoki Bitrix’dan farqli o‘laroq, bu yerda «sitemap tugmasi» yo‘q — xarita kod orqali yaratiladi. Bu qo‘shimcha ish talab qiladi, lekin to‘liq nazorat beradi.

App Router’da yondashuv

Zamonaviy Next.js versiyalarida App Router ishlatiladi. Unda app papkasiga maxsus sitemap faylini qo‘shish mumkin: fayl manzillar ro‘yxatini qaytaradigan funksiyani eksport qiladi, freymvork esa undan sitemap.xml’ni yaratadi. Har bir yozuvda manzil, oxirgi o‘zgarish sanasi va boshqa ixtiyoriy maydonlar bo‘ladi.

Statik xarita oddiy XML fayl sifatida ham joylanishi mumkin, lekin dinamik saytlar uchun funksiya varianti qulayroq.

Qaysi sahifalarni qo‘shish

• Statik sahifalar: bosh sahifa, xizmatlar, kontaktlar
• Dinamik sahifalar: maqolalar, mahsulotlar, toifalar — ularni ma’lumotlar bazasi yoki CMS’dan olinadi
• Barcha til versiyalari, agar sayt ko‘p tilli bo‘lsa

Qo‘shmaslik kerak:

• noindex qo‘yilgan sahifalar
• Yo‘naltiriladigan va 404 qaytaradigan manzillar
• Qidiruv, filtr va texnik sahifalar
• Qoralama va nashr etilmagan materiallar

Dinamik ma’lumotlar

Funksiya ichida ma’lumotlar manbasiga so‘rov yuboriladi va har bir yozuv uchun manzil yig‘iladi. Muhim nuqtalar:

1. Faqat nashr etilgan yozuvlarni oling
2. Oxirgi o‘zgarish sanasini haqiqiy maydondan oling, joriy vaqtdan emas — aks holda har kuni barcha sahifalar «yangilangan» bo‘lib ko‘rinadi
3. Manzillarni to‘liq ko‘rinishda yozing: protokol va domen bilan
4. Domenni muhit o‘zgaruvchisidan oling, kodga qattiq yozmang — test va asosiy muhit turlicha

Yangilanish va kesh

Next.js sahifalarni build vaqtida yoki so‘rov vaqtida yaratishi mumkin. Agar sitemap build paytida statik yaratilsa, yangi maqola keyingi build’gacha xaritaga tushmaydi. Buni oldini olish uchun xaritani qayta tekshirish vaqti bilan yoki dinamik rejimda yarating.

Katta saytlar

Bitta sitemap faylida cheklangan miqdordagi manzil bo‘lishi mumkin. Minglab sahifali saytlar uchun Next.js bir nechta xarita yaratish imkonini beradi: masalan, maqolalar va mahsulotlar alohida. Ularni indeks fayli orqali birlashtiring.

Ko‘p tillilik

Rus va o‘zbek versiyalari bo‘lsa, ikki yo‘l bor: har bir til uchun alohida yozuvlar yoki yozuv ichida muqobil til versiyalarini ko‘rsatish. Ikkinchi variant hreflang ma’lumotini xaritaga qo‘shadi va sahifa kodidagi hreflang bilan mos bo‘lishi kerak.

robots.txt

Next.js’da robots faylini ham kod orqali yaratish mumkin. Unda sitemap manzilini ko‘rsating. Test muhitida robots butun saytni yopishi, asosiy muhitda esa ochishi kerak — muhitga qarab sozlang.

Tekshirish

• sayt.uz/sitemap.xml brauzerda ochiladi va XML to‘g‘ri
• Manzillar asosiy domen bilan, test domeni bilan emas
• Yangi nashr etilgan material xaritada paydo bo‘ladi
• Search Console va Vebmaster xaritani xatosiz qabul qiladi