اوپن گراف (Open Graph) جنریٹر
جب کوئی لنک شیئر ہوتا ہے تو Facebook، LinkedIn، WhatsApp، Slack اور X صفحے کے Open Graph ٹیگ سے پیش منظر کارڈ بناتے ہیں۔ ٹائٹل، ڈسکرپشن اور تصویر درج کریں، کارڈ کو ویسا ہی دیکھیں جیسا وہ نظر آئے گا، اور ٹیگ کاپی کریں۔ تصویر نہ ہو یا بہت چھوٹی ہو تو ٹول آپ کو خبردار کرتا ہے۔
موجودہ HTML سے امپورٹ کریں
مزید اختیارات: مصنف، تھیم کا رنگ، robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
<head> کے لیے HTML
استعمال کا طریقہ
- صفحے کا ٹائٹل، ڈسکرپشن اور مکمل پتہ درج کریں۔
- شیئر کی تصویر کا پتہ پیسٹ کریں (آئیڈیل سائز 1200 × 630 پکسل ہے) اور Facebook اور X کے پیش منظر دیکھیں۔
- ٹیگ صفحے کے <head> میں کاپی کریں۔ شائع کرنے کے بعد ہر نیٹ ورک کے شیئرنگ ڈیبگر سے اس کا کیش تازہ کریں۔
عمومی سوالات
og:image کا سائز کتنا ہونا چاہیے؟
1200 × 630 پکسل (تناسب 1.91:1) استعمال کریں، جو Facebook اور LinkedIn بڑے کارڈ کے لیے تجویز کرتے ہیں؛ X بڑے کارڈ کو 2:1 تک کاٹ دیتا ہے۔ اہم متن کناروں سے دور رکھیں اور https:// والا مکمل پتہ استعمال کریں۔
کیا مجھے الگ Twitter (X) ٹیگ چاہییں؟
صرف twitter:card۔ جب X کے اپنے ٹیگ نہ ہوں تو وہ og:title، og:description اور og:image پڑھ لیتا ہے، اس لیے ٹول صرف کارڈ کی قسم اور، اگر آپ چاہیں، آپ کا @username شامل کرتا ہے۔
میں نے ٹیگ بدل دیے لیکن پرانا پیش منظر ہی نظر آ رہا ہے۔ کیوں؟
سوشل نیٹ ورک کارڈ کو کئی دن تک کیش میں رکھتے ہیں۔ Facebook Sharing Debugger یا LinkedIn Post Inspector کھولیں، پتہ پیسٹ کریں اور صفحہ دوبارہ حاصل کرنے کو کہیں۔
🏷️ میٹا ٹیگ جنریٹر
🔗 UTM لنک بلڈر
🌈 CSS گریڈینٹ جنریٹر
🔲 CSS باکس شیڈو (box-shadow) جنریٹر