Open Graph میٹا ٹیگ جنریٹر

وہ ٹیگز جن سے لنک پیش منظر بنتا ہے

جب کوئی آپ کا لنک کسی پوسٹ یا پیغام میں پیسٹ کرتا ہے، تو ایپ صفحے پر ایک کرالر بھیجتی ہے اور <head> میں چند <meta> ٹیگز پڑھتی ہے۔ یہ ٹیگز Open Graph پروٹوکول سے آتے ہیں، جو ان میں سے چار کو لازمی قرار دیتا ہے:

• og:title: عنوان جیسا کہ اسے پیش منظر میں ظاہر ہونا چاہیے۔
• og:type: صفحہ کیا ہے۔ website زیادہ تر صفحات پر فٹ بیٹھتا ہے اور article کسی بلاگ پوسٹ پر۔ پروٹوکول profile، book، video.movie اور music.song جیسی اقسام بھی متعین کرتا ہے۔
• og:image: اس تصویر کا URL جو صفحے کی نمائندگی کرتی ہے۔
• og:url: کینونیکل URL، جسے پروٹوکول آبجیکٹ کا مستقل ID کہتا ہے۔

پروٹوکول اختیاری ٹیگز بھی متعین کرتا ہے، اور جنریٹر کارآمد ٹیگز لکھتا ہے: og:description، og:site_name، اور تصویر کی تفصیلات og:image:width، og:image:height اور og:image:alt۔ alt متن پر پروٹوکول واضح ہے: اگر کوئی صفحہ og:image متعین کرتا ہے، تو اسے og:image:alt بھی متعین کرنا چاہیے، اور وہ متن بیان کرتا ہے کہ تصویر میں کیا ہے، نہ کہ کوئی کیپشن۔

X کیا اضافہ کرتا ہے: twitter:card

X، Open Graph بھی پڑھتا ہے۔ اس کا کارڈز مارک اپ حوالہ (X کی ڈیولپر دستاویزات، یہاں Internet Archive کے ذریعے منسلک ہے کیونکہ اصل صفحہ اب ری ڈائریکٹ ہو جاتا ہے) ہر ٹیگ کے لیے فال بیک درج کرتا ہے: twitter:title کا فال بیک og:title، twitter:description کا og:description، twitter:image کا og:image اور twitter:image:alt کا og:image:alt ہے۔ تو شامل کرنے کے قابل واحد ٹیگ twitter:card ہے، جو لے آؤٹ منتخب کرتا ہے۔ اسے چھوڑ دیں تو وہی حوالہ کہتا ہے کہ X ایک چھوٹے سمری کارڈ پر فال بیک کر سکتا ہے، چاہے آپ بڑا چاہتے ہوں:

• summary_large_image: عنوان کے اوپر پوری چوڑائی کی تصویر۔ X کا بڑا امیج کارڈ صفحہ کہتا ہے کہ اس کی تصاویر 2:1 ایسپیکٹ ریشو کی حمایت کرتی ہیں، کم از کم ابعاد 300 × 157 اور زیادہ سے زیادہ 4096 × 4096 پکسل، 5MB سے کم، JPG، PNG، WEBP یا GIF میں۔ SVG تعاون یافتہ نہیں ہے۔
• summary: مربع تصویر کے ساتھ ایک چھوٹا کارڈ۔ X کا سمری کارڈ صفحہ کہتا ہے کہ تصویر 1:1 ریشو کی حمایت کرتی ہے، 144 × 144 سے 4096 × 4096 پکسل تک، اور تمام پلیٹ فارمز پر مربع میں کراپ ہوتی ہے۔

یہی حوالہ app اور player کارڈز بھی درج کرتا ہے، جن کے لیے App Store یا ویڈیو پلیئر کے اضافی فیلڈز درکار ہوتے ہیں، اس لیے انہیں یہاں شامل نہیں کیا گیا۔ یہ اوپر دی گئی جانچ میں استعمال ہونے والی حدود بھی بتاتا ہے: عنوان کے لیے 70 حروف، تفصیل کے لیے 200 اور الٹ ٹیکسٹ کے لیے 420۔

تصویری سائز جو پلیٹ فارمز بتاتے ہیں

• LinkedIn: اس کی ویب سائٹ کو شیئر کے قابل بنانے کی رہنمائی og:title، og:image، og:description اور og:url مانگتی ہے، اور زیادہ سے زیادہ فائل سائز 5 MB، کم از کم 1200 × 627 پکسلز اور تجویز کردہ تناسب 1.91:1 بتاتی ہے۔
• Meta: اس کی شیئرنگ کی بہترین طریقوں کے مطابق اعلیٰ ریزولوشن اسکرینز کے لیے کم از کم 1080 پکسل چوڑی تصاویر، اور تصویری لنک اشتہارات دکھانے کے لیے کم از کم 600 پکسل چوڑی تصاویر استعمال کریں۔ یہی صفحہ og:image:width اور og:image:height مانگتا ہے تاکہ کرالر تصویر کو پہلے ڈاؤن لوڈ اور پروسیس کیے بغیر فوری طور پر رینڈر کر سکے۔

1200 × 630 تصویر ان سب پر پورا اترتی ہے: یہ LinkedIn کے لیے کم از کم 1200 × 627 ہے، Meta کے لیے 1080 سے چوڑی، اور 1.905:1، جو X کے 2:1 کے 5% اندر ہے۔

اسے جانچیں، اور پرانے پیش منظر تازہ کریں

ایپس جو کچھ اسکریپ کرتی ہیں اسے کیش کر لیتی ہیں، اس لیے ٹیگز درست کرنے سے وہ پیش منظر درست نہیں ہوتا جو پہلے ہی محفوظ ہو چکا ہو۔ دونوں بڑے نیٹ ورک اس کے لیے آپ کو ایک ٹول دیتے ہیں:

• Meta کا Sharing Debugger وہ ٹیگز دکھاتا ہے جو اس کا کرالر اسکریپ کرتا ہے، کسی بھی خرابی یا تنبیہ کے ساتھ، اور ایک نیا اسکریپ شروع کرتا ہے۔ Meta کی ویب ماسٹر رہنمائی اسے بیان کرتی ہے، اور بہترین طریقوں کا صفحہ بتاتا ہے کہ ورنہ اسکریپ شدہ مواد معیاری 24 گھنٹے کی مدت میں اپ ڈیٹ ہوتا ہے۔
• LinkedIn کا Post Inspector کیش شدہ URL کو تازہ کرتا ہے۔ LinkedIn کا مدد کا صفحہ بتاتا ہے کہ تازگی صرف نئی پوسٹس پر اثر کرتی ہے: وہ پوسٹس جن میں پہلے ہی URL شامل ہے پرانا پیش منظر برقرار رکھتی ہیں۔

یہ ٹول کیا نہیں کرتا

یہ آپ کا صفحہ یا آپ کی تصویر حاصل نہیں کرتا، اس لیے یہ نہیں دیکھ سکتا کہ اصل میں کیا لائیو ہے، اور اوپر کا پیش منظر رینڈر کے بجائے ایک متنی خاکہ ہے۔ یہ ٹیگز لکھتا ہے؛ آپ کی سائٹ کو پھر بھی انہیں صفحے کے <head> میں، اس HTML میں پیش کرنا ہوتا ہے جو کرالر وصول کرتا ہے۔ بعد میں JavaScript کے ذریعے شامل کیے گئے ٹیگز شاید کبھی نظر نہ آئیں۔ اور یہ app یا player کارڈز نہیں لکھتا، نہ ہی وہ اضافی خصوصیات جو book یا video.movie جیسی اقسام متعین کرتی ہیں۔

اگر آپ یہ خود ہاتھ سے لکھنا نہ چاہیں

Hermoso آٹو پائلٹ پر مارکیٹنگ ہے: یہ ان اشتہارات پر تحقیق کرتا ہے جو پہلے ہی آپ کی مارکیٹ میں کام کر رہے ہیں، برانڈ کے مطابق امیج اور ویڈیو اشتہارات بناتا ہے، پوسٹس کا شیڈول طے کرتا ہے اور آپ کے اپنے ایڈ اکاؤنٹس پر پیڈ مہمات چلاتا ہے۔ یہ ویب ایپ میں کام کرتا ہے، یا اپنے MCP server کے ذریعے Claude، ChatGPT اور Cursor کے اندر۔

مفت ٹولز: UTM لنک بلڈر · QR کوڈ جنریٹر · سوشل میڈیا سائز گائیڈ

اکثر پوچھے جانے والے سوالات

کون سے Open Graph ٹیگز لازمی ہیں؟

Open Graph پروٹوکول چار لازمی خصوصیات درج کرتا ہے: og:title، og:type، og:image اور og:url۔ og:description، og:site_name اور og:image کی width، height اور alt ٹیگز اختیاری ہیں مگر شامل کرنا قابلِ قدر ہے۔

اگر میرے پاس og: ٹیگز ہوں تو کیا مجھے twitter:title اور twitter:image کی ضرورت ہے؟

نہیں۔ X کا کارڈز مارک اپ ریفرنس کہتا ہے کہ twitter:title، twitter:description، twitter:image اور twitter:image:alt اپنے og: ہم منصبوں پر واپس گر جاتے ہیں۔ جو ٹیگ شامل کرنے کے قابل ہے وہ twitter:card ہے، جو کارڈ لے آؤٹ منتخب کرتا ہے۔

Open Graph تصویر کا سائز کیا ہونا چاہیے؟

LinkedIn کم از کم 1200 × 627 پکسلز 1.91:1 پر اور 5 MB سے کم مانگتا ہے۔ Meta کم از کم 1080 پکسلز چوڑائی تجویز کرتا ہے۔ X کا لارج امیج کارڈ 300 × 157 سے 4096 × 4096 تک 2:1 سپورٹ کرتا ہے۔ 1200 × 630 کی تصویر تینوں پر فٹ ہو جاتی ہے۔

ٹیگز بدلنے کے بعد بھی میرا لنک پرانی تصویر کیوں دکھا رہا ہے؟

ایپ نے پرانا اسکریپ کیش کر رکھا ہے۔ اسے دوبارہ لانے کے لیے URL کو Meta کے Sharing Debugger یا LinkedIn کے Post Inspector سے گزاریں۔ LinkedIn بتاتا ہے کہ جو پوسٹس پہلے سے URL شیئر کر رہی ہیں وہ پرانا پریویو برقرار رکھتی ہیں۔

آؤٹ پٹ میں کوٹیشن مارکس اور ایمپرسینڈز کیوں بدل جاتے ہیں؟

انہیں HTML-escaped کیا جاتا ہے تاکہ ٹیگ درست رہے۔ Tom & Jerry's "Sale" جیسا عنوان content ایٹریبیوٹ کے اندر Tom & Jerry's "Sale" بن جاتا ہے، اور براؤزرز اور کرالرز اسے واپس اصل متن کے طور پر پڑھتے ہیں۔

کیا یہ ٹول میری تصویر لوڈ کرتا ہے؟

نہیں۔ آپ جو کچھ ٹائپ کرتے ہیں وہ کہیں نہیں بھیجا جاتا اور تصویر کا URL کبھی نہیں لایا جاتا، یہی وجہ ہے کہ پریویو میں تصویر کے بجائے ایک placeholder دکھتا ہے۔