OGP टैग जेनरेटर (og:title/og:image आदि स्वतः आउटपुट)
URL, शीर्षक, विवरण और इमेज URL दर्ज करें। ओपन ग्राफ + Twitter कार्ड मेटा टैग एक साथ उत्पन्न करें।
प्राप्ति सीधे आपके ब्राउज़र में चलती है (CORS सीमाएं लागू होती हैं)।
इनपुट
1) मुख्य जानकारी
वेबसाइट या लेख चुनें।
2) Twitter कार्ड
संकुचित करने योग्य / डिफ़ॉल्ट रूप से चालू
Twitter कार्ड टैग शामिल करें
- • यदि twitter:title खाली है, तो og:title का उपयोग करें।
- • यदि twitter:description खाली है, तो og:description का उपयोग करें।
- • यदि twitter:image खाली है, तो og:image का उपयोग करें।
3) उन्नत
केवल तभी खोलें जब आपको फाइन-ट्यूनिंग की आवश्यकता हो।
एक्सेसिबिलिटी टेक्स्ट। X 420 वर्णों तक इंगित करता है।
चौड़ाई/ऊंचाई जोड़ने से क्रॉलर्स को तेज़ी से रेंडर करने में मदद मिल सकती है। (Facebook Developers)
यदि आवश्यक हो तो ISO 8601 का उपयोग करें।
उत्पन्न मेटा टैग
पूर्वावलोकन
विकल्प
कैसे उपयोग करें / उदाहरण
- URL, शीर्षक, विवरण और इमेज URL भरें।
- og:type और (वैकल्पिक रूप से) Twitter कार्ड सेटिंग्स चुनें।
- उत्पन्न टैग कॉपी करें और <head> में पेस्ट करें।
URL + शीर्षक + इमेज दर्ज करें, फिर अनुशंसित सेट कॉपी करें।
नोट्स और टिप्स
OGP क्या है?
OGP (ओपन ग्राफ प्रोटोकॉल) सोशल प्लेटफॉर्म्स को आपकी पेज का शीर्षक, विवरण और इमेज पढ़ने की अनुमति देता है।
og:title/og:description/og:image सेट करके, आप साझा किए गए लिंक के दिखने के तरीके को नियंत्रित कर सकते हैं।
Twitter कार्ड (X) समान मेटाडेटा का उपयोग करते हैं और OG टैग का उपयोग कर सकते हैं।
इमेज आकार मार्गदर्शन (पूर्वावलोकन को स्थिर करने के लिए)
- • न्यूनतम 200×200।
- • बेहतर डिस्प्ले के लिए, 1200×630 या बड़ा; कम से कम 600×315 संदर्भित है। (Facebook Developers)
- • 1.91:1 के करीब का अनुपात क्रॉपिंग से बचने में मदद करता है (अनुमानित, सख्त नहीं)।
- • फ़ाइल आकार मार्गदर्शन में 8MB या उससे कम शामिल है।
- • summary_large_image 2:1 अनुपात का समर्थन करता है; न्यूनतम 300×157, अधिकतम 4096×4096। (X Developer)
- • 5MB से कम फ़ाइल आकार और सामान्य प्रारूप (JPG/PNG/WEBP/GIF) संदर्भित हैं।
जब परिवर्तन दिखाई न दें (कैश और पुनः प्राप्ति)
- • SNS क्रॉलर्स OG डेटा को कैश करते हैं। पुनः प्राप्त करने के लिए प्रत्येक प्लेटफ़ॉर्म के डिबगर/इंस्पेक्टर का उपयोग करें। (Facebook Developers)
- • यदि आपने इमेज बदल दी है लेकिन वह अपडेट नहीं हो रही है, तो इमेज URL स्वयं कैश हो सकता है; फ़ाइल नाम बदलें या क्वेरी स्ट्रिंग जोड़ें।
- • og:image:width/height जोड़ने से रेंडर स्थिरता में सुधार हो सकता है। (Facebook Developers)
सामान्य प्रश्न
Twitter कार्ड टैग भी शामिल करें?
हाँ। twitter:card और संबंधित टैग एक साथ उत्पन्न किए जा सकते हैं। X, OG टैग का उपयोग कर सकता है, इसलिए न्यूनतम सेटअप अभी भी काम करते हैं। (X Developer)
अनुशंसित इमेज आकार?
एक गाइड के रूप में, Meta 1200×630 या बड़ा (न्यूनतम 600×315) और 1.91:1 के करीब अनुपात का सुझाव देता है। X के summary_large_image का अनुपात और न्यूनतम अलग हैं। लक्ष्य प्लेटफ़ॉर्म चुनें।
पूर्वावलोकन अपडेट नहीं होता है
अक्सर यह कैश होता है। डिबगर्स/इंस्पेक्टर्स के माध्यम से पुनः प्राप्त करें, और यदि आपने इमेज बदली है, तो नए इमेज URL का उपयोग करें।