figure, figcaption va alt: rasmlar uchun to'liq SEO qo'llanma

Ko'pchilik SEO mutaxassislari alt atributini bilishadi. Lekin kam odam to'liq bog'liqlikdan foydalanadi — <figure>, <figcaption> va alt ni birgalikda. Mana shu uchlik Google ga rasm haqida maksimal signal beradi va Google Images, AI-sharhlar va oddiy qidiruv natijalariga kirish imkoniyatini oshiradi.

Google sahifadagi rasmlarni qanday o'qiydi

Googlebot rasmni ko'z bilan «ko'rmaydi». U rasm atrofidagi bir nechta manbadan signallar to'playdi va ularga asoslanib rasm nima haqida ekanligini va u so'rovga qanchalik mos kelishini aniqlaydi.

Signallar ierarxiyasi — eng kuchlisidan zaifiga:

<figure> tegi nima va u SEO uchun nima uchun kerak

HTML5 dan oldin rasmlar <div> ga o'ralgan yoki shunchaki qo'yilgan — semantik kontekstsiz. HTML5 dan boshlab <figure> tegi paydo bo'ldi — har qanday media kontent (rasm, video, sxema, kod) uchun semantik konteyner bo'lib, matnda mustaqil axborot birligini ifodalaydi.

Google <figure> ichidagi kontentni yagona blok sifatida qabul qiladi: rasm + izoh. Bu qidiruv tizimiga rasmning mavzusini aniqroq aniqlashga yordam beradi, hattoki alt qisqa yozilgan bo'lsa ham.

To'g'ri belgilash tuzilishi

<!-- ✅ To'g'ri: semantik bog'liq -->
<figure>
  <img
    src="/images/seo-uzbekiston-raqiblar-tahlil.webp"
    alt="Google Search Console orqali O'zbekistondagi raqiblarni tahlil qilish skrinshotи"
    width="800"
    height="450"
    loading="lazy"
  >
  <figcaption>
    Uznetda raqiblar tahlili: Google Search Console da asosiy so'rovlar bo'yicha pozitsiyalar
  </figcaption>
</figure>

<!-- ❌ Noto'g'ri: semantikasiz -->
<div>
  <img src="/img/photo.jpg" alt="rasm">
  <p>Biror rasm</p>
</div>

Alt atributi: yozish qoidalari

Alt (alternative text) — Google uchun rasm haqidagi asosiy matnli signal. U shuningdek ko'rish qobiliyati cheklangan foydalanuvchilar uchun o'qiladigan dasturlar tomonidan o'qiladi — bu sayt qulay bo'lishi uchun muhim.

Alt ga nima yozish kerak

Yaxshi alt — bu rasmda nima tasvirlanganini asosiy tafsilotlar bilan birga tavsiflovchi bitta gap. «Rasm…» yoki «Foto…» bilan boshlash shart emas — Google rasmligini o'zi biladi.

Alt ning optimal uzunligi

Tadqiqotlar shuni ko'rsatadiki: 100–150 belgi uzunligidagi alt-matnli rasmlar yaxshiroq reytingga ega. Bu taxminan bitta kengaytirilgan gap. Juda qisqa alt Google ga kontekst bermaydi, juda uzun — spam sifatida qabul qilinadi.

<figcaption> tegi: ikkinchi eng kuchli signal

<figcaption> izoh matni — sahifadagi yagona element bo'lib, uni foydalanuvchi ham, qidiruv roboti ham bir xil ustuvorlik bilan ko'radi. imageseo.io tadqiqotlari ko'rsatdiki: foydalanuvchilar <figcaption> matniga rasm yonidagi oddiy paragraflarga qaraganda 60% ko'proq e'tibor berishadi.

Google uchun <figcaption> — bu «ikkinchi alt»: rasmning mazmunini to'ldiruvchi va kengaytiradigan aniq matnli signal.

SEO uchun figcaption qanday yozish kerak

• Bir-ikki gap — butun bo'limni qayta aytmang
• Kalit so'zlarni tabiiy ravishda kiriting, lekin alt matnini so'zma-so'z takrorlamang
• Alt o'z ichiga olmagan kontekstni qo'shing: sana, manba, natija
• Foydalanuvchi haqida o'ylang: izoh atrofdagi matnni o'tkazib yuborsa ham rasmni tushunishga yordam berishi kerak

<!-- Misol: alt va figcaption bir-birini to'ldiradi, nusxa ko'chirmaydi -->
<figure>
  <img
    src="/images/google-search-console-uzbekiston-2025.webp"
    alt="O'zbekiston sayti uchun Google Search Console — kliklar va ko'rsatishlar hisoboti"
    width="1200"
    height="630"
    loading="lazy"
  >
  <figcaption>
    GSC ma'lumotlari yanvar–mart 2025: Uznet so'rovlari uchun semantik yadro
    optimizatsiyasidan so'ng sayt kuniga 120 dan 890 gacha klik oldi
  </figcaption>
</figure>

Rasm fayl nomi: bu haqda ko'pincha unutiladi

Google fayl nomini qo'shimcha kalit signal sifatida indekslaydi. IMG_4829.jpg nomli rasm yuklab, siz qidiruv tizimiga materialingiz nima haqida ekanligini aytishning yana bir imkoniyatini yo'qotasiz.

Qoida: defis bilan 3–6 so'z, kirillitsasiz, bo'shliqlarsiz, .webp kengaytmasi. WebP — afzal format: bir xil sifatda JPG/PNG ga qaraganda kamroq og'ir, bu Core Web Vitals ko'rsatkichlarini yaxshilaydi.

loading="lazy" va loading="eager": nima va qachon

loading atributi brauzerga rasmni qachon yuklab olishni aytadi. Bu to'g'ridan-to'g'ri LCP (Largest Contentful Paint) ga ta'sir qiladi — Core Web Vitals ko'rsatkichlaridan biri va reytingga ta'sir qiluvchi omil.

Shuningdek width va height ham qo'shing — ularsiz brauzer qancha joy ajratishni bilmaydi va sahifa yuklanishda «sakraydi» (yuqori CLS).

To'liq chek-list: SEO uchun ideal rasm

<figure>
  <img
    src="/images/lsi-seo-uzb-misol-2025.webp"   <!-- kalit so'zlar bilan fayl nomi -->
    alt="O'zbekistonda SEO maqolasi uchun LSI-kalitlar sxemasi: asosiy so'rov va bog'liq so'zlar"
                                                  <!-- alt: tavsiflovchi, 100–150 belgi -->
    width="800"                                   <!-- o'lchamlar majburiy -->
    height="450"
    loading="lazy"                                <!-- muqovadan tashqari barchasi uchun lazy -->
    decoding="async"
  >
  <figcaption>
    «SEO O'zbekiston» kaliti uchun semantik klaster misoli:
    asosiy so'rov + Google tematik jihatdan bog'liq deb hisoblagan 12 ta LSI-so'z
  </figcaption>                                  <!-- figcaption alt ni to'ldiradi, nusxa ko'chirmaydi -->
</figure>

figure + figcaption + alt bog'liqligi va AI-qidiruv

Google dagi AI-sharhlari (AI Overviews), ChatGPT Search va Perplexity o'sishi bilan rasmlarni to'g'ri belgilash yanada muhim bo'lib qoldi. AI-agentlar sahifani tahlil qilishda vizual kontentni tushunish uchun alt va <figcaption> ni o'qiydi — xuddi Googlebot kabi. Rasmlar to'g'ri belgilangan sahifalar AI-javoblarida ko'proq iqtibos qilinadi.

O'zbek va rus tillaridagi saytlar uchun bu ayniqsa dolzarb: AI-modellari til kontekstini va so'rovga muvofiqligini aniqlash uchun rasmlar atrofidagi matnli signallardan foydalanadi.

<figure> tegi <figcaption> va to'g'ri alt bilan — bu «yana bir kichik SEO narsasi» emas. Bu Googlebot bilan to'laqonli muloqot kanali: siz qidiruv tizimiga nima tasvirlanganini, qanday kontekstda va nima uchun muhimligini aytasiz. Foydalanuvchilar <figcaption> matnini asosiy matndan diqqat bilan o'qiydi. Google uni alt dan keyin ikkinchi eng kuchli signal sifatida hisobga oladi. Har bir maqolada ushbu bog'liqlikdan foydalaning — va rasmlaringiz Google Images dan trafik keltira boshlaydi.