SEO12 daqiqa5-iyul, 2026
Next.js da texnik SEO: Core Web Vitals, Schema va hreflang 2026
Yaxshi kalit so'zlar saytni qutqarmaydi, agar Google 5 soniyalik LCP, 400 ms INP va React gidratlanishigacha bo'sh HTML ko'rsa. 2026-yilda JavaScript freymvorklar uchun texnik SEO — asosiy gigiena: INP bilan Core Web Vitals, JSON-LD Schema.org, ru/en/uz/zh uchun to'g'ri hreflang va Next.js 16 App Router da render strategiyasi. Bu kod darajasidagi, production-ga yo'naltirilgan qo'llanma — hujjatlarni qayta aytish emas.
01Core Web Vitals 2026: LCP, INP va CLS — Google nima o'lchaydi
Core Web Vitals (CWV) — Google reyting va Search Console hisobotlarida ishlatadigan uchta haqiqiy foydalanuvchi tajribasi metrikasi. Ma'lumot Chrome UX Report (CrUX) field data dan — 28 kunlik 75-percentil.
LCP (Largest Contentful Paint) — eng katta ko'rinadigan element (hero-rasm, sarlavha) chizilish vaqti. Yaxshi chegara: < 2.5 soniya. Toshkentda 4G da sekin LCP — reklamadan rad etish; biznes ta'siri uchun sayt tezligi maqolasiga qarang.
INP (Interaction to Next Paint) 2024-yil mart oyida FID o'rnini oldi. FID faqat birinchi bosish kechikishini o'lchagan; INP sessiyadagi eng yomon interaksiya javobini qayd etadi. Yaxshi chegara: < 200 ms. Og'ir event handlerlar, React gidratlanishi va uchinchi tomon vidjetlari — asosiy sabablar.
CLS (Cumulative Layout Shift) — kutilmagan layout siljishi. Chegara: < 0.1.
O'lchash usullari:
1. PageSpeed Insights — lab + field.
2. Search Console → Core Web Vitals.
3. web-vitals npm kutubxonasi — GA4 ga yuborish.
4. RUM — Vercel Speed Insights, Datadog.
Lab ballari development uchun; SEO uchun field data hal qiladi.
02Next.js 16 da Core Web Vitals optimizatsiyasi
Next.js 15/16 va React 19 o'rnatilgan vositalarni beradi — ulardan foydalaning.
Rasmlar — `next/image`:
• LCP elementida `priority`.
• `sizes="(max-width: 768px) 100vw, 50vw"` — to'g'ri srcset.
• AVIF/WebP avtomatik.
Shriftlar — `next/font`:
```
const inter = Inter({ subsets: ['latin', 'cyrillic'], display: 'swap' })
```
Skriptlar — `next/script`:
• `strategy="afterInteractive"` — analitika.
• `strategy="lazyOnload"` — chat vidjetlari.
Code splitting — `next/dynamic`:
```
dynamic(() => import('./HeavyChart'), { ssr: false, loading: () => <Skeleton /> })
```
React Server Components (RSC): server HTML, kamroq JS bundle, tezroq LCP. `<Suspense fallback={<Skeleton />}>` bilan streaming.
Gidratlanish: server/client HTML nomuvofiqligi INP ga zarar. `suppressHydrationWarning` faqat zarurat bo'lganda.
Turbopack dev-tezligini oshiradi. Production da Vercel edge + CDN UZ trafik uchun TTFB ni pasaytiradi.
03App Router da Schema.org JSON-LD: O'zbekiston biznesi uchun
Structured data Google ga rich results ko'rsatishga yordam beradi. App Router da JSON-LD Server Component ga qo'shiladi — crawler birinchi HTML javobida markup oladi.
Asosiy pattern:
```
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
/>
```
Tipik UZ sayt uchun sxemalar:
• `Organization` — root layout.
• `LocalBusiness` — kontakt: Toshkent manzili, +998 telefon.
• `Article` + `BreadcrumbList` — blog postlar.
• `FAQPage` — xizmat sahifalari.
• `Product` + `Offer` — internet-do'kon (UZS narx).
• `Service` — `/uslugi/*` sahifalar.
LocalBusiness misoli:
```
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "UZNEO",
"address": {
"@type": "PostalAddress",
"streetAddress": "Namuna ko'cha, 1",
"addressLocality": "Toshkent",
"addressCountry": "UZ"
},
"telephone": "+998901234567",
"url": "https://uzneo.uz"
}
```
Rich Results Test da tekshiring. Umumiy SEO bilan birga ishlating.
04Ko'p tilli saytlar uchun hreflang: ru, en, uz, zh
To'rt tilli sayt — O'zbekiston biznesi uchun standart. hreflang Google ga qaysi URL qaysi auditoriya uchun ekanini aytadi.
Til kodlari:
• Rus: `ru-UZ`
• Ingliz: `en-UZ`
• O'zbek (Lotin): `uz-Latn-UZ` — `uz-UZ` bilan aralashtirmang
• Xitoy: `zh-Hans`
`x-default` — locale mos kelmasa fallback.
Next.js `generateMetadata`:
```
alternates: {
canonical: 'https://uzneo.uz/uz/blog/slug',
languages: {
'ru-UZ': 'https://uzneo.uz/blog/slug',
'en-UZ': 'https://uzneo.uz/en/blog/slug',
'uz-Latn-UZ': 'https://uzneo.uz/uz/blog/slug',
'zh-Hans': 'https://uzneo.uz/zh/blog/slug',
'x-default': 'https://uzneo.uz/blog/slug',
},
}
```
Keng tarqalgan xatolar:
1. Return link yo'q — har bir til barchasiga havola qilishi kerak.
2. Canonical noto'g'ri — joriy tilga ishora.
3. Turli kontent — faqat to'liq tarjimalar orasida hreflang.
Search Console va sitemap `xhtml:link` orqali tekshiring.
05sitemap.xml, robots.txt va MetadataRoute App Router da
Next.js 16 da dinamik `app/sitemap.ts` statik fayldan ustun — har yangi postdan keyin yangilanadi.
`app/sitemap.ts`:
```
import type { MetadataRoute } from 'next'
export default function sitemap(): MetadataRoute.Sitemap {
return [
{
url: 'https://uzneo.uz/uz/blog/slug',
lastModified: new Date('2026-07-05'),
changeFrequency: 'monthly',
priority: 0.8,
},
]
}
```
`app/robots.ts`:
```
export default function robots(): MetadataRoute.Robots {
return {
rules: { userAgent: '*', allow: '/', disallow: ['/admin/', '/api/'] },
sitemap: 'https://uzneo.uz/sitemap.xml',
}
}
```
Amaliyot:
• `lastModified` — haqiqiy o'zgarish sanasi.
• 1000+ URL — sitemap index.
• `/api/`, staging ni qo'shmang.
Yuborish: Google Search Console, Yandex.Webmaster (UZ bozorida muhim), Bing Webmaster. CMS tanlash maqolasiga qarang.
06SSR, SSG, ISR va PPR: SEO uchun render strategiyasi
Google JavaScript ni render qiladi, lekin kechikish va kam ishonch bilan. Yandex CSR ga yanada sezgir — faqat client-side React SPA chuqur sahifalarni indekslamaydi.
SSR: har so'rovda HTML. Yangi ma'lumot, yuqori TTFB.
SSG: build vaqtida HTML. Eng tez LCP. Marketing, blog, landing — UZNEO loyihalarining 80%.
ISR:
```
export const revalidate = 3600
```
Statik + fon yangilanishi. Katalog, UZS narxlar uchun ideal.
On-demand:
```
revalidatePath('/blog/[slug]')
```
PPR (Next.js 15+): statik qobiq + dinamik streaming. 2026 da Vercel production-ready.
UZNEO tavsiyalari:
1. Marketing + blog → SSG/ISR `revalidate: 86400`.
2. Do'kon → ISR mahsulotda, SSG kategoriyada.
3. SEO sahifalarni `'use client'` qilmang.
4. PPR — bosh sahifada dinamik aksiyalar bloki.
SSR siz Vite SPA — 2026 da SEO anti-pattern. React kerak bo'lsa — Next.js App Router + Server Components.
Xulosa
2026 texnik SEO — o'lchanadigan CWV (LCP < 2.5s, INP < 200ms, CLS < 0.1), to'g'ri JSON-LD, simmetrik hreflang va alternates bilan sitemap. Next.js 16 App Router vazifaning 90% ini hal qiladi. UZNEO saytlar va internet-do'konlar ni birinchi kundan shu amaliyotlar bilan quradi: Schema, ru/en/uz/zh, ISR, Web Vitals monitoring. Sayt yaratishdagi xatolar dan qoching. Loyihani muhokama qiling — Telegram.
Loyiha bo'yicha yordam kerakmi?
Vazifangiz haqida ayting — yechim va narxni taklif qilamiz
