Telegram, WhatsApp  +380637610482
Valeriy Danyuk
Valeriy DanyukdasturchiBiznes uchun AI vositalarini ishlab chiqish. Yuqori sifatli. Arzon.Telegramga yozish

Onlayn ochiq grafikni tekshirish: veb-sayt havolasi ijtimoiy tarmoqlarda qanday ko'rinadi va uni qanday tuzatish mumkin

Open Graph Checker Online: Facebook, X va LinkedIn, og:image size va Twitter Card uchun havolalarni oldindan ko'rish

Siz nima olasiz

  • Bepul nashr etishdan oldin Facebook, Twitter va LinkedIn sahifalaringiz havolalarini oldindan ko'rib chiqing.
  • Yo'qolgan og va Twitter teglari ro'yxati hamda og:rasm o'lchamini tekshirish
  • Ijtimoiy tarmoqlar va tezkor xabar almashish ilovalarida "qotib qolgan" eski ko'rinishni yangilash retsepti.
Qo'llash: 10 daqiqadaSaqlashlar: Yomon oldindan ko'rishlar tufayli postlarga kirish imkoni yo'qoldi

Qisqa javob: Open Graph ni onlayn tekshirish uchun sahifa manzilini bepul Open Graph Debugger PromoPilot ga joylashtiring. U barcha og:* va Twitter Card teglarini o'qiydi, rasmning mavjudligi va hajmini tekshiradi, belgilashning to'liqligini baholaydi va Facebook, X (Twitter) va LinkedIn uchun havolalarni oldindan ko'rishni ko'rsatadi, shuningdek, nima qo'shish kerakligi bo'yicha tavsiyalar beradi. Ro'yxatdan o'tish shart emas. Quyida kerakli teglar, kerakli og:rasm o'lchami va "tiqilib qolgan" oldindan ko'rishni qanday yangilash mumkinligi keltirilgan.

Men 12 yildan beri veb-saytlar yaratib kelmoqdaman va mijozlardan reytinglar haqidagi savollarga qaraganda "Nega Telegram havolasida rasm yo'q?" degan savolni ko'proq eshitaman. Odatda bu besh daqiqalik ish — agar qayerga qarashni bilsangiz.

Open Graph Debugger nimani tekshiradi?

Post yoki xabarga havola qo'shganingizda, platforma sahifaga o'tadi va Open Graph teglarini qidiradi. Agar topsa, chiroyli kartani tortadi. Agar topmasa, topgan narsasini oladi yoki bo'sh URL manzilini ko'rsatadi. Asbob faqat ijtimoiy tarmoqlar nimani o'qishini tekshiradi.

U nimani tekshiradi? U nimaga qarayapti? Nima uchun biznes bunga muhtoj?
Barcha teglar og:* og:sarlavha, og:tavsif, og:rasm, og:url, og:turi, og:sayt_nomi, og:mahalliy Saytlar shulardan kartaning sarlavhasini, tavsifini va rasmini to'playdi.
Twitter kartasi twitter:karta, twitter:sarlavha, twitter:tavsif, twitter:rasm X (Twitter) o'z teglarini o'qiydi va agar ular yo'q bo'lsa, qisman og
OG tasviri Rasm bormi va uning o'lchami qanday? Kichik rasm kartani yon tomondagi kichkina belgiga aylantiradi
To'liqlikni baholash Tavsiya etilgan teglar nechta to'ldirilgan? Tezkor ma'lumotnoma: hamma narsa joyidami?
Tarmoqqa oid oldindan ko'rishlar Facebook, X va LinkedIn uchun kartalar Nashr qilishdan oldin post qanday ko'rinishini ko'rishingiz mumkin.
Tavsiyalar Nimani qo'shishim yoki tuzatishim kerak? Dasturchi yoki siz uchun tayyor vazifalar ro'yxati

Open Graph sahifalarini onlayn qanday tekshirish mumkin?

Open Graph ni 4 bosqichda tekshiring: URL manzilini joylashtiring, og teglarini tekshiring, ijtimoiy tarmoqlardagi oldindan ko'rishlarni ko'ring, etishmayotgan teglarni qo'shing

  1. Open Open Graph Debugger.
  2. Ulashmoqchi bo'lgan sahifaning URL manzilini kiriting: maqola, mahsulot yoki reklama qo'nish sahifasi. "Tekshirish" tugmasini bosing.
  3. Teglar ro'yxatini ko'rib chiqing: qaysilari o'rnatilgan, qaysilari bo'sh va og:url da begona yoki sinov manzili bor-yo'qligini.
  4. Har bir tarmoq uchun oldindan ko'rishni tekshiring: sarlavha o'chirilganmi, rasm ko'rinib turibdimi va chekkalarida biron bir muhim matn bormi?
  5. Iltimos, tavsiya etilganidek, etishmayotgan teglarni qo'shing va sahifani qayta tekshiring.

Asboblar sahifasi: manzil maydoni, "Tekshirish" tugmasi, tekshiruvlar ro'yxati va FAQ.

PromoPilot’ning bepul Open Graph Debugger sahifasi: URL maydoni, OG yorlig‘i tekshiruvchisi va Facebook, Twitter va LinkedIn uchun oldindan ko‘rishlar

Ushbu vosita yengil: kunlik limit mehmonga saytning barcha shablonlarini — bosh sahifa, kategoriya, mahsulot va maqolani tekshirish uchun yetarli. Bepul ro'yxatdan o'tgandan so'ng, limit uch baravar oshiriladi.

Open Graph dasturida eng ko'p uchraydigan xatolar qanday?

Mana, men deyarli har bir boshqa saytda topadigan narsalarim va uni qanday tartibda tuzatish kerakligi.

  1. Bu yerda og:image yo'q yoki u nisbiy URL sifatida ko'rsatilgan. Ijtimoiy tarmoqlar content="/img/cover.jpg" tushunmaydi — https:// bilan boshlanadigan to'liq URL talab qilinadi. Rasmsiz postning qamrovi sezilarli darajada kamayadi.
  2. Rasm juda kichik. 200x200 logotipi kartani yon tomondagi kichik kvadratga aylantiradi. 1200x630 o'lchamdagi rasm kerak.
  3. Butun sayt uchun bitta og:rasm. Ijtimoiy tarmoqlardagi har bir maqola va har bir mahsulot bir xil ko'rinishda bo'lishi kerak — logotip bilan. Blog va katalog uchun rasm sahifaning asosiy fotosuratidan olinishi kerak.
  4. og:url boshqa manzilga — bosh sahifaga, sinov domeniga yoki http:// versiyasiga olib boradi. Platforma barcha havolalarni bitta sahifaga birlashtirishi mumkin.
  5. Twitter:card yo'q. Usiz X ko'pincha kichik kartani ko'rsatadi. Kattaroq rasm uchun sizga summary_large_image kerak.
  6. og:title sarlavhani "sotib olish" va brend bilan takrorlaydi. Ijtimoiy tarmoqlarda bu reklamaga o'xshaydi; post uchun bo'lgani kabi jonli sarlavha yaxshiroq.

Minimal to'g'ri to'plam quyidagicha ko'rinadi:

<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">

Og:image uchun rasmni qanday tayyorlash mumkin?

Rasm kartaning eng ko'zga tashlanadigan qismi bo'lib, odamlar ko'pincha aynan shu yerda kamchilik qilishadi. Men amal qiladigan bir nechta qoidalar:

  • Hajmi 1200 × 630 va yo'nalishi gorizontal. Ijtimoiy tarmoq mahsulotning kvadrat fotosuratining yuqori va pastki qismini kesib tashlaydi, natijada mahsulotning boshi yoki tagligi yo'q bo'lib qolishi mumkin.
  • Muhimi markazda. Turli platformalar chekkalarni turlicha qirqishadi va mobil qurilmalarda karta yanada kichikroq bo'ladi. Matnni katta va chekkalardan uzoqroq tuting.
  • Minimal matn. Sarlavha allaqachon rasm ostida; rasmning o'zida 3-6 ta so'z yoki hech qanday izoh qo'shmaslik kifoya.
  • Yengil fayl. O'rtacha o'lchamdagi JPG yoki PNG tezda yuklanadi va platforma kutish vaqti tugamaydi.
  • Har bir asosiy sahifa uchun maxsus rasm. Maqolalar va mahsulotlar uchun avtomatik ravishda bitta rasm yaratish qulay: maqola muqovasi yoki asosiy mahsulot fotosurati.

Yaxshi sinov - telefoningizdagi nosozliklarni tuzatuvchida oldindan ko'rishni ochish. Agar havola kattalashtirmasdan aniq bo'lmasa, tasvirni qayta ishlash kerak.

Tuzatishdan keyin eski ko'rinishni qanday yangilayman?

Umumiy stsenariy: siz teglarni tuzatdingiz, lekin ijtimoiy tarmoq o'jarlik bilan eski rasmni ko'rsatadi. Sababi kesh: platforma birinchi ulashishdan oldingi ko'rinishni eslab qolgan. Facebook Sharing Debugger-da ma'lumotlarni qayta to'plash LinkedIn-da Post Inspector-da va Telegram -da siz havolani yuboradigan @WebpageBot botida yordam beradi. Agar barchasi bajarilmasa, manzilga zararsiz parametr qo'shing, masalan ?v=2: platforma uchun bu yangi havola.

Taqqoslash: Ochiq Grafik Debugger va Muqobillari

Asbob Nima bepul? Cheklovlar Bu kimga mos keladi?
PromoPilot - Ochiq Grafik Nosozliklarni Tuzatuvchi Barcha og va Twitter teglari, og:rasm o'lchami, Facebook, X va LinkedIn uchun oldindan ko'rishlar, tavsiyalar Ijtimoiy media keshini tozalamaydi Sahifangizni biron bir ijtimoiy tarmoqqa joylashtirishdan oldin darhol tekshirib ko'ring
Almashish nosozliklarni tuzatuvchisi (Meta) Facebook oldindan ko'rish va ma'lumotlarni qayta to'plash Faqat Facebook, akkauntga kirish talab qilinadi Facebook eski ko'rib chiqishni tiklash
LinkedIn pochta inspektori LinkedIn oldindan ko'rish va keshni yangilash Faqat LinkedIn, tizimga kirish talab qilinadi LinkedIn’da reklama qilayotganlar uchun
Telegram @WebpageBot Telegram havolalarni oldindan ko'rish yangilanmoqda Faqat Telegram, teglarni tahlil qilmaydi Telegram kanali egalari uchun

Xulosa: keshni tozalash uchun rasmiy platforma nosozliklarni tuzatuvchilari kerak, ammo har bir platforma faqat o'z tarmog'ini ko'rsatadi. Barcha oldindan ko'rishlarni va yo'qolgan teglar ro'yxatini bir vaqtning o'zida ko'rish uchun universal nosozliklarni tuzatuvchi qulayroq.

Aytgancha, PromoPilot’da 87 ta bepul SEO vositalari mavjud. Agar siz hali teglar yozmagan bo‘lsangiz, bizning seriyamizda oldindan ko‘rish bilan Open Graph blokini yaratadigan meta teg generatori haqida maqola bor.

Open Graph Debugger meta teg tahlilidan nimasi bilan farq qiladi?

Meta teg tahlili sahifaga qidiruv tizimining nigohi bilan qaraydi: sarlavha, tavsif, kanonik, hreflang va Open Graph - bu faqat bitta guruh. Nosozliklarni tuzatuvchi ijtimoiy tarmoqlarga e'tibor qaratadi: u turli platformalar uchun kartalar yaratadi, rasm hajmini tekshiradi va oldindan ko'rishlar asosida maxsus tavsiyalar beradi. Agar saytingizga havolalar ijtimoiy tarmoqlarda va xabar almashish ilovalarida faol ravishda ulashilsa, nosozliklarni tuzatuvchi foydaliroq bo'ladi.

Ikkalasida ham bitta cheklov mavjud: ular server tomonidan qaytarilgan HTML kodini o'qiydilar. Agar teglar brauzer skripti tomonidan kiritilgan bo'lsa, ko'plab ijtimoiy tarmoqlar ularni ko'rmaydi — bu veb-sayt tomonidan tuzatilishi kerak. Yana bir tafsilot: nosozliklarni tuzatuvchi teglarni tekshiradi, lekin ulashishning o'zini emas. Agar sahifa parol bilan himoyalangan, geobloklangan yoki botlardan himoyalangan bo'lsa, ijtimoiy tarmoq barcha teglar mavjud bo'lsa ham, unga kira olmasligi mumkin.

Qachon bepul vosita yetarli emas?

Open Graph sozlamalaridan oldin va keyin ijtimoiy tarmoq havolalarining oldindan ko'rishlari: katta rasm va aniq sarlavhaga qarshi yalang'och URL

Nosozliklarni tuzatuvchi sahifada og:image yo'qligini ko'rsatadi. Lekin agar minglab sahifalar bo'lsa, rasmlarni qo'lda kiritish mumkin emas. Quyidagi hollarda mutaxassis kerak bo'ladi:

  • har bir mahsulot yoki buyum avtomatik ravishda to'planadigan o'zining oldindan ko'rish tasviriga ega bo'lishi kerak;
  • sayt teglarni skript yordamida qaytaradi va ijtimoiy tarmoqlar ularni ko'rmaydi;
  • Siz har bir oldindan ko'rish bosish narxiga ta'sir qiladigan reklamalar va pochta xabarlarini ishga tushirasiz;
  • Bizga "veb-sayt + Telegram kanali + avtomatik nashriyot" va to'g'ri kartalarning kombinatsiyasi kerak.

Veb-saytingiz uchun nima qila olaman?

Men Valeriy Danyukman, 12 yillik tajribaga va 200 dan ortiq mijozlarga ega dasturchi va SEO mutaxassisiman. Chiroyli havolalarni oldindan ko'rish bepul va men uni har bir loyiha uchun moslashtiraman.

SEO va reklama

Veb-saytlar va onlayn do'konlar

Botlar va avtomatlashtirish

Menga Telegram messenjerda yomon ko'rinadigan havola yuboring, men sizga qaysi teg yo'qligini aytib beraman.

Natija

  1. Onlayn Open Graph tekshiruvchisi Facebook, X va LinkedIn’da havola qanday ko‘rinishini va qaysi teglar yetishmayotganini ko‘rsatadi.
  2. Minimal talab - og: sarlavha, og: turi, og: tasvir (1200 × 630, to'liq manzil) va og: url, shuningdek, twitter: karta.
  3. Tuzatgandan so'ng, saytlarning keshini qayta o'rnating: Sharing Debugger, Post Inspector, @WebpageBot.
  4. Katalog va blog uchun oldindan ko'rish rasmlari 1001site saytidagi kabi avtomatik ravishda to'planishi kerak.

Obunachilaringiz postni ko'rishdan oldin, bepul Open Graph Debugger ilovasida ulashmoqchi bo'lgan sahifangizni tekshiring.

Manbalar

  • PromoPilot’ning Open Graph Debugger vositasi sahifasi — tekshiruvlar ro‘yxati va tez-tez so‘raladigan savollar.
  • Ochiq Grafik Protokoli (ogp.me) - majburiy va ixtiyoriy xususiyatlar.
  • Meta'ning Sharing Debugger va LinkedIn Post Inspector platformalarining rasmiy vositalaridir.

Manbalar va manbalar

Savollar va javoblar

Qanday OG teglari talab qilinadi?

Open Graph spetsifikatsiyasi to'rtta tegni talab qiladi: og:title, og:type, og:image va og:url. Amalda, og:description, og:site_name va og:locale ni qo'shishga arziydi, X (Twitter) uchun esa twitter:card. Asbob qaysi teglar yetishmayotganini ko'rsatadi va belgilashning to'liqligini baholaydi.

Tavsiya etilgan OG tasvir o'lchami qanday?

Tavsiya etilgan og:rasm o'lchami 1200x630 piksel (taxminan tomonlar nisbati 1.91:1). Bu rasm Facebook, LinkedIn va X formatidagi summary_large_image kartasida katta ko'rinadi. Ba'zi platformalarda chekkalari kesilganligi sababli, muhim matnni markazga yaqin tuting.

Nima uchun ijtimoiy tarmoq tuzatilgandan keyin eski ko'rinishni ko'rsatadi?

Ijtimoiy tarmoqlar va xabar almashish ilovalari keshini oldindan ko'rish. Teglarni tahrirlagandan so'ng, platformadan sahifani qayta tahrirlashni so'rang: Facebook Sharing Debugger-dagi qayta tahrirlash tugmasidan, LinkedIn-da Post Inspector-dan va Telegram -da @WebpageBot botidan foydalaning. Ba'zan havolaga?v=2 kabi parametr qo'shish yordam beradi.

Veb-saytni tekshirdik, lekin uni tuzatadigan hech kim yo'qmi?

Ushbu bepul vosita muammolarni ochib beradi. Men hisobotni tahlil qilaman, ustuvorliklarni belgilayman va ularni tuzataman: SEO auditi, tezlikni oshirish, belgilash va reytingni yo'qotmasdan yangi saytga o'tish.