Open Graph टैग जनरेटर

यह कैसे काम करता है

जब आपकी साइट का लिंक Facebook, LinkedIn, Slack, Discord या X (Twitter) पर साझा किया जाता है, तो ये प्लेटफ़ॉर्म शीर्षक, विवरण और छवि के साथ एक पूर्वावलोकन कार्ड बनाने के लिए पेज के <head> में Open Graph मेटा टैग खोजते हैं। इन टैग के बिना, सोशल नेटवर्क अक्सर एक नंगा लिंक या सामान्य, कम आकर्षक पूर्वावलोकन दिखाता है। यह टूल og:title, og:description, og:url, og:image और og:type टैग के साथ-साथ twitter:card समकक्ष भी जनरेट करता है ताकि कार्ड X पर भी सही ढंग से प्रदर्शित हो।

ये टैग कहाँ रखें?

परिणाम को सीधे अपने HTML पेज के <head> सेक्शन में, समापन </head> टैग से पहले चिपकाएँ। अधिकांश फ्रेमवर्क (Nuxt, Next.js, आदि) में head प्रबंधन के लिए एक समर्पित कंपोनेंट होता है जो इन्हीं मेटा टैग को स्वीकार करता है।

og:image के लिए किस छवि आकार का उपयोग करें?

अनुशंसित आकार आमतौर पर 1200x630 पिक्सेल (अनुपात 1.91:1) है, जो बड़े कार्ड प्रदर्शन के लिए Facebook, LinkedIn और X द्वारा अपेक्षित प्रारूप से मेल खाता है। बहुत छोटी या गलत अनुपात वाली छवि को प्लेटफ़ॉर्म द्वारा खराब तरीके से क्रॉप किया जा सकता है।

संशोधन के बाद मेरा पूर्वावलोकन क्यों नहीं बदला?

अधिकांश सोशल नेटवर्क किसी URL के Open Graph टैग को पहली बार साझा किए जाने पर कैश कर देते हैं। अपने टैग संशोधित करने के बाद, पेज का नया स्कैन करने के लिए प्लेटफ़ॉर्म के आधिकारिक डीबग टूल (उदाहरण के लिए Facebook का "Sharing Debugger") का उपयोग करें।

100% स्थानीय प्रोसेसिंग आपके ब्राउज़र में — कुछ भी सर्वर पर नहीं भेजा जाता है।