On-Page SEO nima?

Savol

On-Page SEO nima va sahifaning qaysi elementlarini frontend dasturchisi bevosita nazorat qiladi?

Qisqa javob

On-Page SEO — bu bevosita sahifaning o'zida joylashgan elementlarni optimallashtirish: title, meta description, sarlavhalar iyerarxiyasi, alt atributlari, URL strukturasi va ichki interlinking. Off-page omillardan (boshqa saytlardagi havolalar) farqli o'laroq, bularning barchasi to'liq dasturchining qo'lida va bevosita HTML'ga versta qilinadi.

Batafsil javob

Odatda frontend javobgar bo'lgan asosiy on-page elementlar:

• <title> — eng og'ir on-page omil. Har bir sahifa uchun noyob bo'lishi, uning mazmunini aks ettirishi va taxminan 50-60 belgi ichiga sig'ishi kerak (aks holda Google uni natijalarda qisqartiradi). U sahifa darajasida dinamik shakllantiriladi, butun sayt uchun statik emas.
• meta description — reytinglashga bevosita ta'sir qilmaydi, lekin natijalardagi CTR'ga (click-through rate) ta'sir qiladi, chunki sarlavha ostida snippet sifatida ko'rsatiladi. Noyob bo'lishi, 150-160 belgi bo'lishi, tegishli kalit so'zlarni tabiiy tarzda o'z ichiga olishi kerak.
• h1-h6 sarlavhalar iyerarxiyasi — sahifada bitta h1, bo'limlarning mantiqiy joylashuvi (semantika haqidagi oldingi savolga qarang).
• Rasmlardagi alt — rasm mazmunini matn bilan tavsiflaydi. Accessibility (skrinriderlar) va Google Images uchun muhim, shuningdek rasm yuklanmasa fallback sifatida ham. Dekorativ rasmlarda atribut umuman bo'lmasligi emas, balki alt="" bo'lishi kerak.
• Ichki interlinking (internal linking) — sayt sahifalari orasidagi havolalar "og'irlik" (link equity) uzatadi va botga sahifalarni topish va aylanib chiqishga yordam beradi. Havolaning ankor matni (<a>matn</a>) "bu yerni bosing" emas, balki tavsiflovchi bo'lishi kerak.
• URL strukturasi — o'qish mumkin, qisqa, kalit so'zlarni o'z ichiga olgan URL (/blog/kak-uskorit-lcp /page?id=8321dan yaxshiroq). URL barqaror bo'lishi kerak — strukturani 301-redirektlarsiz o'zgartirish sahifaning to'plangan SEO og'irligini yo'qotadi.
• Kontentning noyobligi — turli URL'larda takrorlanuvchi title/description/matn tegishlilikni xiralashtiradi va Google'ning o'zi qaysi versiyani indekslashni tanlashiga (canonical) olib kelishi mumkin, bu esa har doim ham sizga kerakli versiya bo'lavermaydi.

Amalda Nuxt kabi freymvorklarda bu narsalar bitta global fayl orqali emas, balki har bir sahifa darajasida useSeoMeta / useHead orqali beriladi — aks holda barcha sahifalar bir xil title oladi, bu esa on-page SEO'ni yo'qqa chiqaradi.

Misol

<head>
  <title>Nike Air Max krossovkalari — Shop'da yetkazib berish bilan sotib olish</title>
  <meta
    name="description"
    content="Original Nike Air Max krossovkalari. 20 dan ortiq model mavjud, Rossiya bo'ylab 1-3 kunda yetkazib berish."
  />
</head>
<body>
  <h1>Nike Air Max: katalog</h1>

  <img
    src="/img/air-max-90.jpg"
    alt="Oq rangdagi Nike Air Max 90 krossovkasi, yon tomondan ko'rinishi"
  />

  <nav>
    <a href="/nike-air-max/air-max-90">Air Max 90</a>
    <a href="/nike-air-max/air-max-97">Air Max 97</a>
  </nav>
</body>

// Nuxt: aniq sahifa darajasidagi noyob meta teglar
useSeoMeta({
  title: 'Nike Air Max krossovkalari — Shop\'da yetkazib berish bilan sotib olish',
  description:
    'Original Nike Air Max krossovkalari. 20 dan ortiq model mavjud, Rossiya bo\'ylab 1-3 kunda yetkazib berish.'
})

Qo'shimcha savollar

• Nega meta keywords zamonaviy qidiruv tizimlari tomonidan endi ishlatilmaydi?
• Dekorativ va informativ rasmlar uchun altni qanday to'g'ri tashkil qilish kerak?
• Redirektlarsiz URL strukturasi o'zgartirilsa SEO'ga nima bo'ladi?