Open Graph मेटा टैग जेनरेटर
Facebook, LinkedIn, WhatsApp, Slack और Discord पर लिंक प्रीव्यू के लिए Open Graph टैग बनाएं: शीर्षक, विवरण, साइज़ और alt वाली इमेज, प्रकार, URL और भाषा।
एब्सोल्यूट URL; ज़्यादातर नेटवर्क पर 1200×630 px ठीक रहता है।
en_US, vi_VN, fr_FR…
<meta property="og:type" content="article"> <meta property="og:title" content="My Awesome Article"> <meta property="og:description" content="A short summary shown when the link is shared."> <meta property="og:url" content="https://example.com/article"> <meta property="og:site_name" content="Example"> <meta property="og:locale" content="en_US"> <meta property="og:image" content="https://example.com/og-image.png"> <meta property="og:image:secure_url" content="https://example.com/og-image.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:alt" content="Article cover">
Open Graph जेनरेटर क्या है?
यह टूल वे Open Graph <meta property="og:…"> टैग बनाता है जो तय करते हैं कि Facebook, LinkedIn, WhatsApp, Slack, Discord, Telegram और कई अन्य ऐप पर साझा करने पर लिंक कैसा दिखेगा। यह og:type, title, description, URL, site name, locale और secure URL, चौड़ाई, ऊँचाई व alt टेक्स्ट वाली इमेज को कवर करता है, और ज़रूरी प्रॉपर्टी न होने पर चेतावनी देता है।
Open Graph जेनरेटर का उपयोग कैसे करें
- og:title, og:type, og:url और og:image (चार ज़रूरी प्रॉपर्टी) भरें।
- description, site name, locale और इमेज का साइज़ व alt टेक्स्ट जोड़ें।
- अनुपस्थित प्रॉपर्टी की कोई भी चेतावनी ठीक करें।
- टैग पेज के <head> में कॉपी करें।
Open Graph जेनरेटर का उपयोग कब करें
इसे तब इस्तेमाल करें जब पेज साझा होने वाला हो और आप चाहते हों कि हर ऐप अंदाज़ा लगाए, इसके बजाय प्रीव्यू आपके नियंत्रण में हो। नेटवर्क प्रीव्यू कैश करते हैं; टैग बदलने के बाद ताज़ा करने के लिए प्लेटफ़ॉर्म का डीबगर (जैसे Facebook Sharing Debugger) इस्तेमाल करें। X (Twitter) के लिए Twitter Card जेनरेटर भी देखें।
Open Graph जेनरेटर कैसे काम करता है
हर ग़ैर-ख़ाली फ़ील्ड एक <meta property="og:…" content="…"> टैग बनता है, HTML-escape किए कंटेंट के साथ, Open Graph प्रोटोकॉल के सुझाए क्रम में। जब इमेज URL https इस्तेमाल करे तो उसी URL वाला og:image:secure_url टैग जुड़ता है; इमेज की चौड़ाई, ऊँचाई और alt तभी लिखे जाते हैं जब इमेज सेट हो।
सामान्य उपयोग मामले
- ब्लॉग पोस्ट को LinkedIn और Facebook पर बड़ा इमेज प्रीव्यू देना।
- स्थानीयकृत पेज के लिए og:locale सेट करना।
- एक्सेसिबिलिटी के लिए og:image:alt जोड़ना।
- WhatsApp में प्रोडक्ट पेज पर प्रोडक्ट का नाम और फ़ोटो दिखाना।
अक्सर पूछे जाने वाले प्रश्न
कौन-सा इमेज साइज़ सबसे अच्छा है?
1200×630 px (1.91:1) ज़्यादातर प्लेटफ़ॉर्म पर अच्छा दिखता है। ज़रूरी कंटेंट बीच में रखें क्योंकि कुछ ऐप वर्ग में क्रॉप कर देते हैं।
कौन-से og टैग ज़रूरी हैं?
प्रोटोकॉल में og:title, og:type, og:image और og:url अनिवार्य हैं। description और site name वैकल्पिक हैं पर सुझाए जाते हैं।
Facebook अब भी मेरी पुरानी इमेज क्यों दिखाता है?
प्रीव्यू कैश होते हैं। Sharing Debugger में URL को दोबारा स्क्रैप करें, या इमेज URL बदल दें।