Open Graph (OG) Teglari Nima? Saytingizning Ijtimoiy Tarmoqda Ko‘rinishini To‘g‘ri Sozlash

Open Graph (OG) teglar — web sahifangiz ijtimoiy tarmoqlarda ulashilganda, ko‘rinadigan sarlavha, qisqa tavsif, rasm, URL va kontent turi kabi oldindan ko‘rinadigan ma’lumotlarni belgilovchi HTML meta teglaridir. OG teglar orqali saytingiz Facebook, LinkedIn, WhatsApp, X va boshqa platformalarda qanday ko‘rinishini to‘liq nazorat qilasiz; to‘g‘ri ishlatilganda, bosish ko‘rsatkichini oshiradi, brend obro‘sini mustahkamlaydi va noto‘g‘ri rasm yoki yetarli tavsif ko‘rsatilmasligi kabi ulashish xatolarini oldini oladi.

Blog posti, mahsulot sahifasi yoki korporativ xizmat sahifasini ijtimoiy tarmoqda ulashganingizda, platformalar avtomatik tarzda sahifani skaner qilib, preview kartini yaratadi. Agar Open Graph ma’lumotlari aniqlanmagan bo‘lsa, tarmoq tasodifiy rasm tanlaydi, eski sarlavhani ko‘rsatadi yoki tavsifni bo‘sh qoldiradi. Ayniqsa kampaniya sahifalarda, e-tijorat mahsulotlarida, yangiliklarda va brend tanilishi uchun muhim bo‘lgan korporativ saytlarda bu jiddiy natija va trafik yo‘qotishiga sabab bo‘ladi.

Hostragons blogi uchun ushbu qo‘llanmada Open Graph teglar nimadan iborat, qaysi OG teglar majburiy, WordPress va maxsus dastur saytlarda qanday qo‘shiladi, ideal rasm o‘lchamlari, test vositalari va tez-tez uchraydigan xatolarni bosqichma-bosqich o‘rganamiz. Shuningdek hosting, SSL va domen konfiguratsiyasining ijtimoiy tarmoq preview sifatiga bilvosita ta’sirini amaliy misollar orqali tushuntiramiz. Veb-xosting domen so'rov SSL sertifikati

Open Graph Protokoli Nima?

Open Graph protokoli — ilk bor Facebook tomonidan ishlab chiqilgan meta ma’lumotlar standarti. Maqsad: web sahifalarni ijtimoiy tarmoqlarda boy karta ko‘rinishida ko‘rsatish. HTML kodida joylashgan OG teglar ijtimoiy tarmoq botlariga quyidagi savollarga javob beradi: Bu sahifaning sarlavhasi nima? Tavsifi qanday? Qaysi rasm ishlatiladi? URL qaysi? Kontent turi — maqola, mahsulot yoki video?

Bugun Open Graph faqat Facebook platformasi bilan cheklanmaydi. LinkedIn, WhatsApp, Telegram, Slack va ko‘plab messendjerlar OG ma’lumotlarini o‘qib, havola previewini yaratadi. X (Twitter) o‘zining Twitter Card teglarini qo‘llasa-da, ko‘p hollarda OG teglaridan ham foydalanadi. Shu sababli Open Graph sozlamasi zamonaviy web saytlarda texnik SEO, ijtimoiy tarmoq optimizatsiyasi va foydalanuvchi tajribasi orasida ko‘prik vazifasini bajaradi.

OG teglar to‘g‘ridan-to‘g‘ri Google reyting faktori emas — ya’ni OG qo‘shganingiz uchun avtomatik natija o‘zgarmaydi. Lekin ijtimoiy tarmoqda aniq, professional va ko‘zga ko‘rinadigan previewga ega bo‘lsangiz, trafik oshadi, kontent ko‘proq ulashiladi va brend signallari kuchayadi. Bu esa OG teglar bilvosita raqamli ko‘rinishga ijobiy ta’sir qiladi.

Open Graph Teglar Nima Uchun Muhim?

Ijtimoiy tarmoq foydalanuvchilari havolaga bosishdan oldin bir necha soniya ichida qaror qabul qiladi. Bu qarorga ta’sir qiluvchi eng muhim elementlar: sarlavha, rasm, tavsif va ishonchli domen nomi. OG teglar aynan shu to‘rt elementni boshqarishga yordam beradi. Mobil qurilmalarda havola preview ko‘pincha sahifa haqida birinchi va yagona taassurot bo‘lib xizmat qiladi.

• Bosish ko‘rsatkichini oshiradi: Aniqlik bilan yozilgan sarlavha va qiziqarli rasm ijtimoiy tarmoqda ko‘proq e’tibor tortadi.
• Brend izchilligini ta’minlaydi: Har bir ulashishda to‘g‘ri logo, ranglar, tavsif va URL ko‘rinadi.
• Noto‘g‘ri rasm tanlanishini oldini oladi: Platformalarning tasodifiy rasm tanlashining oldi olinadi.
• Ulashish tajribasini yaxshilaydi: WhatsApp, LinkedIn yoki Facebookda professional preview karta hosil qiladi.
• Kampaniya natijasini qo‘llab-quvvatlaydi: Mahsulot, chegirma yoki yangilik sahifalarida xabar to‘g‘ri yetkaziladi.

Masalan, hosting kampaniyasi sahifasini tasavvur qiling. OG rasmida kampaniya nomi, foizli chegirma va brend ranglari bo‘lsa, foydalanuvchi havolani ko‘rganda darhol ma’lumot oladi. OG teglar bo‘lmasa, tizim sahifadagi kichik ikonka yoki aloqasiz banner rasmini tanlaydi — bu ishonch va bosish niyatini kamaytiradi. Kampaniya sahifasi tayyorlashda ishonchli hosting, tez server javobi va HTTPS ishlatish ham muhim. WordPress hosting Korporativ Hosting

Majburiy Foydalanilishi Kerak OG Teglar

Har bir web saytning ehtiyojlari turlicha, lekin Open Graph asosiy konfiguratsiyasida bir necha teg deyarli majburiy. Ular ijtimoiy platformalarga havolangizni to‘g‘ri tushunish uchun minimal ma’lumotlar to‘plamini ta’minlaydi.

og:title

og:title — ijtimoiy tarmoqda ko‘rinadigan sarlavhani belgilaydi. SEO title bilan aynan bir xil bo‘lishi shart emas. Ijtimoiy tarmoq uchun qisqaroq, aniqlik va bosish niyatini oshiradigan sarlavha yozishingiz mumkin. Odatda 40-60 belgidan iborat sarlavha mobil preview uchun ham xavfsiz hisoblanadi. Juda uzun sarlavhalar mobil ko‘rinishda kesiladi.

Misol: <meta property='og:title' content='Open Graph Teglar bilan Ijtimoiy Tarmoq Ko‘rinishingizni To‘g‘ri Sozlang'>

og:description

og:description — preview kartadagi qisqa tavsif. Foydalanuvchiga sahifada nima borligini ochiq aytishi kerak. 120-160 belgilik tavsif ko‘pchilik platformalar uchun ideal. Tavsif reklama kabi bo‘lishi shart emas, axborotga boy va qiziqarli yozilsin.

Misol: <meta property='og:description' content='OG teglar orqali sarlavha, rasm va tavsifni boshqaring; ijtimoiy tarmoq ulashishlaringiz professional ko‘rinsin.'>

og:image

og:image — ulashishda ko‘rsatiladigan rasm URL manzili. Bu teg ijtimoiy tarmoq natijasini eng ko‘p ta’sir qiladigan qism. Rasm to‘liq URL bilan, HTTPS orqali ochilishi va bloklanmagan bo‘lishi kerak. 1200 x 630 piksel o‘lcham — gorizontal preview kartalar uchun universal standart. Fayl hajmini iloji boricha 300 KB — 1 MB oralig‘ida tuting, tez yuklanishi muhim.

Misol: <meta property='og:image' content='https://misoldomen.uz/rasmlar/open-graph-qollanma.jpg'>

og:url

og:url — kontentning asosiy ijtimoiy tarmoq ulashish manzilini ko‘rsatadi. Parametrli URL, sessiya ID yoki tracking kodlar bo‘lmasligi kerak. Bir xil kontent turli URL variantlari bilan ochilsa, OG URL bilan asosiy manzilni aniqlash statistikani bo‘linishdan saqlaydi.

og:type

og:type — kontent turini bildiradi. Bloglar uchun article, asosiy sahifalar uchun website, mahsulotlar uchun product. Bu platformalarning kontentni to‘g‘ri tasniflashiga yordam beradi.

og:site_name va og:locale

og:site_name — saytingiz brend nomini ko‘rsatadi. og:locale esa til va mintaqa ma’lumotini belgilaydi. O‘zbekistonga yo‘naltirilgan sayt uchun uz_UZ qiymati tanlanadi. Ko‘p tilli saytlarda har bir til uchun to‘g‘ri locale tanlang.

Asosiy OG Teglar uchun Qisqacha Jadval

Open Graph va Twitter Card O‘rtasidagi Farq

Open Graph teglar ko‘plab ijtimoiy tarmoqlar tomonidan o‘qilsa, Twitter Card teglar aynan X platformasi uchun ishlab chiqilgan. Ikki tizim o‘xshash, lekin nomlash va ba’zi xususiyatlar farq qiladi. Eng yaxshi amaliyot — sahifada OG va Twitter Card teglarini birgalikda ishlatish. Shunda kontent har xil platformalarda izchil ko‘rinadi.

Amalda blog posti uchun OG teglarni belgilab, Twitter Cardda twitter:card qiymatini summary_large_image qilish odatda yaxshi natija beradi. Shunda katta rasmli karta hosil bo‘ladi va mobil tarmoqda yanada ko‘rinadi.

Open Graph Teglarni Qanday Qo‘shish Mumkin?

OG teglar sahifaning HTML head qismida joylashadi. Ya’ni foydalanuvchi ko‘radigan kontentda emas, brauzerlar va tarmoq botlari o‘qiydigan meta ma’lumotlar bo‘limida. Platformaga qarab usul o‘zgaradi.

1. WordPress Saytlarda OG Teglarni Qo‘shish

WordPress ishlatayotgan bo‘lsangiz, OG teglarni kod yozmasdan boshqarish mumkin. Yoast SEO, Rank Math, All in One SEO kabi plaginlar har bir post va sahifa uchun ijtimoiy tarmoq sarlavhasi, tavsifi va rasmini belgilash imkonini beradi.

• SEO plaginini o‘rnatib, faollashtiring.
• Post yoki sahifa tahririga kiring.
• Ijtimoiy tarmoq (social) bo‘limini oching.
• Facebook/LinkedIn uchun sarlavha, tavsif va rasm tanlang.
• Rasmini 1200 x 630 px formatda yuklang.
• Sahifani yangilang va test vositasida previewni ko‘ring.

WordPress saytlarda tezlik ham muhim. Ijtimoiy tarmoq botlari sahifaga kira olmasa yoki server javobi sekin bo‘lsa, preview to‘liq chiqmaydi. Shuning uchun tez va ishonchli WordPress hosting tanlash zarur. WordPress hosting LiteSpeed Hosting

2. Maxsus Dastur yoki Statik Saytlarda OG Teglarni Qo‘shish

Laravel, Next.js, Nuxt, oddiy HTML yoki statik generator ishlatayotgan bo‘lsangiz, OG teglarni shablon darajasida belgilashingiz mumkin. Blog va mahsulot sahifalarida sarlavha, tavsif va rasm dinamik tarzda bazadan olinadi.

Soddaroq misol: <meta property='og:title' content='Sahifa Sarlavhasi'> <meta property='og:description' content='Sahifa tavsifi'> <meta property='og:image' content='https://site.com/og-rasm.jpg'> <meta property='og:url' content='https://site.com/sahifa'> <meta property='og:type' content='article'>

Dinamik tizimlarda tez-tez uchraydigan xato — har bir sahifaga bir xil OG sarlavha va rasm qo‘yish. Ayniqsa yuzlab mahsulot sahifasi bo‘lgan e-tijoratda preview natijasi pasayadi. Har bir muhim sahifa uchun alohida OG ma’lumotlari bo‘lishi kerak.

3. E-Tijorat Saytlarda Mahsulotga Mos OG Teglar

E-tijorat sahifalarda mahsulot nomi og:title ga, qisqa foydasi og:description ga, sifatli mahsulot rasmi og:image ga qo‘shiladi. Stokda yo‘q mahsulotlarda foydalanuvchini chalg‘itadigan reklama matnlardan qoching. Mahsulot variantlari bo‘lsa, asosiy mahsulot sahifasining canonical URLi og:url ga tanlanadi.

Masalan, mahsulot sahifasi ulashilganda foydalanuvchi mahsulot rasmini, narx yoki asosiy xususiyatini darhol anglay olishi kerak. Tavsifda haddan tashqari sotuv matni emas, mahsulot qanday foyda beradi — qisqa va ishonchli yozilsin.

Ideal Open Graph Rasm O‘lchamlari va Fayl Qoidalari

OG rasm — preview kartaning eng ko‘zga ko‘rinadigan elementi. Past sifatli, kesilgan yoki matni o‘qilmaydigan rasm no-professional taassurot beradi. 2026 yilda ham universal tavsiya — 1200 x 630 piksel. Bu taxminan 1.91:1 format bo‘lib, Facebook va LinkedIn kabi platformalarda mos keladi.

• Tavsiya o‘lcham: 1200 x 630 px.
• Minimal: 600 x 315 px, lekin sifat uchun kattaroq tanlang.
• Format: JPG yoki PNG keng qo‘llaniladi; WebP ba’zi platformalarda muammo beradi.
• Fayl hajmi: Iloji boricha 1 MB dan kichik.
• URL: To‘liq URL ishlating, nisbiy yo‘l emas.
• HTTPS: Rasm xavfsiz bog‘lanish orqali ochilishi zarur.

Rasm dizaynida muhim matnlarni chetga juda yaqin joylashtirmang — ba’zi platformalar kartani kesadi. Logo, sarlavha va asosiy xabar markazda bo‘lsin. Har bir post uchun alohida OG rasm tayyorlash ijtimoiy tarmoqda takrorlash hissini kamaytiradi.

Open Graph Teglarni Test Qilish va Kesh Muammolari

OG teglarni qo‘shgandan so‘ng, albatta test qiling. Chunki ijtimoiy tarmoqlar sahifani keshga oladi. Bir marta noto‘g‘ri rasm yoki tavsif tanlansa, o‘zgartirsangiz ham eski ko‘rinish bir muddat saqlanadi.

Test uchun Asboblar

• Facebook Sharing Debugger: URLni skaner qiladi, OG teglarni ko‘rsatadi va keshni yangilash imkonini beradi.
• LinkedIn Post Inspector: LinkedIn preview kartasini tekshirish uchun ishlatiladi.
• Twitter Card Validator: X kartasi to‘g‘ri ishlayotganini ko‘rsatadi.
• WhatsApp testi: Havolani o‘zingizga yuborib, mobil previewni amalda tekshirish mumkin.

Testda 404 xatolik, 403 kirish cheklovi, SSL ogohlantirish yoki robots.txt cheklovi chiqsa, tarmoq botlari sahifaga kira olmaydi. Bu holatda hosting xavfsizlik sozlamalarini, CDN qoidalarini va firewall konfiguratsiyasini ko‘rib chiqing. To‘g‘ri va ishonchli SSL, tarmoq botlarining rasm va sahifaga kirishida muhim rol o‘ynaydi. SSL sertifikati CDN nima 403 Ta'qiq Qilindi Xatosi Hal Qilish

Tez-tez Uchraydigan Open Graph Xatolari

Open Graph amaliyotida kichik xatolar katta preview muammolariga olib keladi. Quyida texnik SEO auditida eng ko‘p uchraydigan xatolar keltirilgan.

• Nisbiy rasm yo‘li ishlatish: /images/og.jpg emas, https://site.com/images/og.jpg kabi to‘liq URL bo‘lishi kerak.
• Rasmga kirish cheklangan: Hotlink himoyasi, firewall yoki noto‘g‘ri fayl ruxsatlari botlarni to‘sadi.
• Har sahifada bir xil OG ma’lumot ishlatish: Blog, mahsulot va xizmat sahifalari uchun alohida sarlavha va tavsif ishlatilsin.
• Juda uzun sarlavha yozish: Mobil previewda kesiladi va xabar aniqligi yo‘qoladi.
• HTTPS ishlatmaslik: Xavfsizlik ogohlantirishlari va kirish muammolari chiqadi.
• Keshni tozalamaslik: Ijtimoiy tarmoq eski rasmni ko‘rsatishda davom etadi.
• Canonical URL va OG URL mos kelmasligi: Ulashish signallari turli URLga tarqaladi.

Misol: blog postida preview rasmni o‘zgartirdingiz, lekin WhatsApp hali ham eski rasmni ko‘rsatmoqda. Odatda sabab — platforma keshidir. Avval sahifa kodida og:image qiymati yangilanganini tekshiring. Keyin Facebook Sharing Debugger yoki mos platforma orqali URLni qayta skanerlash. Hali ham eski rasm chiqsa, CDN va server keshini tozalang.

SEO Nuqtai Nazaridan Open Graph Teglar

Open Graph teglar klassik SEO tegi emas — title, meta description, canonical yoki structured data kabi to‘g‘ridan-to‘g‘ri qidiruv natijasini shakllantirmaydi. Lekin 2026 SEO strategiyasida foydalanuvchi harakati, brend ishonchi, kontent tarqatish va ko‘p platformali ko‘rinish birgalikda o‘ylanishi kerak. Ijtimoiy tarmoqda yaxshi ko‘rinadigan kontent ko‘proq bosish, ulashish va konversiyaga erishadi.

Ayniqsa Google AI Overviews va boy natijalar davrida, kontent faqat qidiruv botlari uchun emas, ijtimoiy tarmoq preview tizimlari uchun ham tushunarli bo‘lishi zarur. OG teglar shu sababli texnik SEO checklistining ajralmas qismi hisoblanadi.

Yaxshi amaliyot uchun SEO sarlavhasi va OG sarlavhasini bir maqsadga xizmat qiladigan qilib yozing. SEO sarlavha qidiruv natijasida raqobat qilsin, OG sarlavha esa ijtimoiy tarmoqda e’tibor tortsin. Ikkisi bir-biriga zid bo‘lmasin, foydalanuvchini chalg‘itmasin va sahifaning haqiqiy mazmunini to‘g‘ri aks ettirsin. Meta description va og:description ham bir-biriga mos, lekin platformaga mos optimizatsiya qilinsin.

Bosqichma-bosqich Open Graph Checklist

Quyidagi checklist yangi sahifani joylashtirishdan oldin tez audit uchun ishlatiladi. Ayniqsa agentliklar, kontent jamoalari va web administratorlar uchun standart ish jarayonini yaratadi.

• Sahifada alohida og:title qiymati bormi?
• og:description sahifani to‘g‘ri va qisqa tushuntiradimi?
• og:image 1200 x 630 px va sifatli rasmmi?
• Rasm HTTPS orqali hamma uchun ochiladimi?
• og:url canonical URL bilan mos keladimi?
• og:type kontent turiga mos tanlanganmi?
• O‘zbek tiliga yo‘naltirilgan sahifada og:locale uz_UZ deb tanlanganmi?
• Facebook, LinkedIn va WhatsApp preview testdan o‘tganmi?
• CDN yoki kesh tozalash bajarilganmi?
• Mobil previewda sarlavha va rasm kesilishi tekshirilganmi?

Ushbu ro‘yxatni har bir blog post, mahsulot sahifasi, kampaniya va muhim korporativ sahifa uchun qo‘llash ijtimoiy tarmoq previewda izchillik beradi. Shuningdek, jamoa ichidagi sifat nazoratini tezlashtiradi.

Hosting, SSL va Domenning OG Ko‘rinishga Ta’siri

OG teglar HTML ichida belgilansa-da, to‘g‘ri ishlashi uchun web infratuzilmasi sog‘lom bo‘lishi zarur. Ijtimoiy tarmoq botlari sahifaga kirganda server tez va xatosiz javob berishi kerak. Server tez-tez timeoutga tushsa, SSL noto‘g‘ri bo‘lsa yoki rasm 403 bilan bloklansa, preview karta to‘liq chiqmaydi.

Domen nomi ham ishonch uchun muhim. Qisqa, o‘qilishi oson va brendga mos domen ijtimoiy karta previewda foydalanuvchiga professional taassurot beradi. SSL sertifikati esa foydalanuvchi ishonchi va platforma mosligi uchun endi asosiy talab. Yangi sayt ochayotgan bo‘lsangiz, domen, hosting va SSL konfiguratsiyasini boshidan to‘g‘ri rejalashtiring — bu keyingi ijtimoiy tarmoq va SEO muammolarini kamaytiradi. domen so'rov Veb-xosting SSL sertifikati

Xulosa: Open Graph Teglar Kichik, Ammo Ta’siri Katta Optimizatsiya

Open Graph (OG) teglar — web saytingizning ijtimoiy tarmoqda qanday ko‘rinishini boshqaruvchi asosiy meta ma’lumotlar. To‘g‘ri sarlavha, tavsif, rasm va URL tanlash orqali havolalaringiz ishonchli, tushunarli va bosish uchun jozibador bo‘ladi. Bu optimizatsiya to‘g‘ridan-to‘g‘ri reyting kafolatlamaydi, ammo ijtimoiy trafik, brend obro‘si va kontent tarqatish uchun kuchli yordam beradi.

Yangi kontent joylashtirishda OG teglarni tekshirish, rasmlarni to‘g‘ri o‘lchamda tayyorlash va previewni test qilish — professional web boshqaruvi odatidir. Hosting infratuzilmasini tez, SSLni ishonchli va domenni to‘g‘ri boshqarsangiz, ijtimoiy tarmoq kartalari muammosiz ishlaydi. Hostragons xizmatlarini ko‘rib, saytingiz uchun ishonchli asos yarating va OG auditni muntazam ish jarayonining bir qismiga aylantiring.

Ko‘p So‘raladigan Savollar

Open Graph (OG) teglar nima uchun kerak?

Open Graph (OG) teglar — web sahifa ijtimoiy tarmoqda ulashilganda qaysi sarlavha, tavsif, rasm va URL ko‘rsatilishini belgilaydi. Preview karta professional va izchil ko‘rinadi.

OG teglar SEO reytingiga bevosita ta’sir qiladimi?

OG teglar to‘g‘ridan-to‘g‘ri Google reyting faktori emas. Ammo ijtimoiy tarmoqda ko‘proq bosish, ulashish va brend ishonchi yaratib, SEO natijasiga bilvosita yordam beradi.

Open Graph rasm o‘lchami nechta piksel bo‘lishi kerak?

Eng xavfsiz OG rasm o‘lchami — 1200 x 630 piksel. Rasm HTTPS orqali ochiladigan, sifatli va iloji boricha 1 MB dan kichik bo‘lishi tavsiya etiladi.

WordPress’da OG teglar qanday qo‘shiladi?

WordPress’da Yoast SEO, Rank Math yoki All in One SEO kabi plaginlar orqali har bir sahifa va post uchun ijtimoiy tarmoq sarlavhasi, tavsifi va rasmini oson belgilash mumkin.

WhatsApp noto‘g‘ri rasm ko‘rsatsa nima qilish kerak?

Avval sahifa kodida og:image qiymati to‘g‘ri ekanini tekshiring. Keyin kesh va CDN keshini tozalang, Facebook Sharing Debugger kabi test asboblari bilan URLni qayta skanerlash va previewni yana tekshiring.