Asosiy qismga oʻtish

Open Graph va meta teglarni oldindan koʻrish

Havola Google, Facebook, X, LinkedIn, Slack, Discord va iMessage da qanday koʻrinishini koʻring; serverimiz teglarni oʻqish uchun ochiq sahifani yuklaydi yoki yangi teglarni brauzeringizda yozasiz.

Serverimiz teglarni oʻqish uchun sahifani bir marta yuklaydi; hech narsa saqlanmaydi.

Serverimizda qayta ishlanadi · URL soʻrov boʻyicha yuklanadi, hech narsa saqlanmaydiQanday ishlaydi

Open Graph va meta teglar namunasi: foydalanish tartibi

  1. 1

    Havolani joylang

    Ochiq sahifa manzilini kiriting va uning sarlavhasi, tavsifi, Open Graph va X kartochka teglarini oʻqish uchun “Havola namunasini koʻrish” tugmasini bosing.

  2. 2

    Kartochkalarni koʻrib chiqing

    Google natijasini hamda Facebook, X, LinkedIn, Slack, Discord va iMessage uslubidagi kartochkalarni solishtiring va yoʻq yoki zaif teglar roʻyxatini oʻqing.

  3. 3

    Teglarni tahrirlang

    Sarlavha, tavsif va rasmni oʻzgartirib, har bir namuna yozish davomida yangilanishini koʻrish uchun “Bu teglarni tahrirlash” ni bosing yoki “Teglarni yozish” yorligʻini oching.

  4. 4

    Sahifangizga koʻchiring

    Yaratilgan meta teglarni sahifangizning head qismiga koʻchiring, eʼlon qiling va jonli URL ni qayta tekshiring.

Cheklovlar va Pro

Bepul: daqiqasiga 20 ta URL namunasi, 12 soniyalik kutish vaqti bilan 3 MB gacha HTML li sahifalar, har bir havola uchun 7 ta platforma namunasi va cheksiz teg tahrirlash.

Open Graph va meta teglar namunasi haqida

Meta teglar namunasi havolani ulashishdan oldin u qanday koʻrinishini koʻrsatadi. U havola namunalari tuziladigan teglarni oʻqiydi: HTML sarlavhasi va meta description, og:title, og:description, og:image va og:site_name kabi Open Graph teglari, twitter:card kabi X kartochka teglari hamda Discord oʻz kartochkasidagi chiziq uchun ishlatadigan mavzu rangi. Soʻng yettita namuna chizadi: Google qidiruv natijasi, Facebook va LinkedIn dagi havolali post, katta rasmli yoki qisqacha formatdagi X kartochkasi, Slack namunasi, Discord kartochkasi va iMessage uslubidagi xabar.

Biror maydon yoʻq boʻlsa, namunalar aksariyat platformalar kabi zaxira manbaga oʻtadi, masalan og:title dan sahifa sarlavhasiga, ogohlantirishlarda esa qaysi manba ishlatilgani koʻrsatiladi. Rasm ham tekshiriladi: uning piksel oʻlchami va turi fayl sarlavhasidan oʻqiladi, shunda rasm Facebook ning 200 × 200 minimumidan kichikmi, X ning 5 MB chegarasidan kattami, qoʻllab-quvvatlanmaydigan SVG mi yoki 2:1 li katta kartochka uchun shakli notoʻgʻrimi — bilib olasiz.

“Teglarni yozish” yorligʻi hech narsa yuklamasdan ishlaydi va tayyor meta teglar blokini beradi. Namunalar taxminiy: platformalar dizaynini oʻzgartirib turadi, kartochkalarni kunlab keshlaydi, baʼzilari esa tizimga kirgan foydalanuvchilarga boshqa matn koʻrsatadi. Oldin ulashilgan kartochkani yangilash uchun eʼlon qilganingizdan keyin platformaning oʻz tekshirish vositasidan foydalaning.

Maxfiylik

“URL ni tekshirish” rejimida manzil serverimizga yuboriladi: server teglar va rasm oʻlchamini oʻqish uchun shu sahifani hamda og:image ning dastlabki baytlarini bir marta yuklab oladi; hech narsa saqlanmaydi va jurnalga yozilmaydi. Namuna rasmlari esa brauzeringizga toʻgʻridan-toʻgʻri ularni joylagan saytdan yuklanadi. “Teglarni yozish” faqat brauzeringizda ishlaydi.

Imkoniyatlar

Yettita namuna

Google, Facebook, X, LinkedIn, Slack, Discord va iMessage uslubidagi kartochkalar yonma-yon.

og:image tekshiruvi

Piksel oʻlchami, fayl turi va hajmi rasmning oʻzidan oʻqiladi, platformalar minimumi bilan solishtiriladi.

Teg generatori

Sarlavha, tavsif va rasmni yozing hamda toʻliq Open Graph va X kartochka blokini nusxalang.

Open Graph va meta teglar namunasi: koʻp beriladigan savollar

Ulashilgan havola koʻrinishini qaysi teglar belgilaydi?
Aksariyat ilovalar Open Graph teglarini oʻqiydi: og:title, og:description, og:image, og:url va og:site_name. X kichik yoki katta kartochkani tanlash uchun twitter:card ni oʻqiydi, qolganini esa Open Graph dan oladi. Google qidiruvi buning oʻrniga HTML sarlavhasi va meta description dan foydalanadi. Hammasini belgilang; bu vosita “Teglarni yozish” yorligʻida toʻliq toʻplamni yozib beradi.
og:image qanday oʻlchamda boʻlishi kerak?
1200 × 630 piksel, yaʼni 1.91:1 nisbatdagi, 5 MB dan kichik PNG, JPEG yoki WebP dan foydalaning. Bu Facebook, LinkedIn, Slack va Discord dagi katta kartochkalarni toʻldiradi, X esa katta rasmli kartochkalar uchun uni biroz 2:1 ga qirqadi, shuning uchun matnni chetlardan uzoqroq joylang. Eni 600 pikseldan kichik rasmlar kichik miniatyura boʻlib chiqishi mumkin, SVG rasmlar esa qoʻllab-quvvatlanmaydi.
Nega Facebook yoki LinkedIn hali ham eski namunani koʻrsatadi?
Platformalar URL birinchi marta ulashilganda havola namunasini koʻpincha bir necha kunga keshlaydi. Teglarni oʻzgartirganingizdan keyin Facebook Sharing Debugger yoki LinkedIn Post Inspector orqali platformadan sahifani qayta oʻqishni soʻrang. Slack, Discord va iMessage ham keshlaydi va odatda maʼlum vaqtdan keyin yoki URL oʻzgarganda, masalan, soʻrov satri qoʻshilganda yangilanadi.
URL ni tekshirganimda biror narsa saqlanadimi?
Yoʻq. Brauzeringiz manzilni serverimizga yuboradi, server esa faqat teglar va rasm oʻlchamini oʻqish uchun sahifani va og:image ning dastlabki 256 KB qismini yuklab oladi, soʻng natijani qaytaradi. Hech narsa saqlanmaydi va jurnalga yozilmaydi. Siz koʻradigan namuna rasmlarini haqiqiy ilovalardagi kabi brauzeringizning oʻzi toʻgʻridan-toʻgʻri saytdan yuklaydi.
Nega namuna vositasi sahifamni oʻqiy olmaydi?
Sahifa http yoki https orqali hamma uchun ochiq boʻlishi kerak. Xavfsizlik uchun xususiy va lokal tarmoq manzillari rad etiladi, login talab qiladigan yoki botlarni toʻsadigan sahifalar oʻrniga login yoki tekshiruv sahifasi qaytadi, JavaScript keyinroq qoʻshgan teglar esa koʻrinmaydi, chunki server aksariyat ijtimoiy tarmoq robotlari kabi xom HTML ni oʻqiydi. Teglarni server chizadigan HTML ga joylang.