Open Graph जनरेटर क्या है?

Open Graph जनरेटर एक टूल है जो आपके title, description, URL, image, type और site name से Open Graph और Twitter Card मेटा टैग का पेस्ट-तैयार HTML ब्लॉक तैयार करता है।

मैं मेटा टैग बनाने के लिए Open Graph जनरेटर का उपयोग कैसे करूँ?

अपना पेज title, description, canonical URL, og:image, type और site name भरें, लाइव प्रीव्यू अपडेट होते देखें, फिर कॉपी या डाउनलोड पर क्लिक करें और टैग को अपने पेज के में पेस्ट करें।

Open Graph और Twitter Card टैग में क्या अंतर है?

Open Graph (og:) टैग Facebook, LinkedIn, Slack और कई अन्य द्वारा पढ़े जाते हैं, जबकि twitter: टैग X/Twitter के लिए विशिष्ट हैं। यह टूल दोनों आउटपुट करता है ताकि प्रीव्यू हर जगह काम करें।

कौन-सा og:image आकार सबसे अच्छा काम करता है?

absolute URL के साथ 1200x630 पिक्सेल की image अधिकांश प्लेटफ़ॉर्म पर summary_large_image कार्ड के लिए सुरक्षित विकल्प है।

लिंक साझा करने पर मेरे बदलाव क्यों नहीं दिखते?

सोशल प्लेटफ़ॉर्म प्रीव्यू कैश करते हैं, इसलिए मेटा टैग अपडेट करने के बाद ताज़ा स्क्रैप के लिए अपना URL उनके sharing debugger में पेस्ट करें।

क्या Open Graph जनरेटर में मेरा इनपुट निजी रहता है?

हाँ। टैग आपके browser में स्थानीय रूप से बनते हैं, आपका डेटा कभी आपके डिवाइस से बाहर नहीं जाता, और आप जो दर्ज करते हैं वह कुछ भी सर्वर पर अपलोड नहीं होता।

Open Graph जेनरेटर

सोशल कार्ड पूर्वावलोकन के साथ Open Graph और Twitter मेटा टैग जेनरेट करें।

आपके फ़ील्ड मान आपके browser में स्थानीय रूप से मेटा टैग में बदले जाते हैं, और आप जो दर्ज करते हैं वह कुछ भी सर्वर पर अपलोड नहीं होता।

किसी लिंक के हिस्से जाँचने हैं? URL Parser आज़माएँ।

Open Graph जेनरेटर के बारे में

यह open graph जनरेटर वे Open Graph और Twitter Card मेटा टैग बनाता है जिनकी आपके पेजों को सोशल प्लेटफ़ॉर्म पर समृद्ध लिंक प्रीव्यू दिखाने के लिए ज़रूरत होती है। title, description, canonical URL, og:image, type, site name और Twitter card शैली भरें, फिर टाइप करते ही एक लाइव सोशल-कार्ड प्रीव्यू अपडेट होते देखें और तैयार HTML कॉपी करें। यह उन डेवलपर्स, मार्केटर्स और कंटेंट टीमों के लिए उपयोगी है जो हर प्रॉपर्टी हाथ से लिखे बिना सही सोशल मेटा टैग चाहते हैं। एक og मेटा टैग जनरेटर और twitter card जनरेटर के रूप में यह सामान्य og:image टैग और सोशल मेटा टैग कवर करता है ताकि Facebook, LinkedIn, Slack और X पर साझा किए गए लिंक परिष्कृत दिखें। सब कुछ आपके browser में स्थानीय रूप से चलता है, इसलिए आपका इनपुट आपके डिवाइस पर संसाधित होता है और कुछ भी सर्वर पर अपलोड नहीं होता।

विशेषताएँ

Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) टैग बनाता है
मिलते-जुलते Twitter Card टैग जोड़ता है (twitter:card, title, description, image)
लाइव सोशल-कार्ड प्रीव्यू जो टाइप करते ही अपडेट होता है
साफ़, कॉपी-तैयार HTML मेटा ब्लॉक आउटपुट करता है
title, description और URL में विशेष अक्षरों को ठीक से escape करता है
आपको og:type और twitter:card शैली (जैसे summary_large_image) चुनने देता है
क्लिपबोर्ड पर कॉपी करें या टैग को meta-tags.html के रूप में डाउनलोड करें
खाली फ़ील्ड छोड़ देता है ताकि बनाया गया markup साफ़-सुथरा रहे

Open Graph जेनरेटर का उपयोग कैसे करें

इनपुट फ़ील्ड में अपना पेज title, description, URL और image URL दर्ज करें।
og:type और Twitter card शैली सेट करें, फिर अपना site name जोड़ें।
यह पुष्टि करने के लिए लाइव सोशल-कार्ड प्रीव्यू देखें कि लिंक कैसा दिखेगा।
HTML पकड़ने के लिए कॉपी पर क्लिक करें या meta-tags.html सहेजने हेतु डाउनलोड का उपयोग करें।
बनाए गए टैग को अपने पेज के <head> अनुभाग में पेस्ट करें।

उदाहरण

इनपुट

title: Launch Day
url: https://acme.dev/launch
image: https://acme.dev/og.png

आउटपुट

<title>Launch Day</title>
<!-- Open Graph -->
<meta property="og:title" content="Launch Day" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://acme.dev/launch" />
<meta property="og:image" content="https://acme.dev/og.png" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Launch Day" />
<meta name="twitter:image" content="https://acme.dev/og.png" />

खाली फ़ील्ड छोड़ दिए जाते हैं, और og:type डिफ़ॉल्ट रूप से website होता है।

सामान्य त्रुटियाँ और समस्या निवारण

og:image, Facebook या LinkedIn पर प्रीव्यू में नहीं दिखती। — image के लिए सापेक्ष पथ के बजाय पूर्ण absolute URL (https://...) उपयोग करें, और सुनिश्चित करें कि image सार्वजनिक रूप से पहुँच योग्य है।
Twitter बड़े कार्ड के बजाय छोटी image दिखाता है। — twitter:card मान को summary_large_image पर सेट करें ताकि प्लेटफ़ॉर्म पूर्ण-चौड़ाई image लेआउट दिखाएँ।
प्रीव्यू में title या description कटा हुआ दिखता है। — title लगभग 60 अक्षरों और description लगभग 110-160 अक्षरों के आसपास रखें ताकि प्लेटफ़ॉर्म उन्हें न काटें।
& या < जैसे विशेष अक्षर markup को तोड़ देते हैं। — कच्चे अक्षर टाइप करें; जनरेटर उन्हें स्वतः आउटपुट में मान्य HTML entities में escape कर देता है।
टैग अपडेट करने के बाद भी प्लेटफ़ॉर्म पुराना प्रीव्यू डेटा दिखाते हैं। — कैश किया गया प्रीव्यू साफ़ करने के लिए प्लेटफ़ॉर्म के डीबगर (जैसे Facebook Sharing Debugger) से URL को फिर से स्क्रैप करें।

अक्सर पूछे जाने वाले प्रश्न

Open Graph जनरेटर क्या है?: Open Graph जनरेटर एक टूल है जो आपके title, description, URL, image, type और site name से Open Graph और Twitter Card मेटा टैग का पेस्ट-तैयार HTML ब्लॉक तैयार करता है।
मैं मेटा टैग बनाने के लिए Open Graph जनरेटर का उपयोग कैसे करूँ?: अपना पेज title, description, canonical URL, og:image, type और site name भरें, लाइव प्रीव्यू अपडेट होते देखें, फिर कॉपी या डाउनलोड पर क्लिक करें और टैग को अपने पेज के <head> में पेस्ट करें।
Open Graph और Twitter Card टैग में क्या अंतर है?: Open Graph (og:) टैग Facebook, LinkedIn, Slack और कई अन्य द्वारा पढ़े जाते हैं, जबकि twitter: टैग X/Twitter के लिए विशिष्ट हैं। यह टूल दोनों आउटपुट करता है ताकि प्रीव्यू हर जगह काम करें।
कौन-सा og:image आकार सबसे अच्छा काम करता है?: absolute URL के साथ 1200x630 पिक्सेल की image अधिकांश प्लेटफ़ॉर्म पर summary_large_image कार्ड के लिए सुरक्षित विकल्प है।
लिंक साझा करने पर मेरे बदलाव क्यों नहीं दिखते?: सोशल प्लेटफ़ॉर्म प्रीव्यू कैश करते हैं, इसलिए मेटा टैग अपडेट करने के बाद ताज़ा स्क्रैप के लिए अपना URL उनके sharing debugger में पेस्ट करें।
क्या Open Graph जनरेटर में मेरा इनपुट निजी रहता है?: हाँ। टैग आपके browser में स्थानीय रूप से बनते हैं, आपका डेटा कभी आपके डिवाइस से बाहर नहीं जाता, और आप जो दर्ज करते हैं वह कुछ भी सर्वर पर अपलोड नहीं होता।