Alt text (alternative text) โ bu rasm uchun matn tavsifi va u uch asosiy maqsadga xizmat qiladi: SEO (Google rasmingizni tushunish va Google Images'da ko'rsatish), accessibility (ko'rmaydigan foydalanuvchilar screen reader bilan rasm haqida bilish), va rasm yuklanish muvaffaqiyatsiz bo'lganda zaxira matn ko'rsatish. To'g'ri yozilgan alt text ham SEO'ngizni, ham foydalanuvchi tajribasini yaxshilaydi.
Alt text texnik amalga oshirish
HTML kodida alt text shunday yoziladi:
<img src=\"wordpress-hosting.jpg\" alt=\"WordPress hosting solishtirish jadvali โ 5 ta asosiy provayder\">
alt atribut HTML rasm tegida shart. Hatto bo'sh alt (\"\") bo'lsa ham yaxshiroq, lekin imkon bo'lsa har doim mazmunli alt yozish kerak.
Yaxshi alt text yozish qoidalari
Birinchi qoida โ aniq va spetsifik bo'lish. \"Rasm\" yoki \"img\" โ yomon. \"WordPress logosi\" โ yaxshi. \"Hosting taqqoslash jadvali\" โ yaxshi.
Ikkinchi qoida โ qisqalik. 125 belgi atrofida. Screen reader'lar uzun alt text'ni o'qishni cheklaydi va foydalanuvchini ham charchatdiradi.
Uchinchi qoida โ kalit so'z tabiy joylashishi. SEO uchun kalit so'z yaxshi, lekin alt text'ni keyword stuffing qilish โ ham SEO, ham accessibility uchun zarar. Kalit so'z tabiy ravishda kelishi kerak, majburiy emas.
Qachon bo'sh alt ishlatish
Ba'zi rasmlar dekorativ โ ular dizayn elementlari, ma'lumotli emas. Misol: dekorativ ramka, dekorativ chiziqlar, ikkita bo'limni ajratuvchi vizual element. Bunday rasmlar uchun bo'sh alt (\"\") to'g'ri.
<img src=\"decorative-line.png\" alt=\"\">
Bu screen reader'larga \"bu rasm dekorativ, e'tibor bermang\" deb signal beradi. Foydalanuvchi tajribasi yaxshiroq bo'ladi.
Mahsulot rasmlari uchun alt
E-commerce uchun mahsulot rasmlari alt text yana muhim. Foydalanuvchi mahsulot nomini qidirsa, Google Images'da sizning sahifa chiqishi mumkin.
Mahsulot alt text formula: [brand] + [mahsulot nomi] + [variant/atributlar]. Misol: \"Apple iPhone 15 Pro 256GB Titanium qora rang\".
Infografik va jadvallar
Murakkab vizual elementlar (infografik, jadval, grafik) uchun alt text yetarli emas โ chunki ulardagi ma'lumot juda ko'p. Bu vaziyatda alt text + sahifada matnli tavsifi ham bo'lishi kerak.
Misol: <img alt=\"2026 SEO trendlar infografigi\"> va sahifa matnida infografikdagi har asosiy nuqta tushuntirilgan.
Logo va brand rasmlari
Logo uchun alt text โ odatda kompaniya yoki sayt nomi. Misol: \"Sayt.uz logo\". Lekin agar logo HTML link ichida bo'lsa va sahifa nomi sifatida ishlaydi, alt text destinatsiyani aytishi mumkin: \"Sayt.uz bosh sahifa\".
SEO uchun alt text
Google Images alt text orqali rasmlarni tushunadi va indekslaydi. \"WordPress hosting\" deb qidirsa, Google sizning rasmni shu so'rov uchun mos deb biladi va Google Images'da ko'rsatadi.
Google Images traffic to'g'ridan-to'g'ri foydalanuvchilarni sizning sahifaga olib keladi. Hozir Google Images yiliga sayt'lar uchun 10-30% trafik beradi (mavzu va sayt turiga qarab).
Image file name SEO
Alt text bilan birga file name ham muhim. \"DSC_001.jpg\" o'rniga \"wordpress-hosting-comparison-2026.jpg\". File name URL'ga ham kiradi va Google buni qadrlaydi.
File name qoidalari: kichik harflar, defislar (underscore emas), kalit so'z, mantiqiy struktura. Misol: \"hosting-providers/wordpress-hosting-comparison.jpg\".
Schema markup rasmlar uchun
Article Schema yoki Product Schema ichida image maydoni bor โ bu Google'ga rasm haqida qo'shimcha ma'lumot beradi. Schema image URL'lari high quality (1200px+), multiple aspect ratios.
Lazy loading va alt
Lazy loading bilan rasm faqat foydalanuvchi pastga scroll qilganda yuklanadi. Bu sayt tezligini yaxshilaydi, lekin alt text screen reader'lar uchun har doim mavjud bo'lishi kerak.
Modern HTML loading=\"lazy\" attribut alt'ni saqlab qoladi. Boshqa lazy load yechimlari (Intersection Observer JavaScript) โ alt'ni kechmasdan oldin to'g'ri sozlash kerak.
Image SEO uchun boshqa elementlar
Alt text yagona omil emas. Boshqa muhim image SEO elementlar: caption (rasm tagidagi matn), surrounding text (rasm atrofidagi paragraf โ Google buni image kontekst sifatida ishlatadi), responsive images (srcset bilan turli ekran o'lchamlari uchun), WebP/AVIF format (sifat va tezlik).
Accessibility (a11y) va alt text
Alt text accessibility uchun ham juda muhim. Ko'rmaydigan foydalanuvchilar screen reader (JAWS, NVDA, VoiceOver) bilan saytni o'qiydi. Alt text orqali ular rasm haqida bilishadi.
WCAG (Web Content Accessibility Guidelines) standartlar โ alt text talab qiladi. Ko'p mamlakatlarda davlat saytlari uchun accessibility โ qonun talabi. Bu accessibility ham SEO ham qo'shilgan signal.
Alt text xato bo'lmasligi kerak
Eng tarqalgan xato โ keyword stuffing alt text'da. \"hosting hosting hosting WordPress hosting tanlash\" โ bu Google jazolayman. Tabiy yozish kerak.
Boshqa xato โ barcha rasmlarga bir xil alt text. Har rasm boshqacha, alt text ham boshqacha bo'lishi shart.
Sayt.uz alt text amaliyot
Sayt.uz blog'da har rasm alt text bilan birga keladi. Avtomatik file name structure: \"category/post-slug-image-purpose.webp\". Alt text qo'lda yoziladi โ har rasm uchun aniq va spetsifik.
Mahsulot sahifalarida โ \"Sayt.uz [mahsulot nomi] - [variant]\" format. Bu Google Images'da bizning mahsulotlar ko'rinishini ta'minlaydi. Hozir Google Images dan oyiga 500-1500 tashrif olamiz โ alt text optimization natijasi.