OGP ٹیگ جنریٹر (og:title، og:image اور مزید کے لیے خودکار آؤٹ پٹ)

URL، title، description، اور image URL درج کریں۔ Open Graph اور Twitter Card meta tags ایک ہی جگہ پر بنائیں۔

کاپی اور پیسٹ کے لیے تیار بلٹ اِن پیش منظر تصویر اور cache رہنمائی

استعمال کا طریقہ

  1. ٹول کھولیں اور canonical URL، title، اور image URL درج کریں۔
  2. ضرورت ہو تو description، site name، اور Twitter settings شامل کریں۔
  3. بنے ہوئے meta tags کاپی کریں اور اپنے page head میں پیسٹ کریں۔
  4. preview اور notices دیکھیں، پھر ضرورت ہو تو image ratio یا cache strategy ایڈجسٹ کریں۔

OGP کیا ہے؟

Open Graph Protocol (OGP) وہ metadata ہے جسے social platforms اور chat apps link preview دکھانے کے لیے استعمال کرتے ہیں۔

og:title، og:description، og:image اور متعلقہ tags مقرر کر کے آپ اس بات پر اثر ڈال سکتے ہیں کہ shared URLs کیسے دکھائی دیں۔

OGP کو Twitter Card tags کے ساتھ ملا کر مختلف platforms پر preview behavior کو زیادہ یکساں رکھا جا سکتا ہے۔

تصویر کے سائز کی رہنمائی (زیادہ مستحکم preview rendering کے لیے)

Meta platform رہنمائی (حوالہ)

  • کم از کم حوالہ: 200×200۔
  • اکثر مستحکم: 1200×630 یا اس سے بڑا، کم از کم 600×315۔
  • ہدف aspect ratio تقریباً 1.91:1۔
  • تصویری فائل سائز کے لیے 8MB یا اس سے کم بہتر سمجھا جاتا ہے۔

X کارڈ رہنمائی (حوالہ)

  • summary_large_image عموماً تقریباً 2:1 ratio کو ہدف بناتا ہے۔
  • حوالہ رینج: کم از کم 300×157، زیادہ سے زیادہ 4096×4096۔
  • فائل سائز کے لیے 5MB سے کم بہتر سمجھا جاتا ہے۔
  • جہاں سپورٹ ہو وہاں JPG/PNG/WEBP/GIF استعمال کریں۔

جب تبدیلیاں نظر نہ آئیں (cache اور دوبارہ scrape)

  • Social crawlers حاصل شدہ metadata cache کر سکتے ہیں۔ ہر platform کے debugger/inspector سے دوبارہ scrape کی درخواست کریں۔
  • اگر نئی image نظر نہ آئے تو image URL بدلنے سے مدد مل سکتی ہے (filename اپ ڈیٹ یا query string).
  • کچھ صورتوں میں og:image:width اور og:image:height مقرر کرنے سے rendering زیادہ مستحکم ہو سکتی ہے۔

اکثر پوچھے گئے سوالات

کیا یہ Twitter Card tags بھی بنا سکتا ہے؟

جی ہاں۔ یہ twitter:card اور متعلقہ tags کو ایک ساتھ output کر سکتا ہے۔ minimal mode بھی دستیاب ہے۔

مجھے کس سائز کی image استعمال کرنی چاہیے؟

منزل کے مطابق عملی رہنمائی اختیار کریں۔ Meta-oriented previews اکثر تقریباً 1.91:1 (مثلاً 1200×630)، جبکہ X summary_large_image عموماً تقریباً 2:1 (مثلاً 1200×600) استعمال کرتی ہے۔

تبدیلیاں reflect کیوں نہیں ہوتیں؟

زیادہ تر صورتوں میں وجہ cache ہوتی ہے۔ platform tools سے دوبارہ scrape کریں اور image بدلنے کے بعد image URL بھی تبدیل کرنے پر غور کریں۔