मुफ़्त Open Graph प्रीव्यू टूल
सोशल मीडिया के लिए Open Graph मेटा टैग का प्रीव्यू देखें और बनाएँ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
अपडेट किया गया
Fetch OG Tags from URL
Enter a URL to automatically extract and populate OG meta tags from any webpage.
OG Meta Data
Facebook Preview
example.com
Page Title
Page description will appear here
About Open Graph
Open Graph meta tags control how your content appears when shared on social media platforms like Facebook, Twitter, LinkedIn, and messaging apps like WhatsApp, Telegram, Slack, and Discord.
- Facebook: 1200x630 (1.91:1)
- Twitter: 1200x600 (2:1)
- LinkedIn: 1200x627 (1.91:1)
- Pinterest: 1000x1500 (2:3)
- WhatsApp: 720x720 (1:1 works best)
- Telegram: 1200x630 (1.91:1)
- Minimum: 200x200 pixels
- Facebook: Title 60 / Desc 160
- Twitter: Title 70 / Desc 200
- LinkedIn: Title 150 / Desc 300
- Discord: Title 256 / Desc 350
- WhatsApp: Title 65 / Desc 155
- Always include og:title and og:image
- Use absolute URLs for images
- Set type-specific tags (article, product)
- Test with platform validators
- Refresh caches after changes
- Use images larger than 1200px wide
अक्सर पूछे जाने वाले प्रश्न
Open Graph Preview टूल क्या है?
Open Graph Preview टूल एक मुफ़्त ऑनलाइन उपयोगिता है जो आपको Open Graph के meta टैग प्रीव्यू और जेनरेट करने देती है, ताकि आप देख सकें कि सोशल मीडिया पर आपका कॉन्टेंट कैसा दिखेगा।
क्या Open Graph Preview मुफ़्त है?
हाँ, यह पूरी तरह मुफ़्त है और इसके लिए किसी रजिस्ट्रेशन की ज़रूरत नहीं है। सारा प्रीव्यू रेंडरिंग आपके ब्राउज़र में ही client-side होती है।
क्या मैं अलग-अलग प्लेटफ़ॉर्म के लिए प्रीव्यू देख सकता हूँ?
हाँ, Open Graph Preview टूल दिखाता है कि Facebook, Twitter/X, LinkedIn और अन्य सोशल मीडिया प्लेटफ़ॉर्म पर शेयर किए जाने पर आपका कॉन्टेंट कैसा दिखेगा।
क्या इस टूल के साथ मेरा डेटा सुरक्षित है?
बिल्कुल। Open Graph Preview टूल सब कुछ आपके ब्राउज़र में ही client-side प्रोसेस करता है। कोई भी डेटा किसी सर्वर पर अपलोड या स्टोर नहीं किया जाता। आपका कॉन्टेंट हर समय आपके डिवाइस पर ही निजी रहता है।
क्या Open Graph Preview टूल मोबाइल डिवाइस पर काम करता है?
हाँ, Open Graph Preview टूल पूरी तरह रिस्पॉन्सिव है और स्मार्टफोन तथा टैबलेट पर काम करता है। आप इसे किसी भी आधुनिक वेब ब्राउज़र वाले डिवाइस पर इस्तेमाल कर सकते हैं, किसी ऐप को डाउनलोड करने की ज़रूरत नहीं।
क्या इस टूल को इस्तेमाल करने के लिए मुझे खाता बनाना होगा?
किसी खाते या रजिस्ट्रेशन की ज़रूरत नहीं है। बस अपने ब्राउज़र में Open Graph Preview टूल खोलें और तुरंत इस्तेमाल शुरू करें। कोई साइन-अप रुकावट या उपयोग की सीमा नहीं है।
क्या यह टूल Google के नवीनतम दिशानिर्देशों का पालन करता है?
हाँ, Open Graph Preview टूल को मौजूदा Google Search दिशानिर्देशों और सर्वोत्तम प्रथाओं के अनुसार बनाया गया है। हम सर्च इंजन की आवश्यकताओं में बदलावों को दर्शाने के लिए टूल को नियमित रूप से अपडेट करते हैं।
मैं Open Graph Preview टूल का उपयोग कैसे करूँ?
बस दिए गए फ़ील्ड में अपना इनपुट डालें, सेटिंग्स को अपनी पसंद के अनुसार समायोजित करें, और टूल उसे तुरंत प्रोसेस कर देगा। फिर आप परिणाम को क्लिपबोर्ड पर कॉपी कर सकते हैं या डाउनलोड कर सकते हैं।
कौन-कौन से ब्राउज़र समर्थित हैं?
Open Graph Preview टूल सभी आधुनिक ब्राउज़रों में काम करता है, जिनमें Chrome, Firefox, Safari, Edge और Opera शामिल हैं। सर्वोत्तम अनुभव के लिए अपने पसंदीदा ब्राउज़र के नवीनतम संस्करण का उपयोग करें।
सोशल शेयरिंग के लिए आदर्श Open Graph इमेज साइज़ क्या है?
ज़्यादातर बड़े नेटवर्क 1.91:1 आस्पेक्ट रेशियो में 1200x630 पिक्सल की इमेज चाहते हैं, जो कि Facebook, LinkedIn, Discord, Slack और Telegram अपने बड़े कार्ड लेआउट के लिए सुझाते हैं। Twitter/X अपने summary_large_image कार्ड के लिए 2:1 रेशियो (लगभग 1200x600) इस्तेमाल करता है, WhatsApp स्क्वेयर 1:1 थंबनेल पसंद करता है, और Pinterest लंबी 2:3 इमेज जैसे 1000x1500 को प्राथमिकता देता है। 1200px से कम चौड़ी या अजीब रेशियो वाली इमेज अक्सर बुरी तरह क्रॉप हो जाती है या पूरी तरह हट जाती है, जिससे क्लिक करने योग्य कार्ड की जगह एक फ्लैट टेक्स्ट लिंक रह जाता है। यह टूल आपकी इमेज के असली डाइमेंशन और आस्पेक्ट रेशियो पढ़ता है, 1200px से कम चौड़ी या 1.91:1 से बहुत अलग किसी भी चीज़ को फ्लैग करता है, और हर प्लेटफॉर्म पर कार्ड दिखाता है ताकि आप पब्लिश करने से पहले कन्फर्म कर सकें कि तस्वीर फिट बैठती है।
Open Graph टैग और Twitter Card टैग में क्या अंतर है?
Open Graph टैग (og: प्रॉपर्टीज़) मूल Facebook स्टैंडर्ड हैं जिन्हें ज़्यादातर प्लेटफॉर्म लिंक प्रीव्यू बनाने के लिए पढ़ते हैं, जिनमें og:title, og:description, og:image और og:url शामिल हैं। Twitter Card टैग Twitter/X का अपना सेट है, जैसे twitter:card, twitter:title और twitter:image, जो यह कंट्रोल करते हैं कि कोई लिंक खासतौर पर X पर कैसा दिखे। दोनों एक-दूसरे से ओवरलैप करते हैं: जब Twitter-स्पेसिफिक टैग मौजूद न हों, तो X आपके Open Graph डेटा पर वापस चला जाता है, इसलिए सख्ती से दोनों की ज़रूरत नहीं है। लेकिन twitter:card टाइप जोड़ने से आप summary, summary_large_image या player जैसा लेआउट चुन सकते हैं, जो सिर्फ OG टैग से तय नहीं हो सकता। यह टूल दोनों फैमिली को एक साथ जनरेट करता है और उन्हें सिंक में रखता है, ताकि आप एक ही साफ ब्लॉक कॉपी करें जो X और बाकी हर नेटवर्क पर एक साथ सही तरह से रेंडर हो।
टैग अपडेट करने के बाद भी मेरे लिंक प्रीव्यू में पुरानी इमेज क्यों दिख रही है?
सोशल प्लेटफॉर्म किसी लिंक का जो पहला वर्ज़न देखते हैं उसे आक्रामक तरीके से कैश कर लेते हैं, आपके टाइटल, डिस्क्रिप्शन और इमेज को स्टोर कर लेते हैं ताकि हर शेयर पर पेज को दोबारा फेच न करना पड़े। यही वजह है कि सही किया गया og:image या हेडलाइन ठीक करने के घंटों या दिनों बाद भी पुराना वर्ज़न दिखाता रहता है। इसका हल है कि आप हर प्लेटफॉर्म को उसके ऑफिशियल डीबगर से अपने पेज को दोबारा स्क्रैप करने पर मजबूर करें: Facebook Sharing Debugger, Twitter Card Validator और LinkedIn Post Inspector — इन सभी में एक रिफ्रेश एक्शन होता है जो नए टैग खींच लाता है। यह टूल उन डीबगर्स के डायरेक्ट लिंक दिखाता है ताकि आप कुछ ही क्लिक में कैश क्लियर कर सकें, फिर यहां दोबारा कार्ड चेक करके कन्फर्म कर सकें कि जब लोग शेयर करेंगे तो यही नया प्रीव्यू दिखेगा।
मेरे Open Graph टाइटल और डिस्क्रिप्शन की लंबाई कितनी होनी चाहिए?
og:title को लगभग 60 अक्षर या उससे कम और og:description को लगभग 160 अक्षर के आसपास रखने की कोशिश करें, क्योंकि यहीं पर Facebook और LinkedIn आमतौर पर कार्ड में टेक्स्ट को काट देते हैं। बाकी नेटवर्क थोड़े ज़्यादा उदार हैं: Twitter/X लगभग 70 अक्षर का टाइटल और 200 अक्षर का डिस्क्रिप्शन देता है, जबकि WhatsApp और Telegram लगभग 65 और 155 से 160 अक्षर के आसपास रहते हैं। सबसे ज़रूरी शब्दों को शुरुआत में रखें ताकि अगर कोई प्लेटफॉर्म टेक्स्ट को छोटा कर दे तो भी आपका संदेश बचा रहे, और कीवर्ड ठूंसने से बचें, क्योंकि कटी हुई हेडलाइन एक टाइट हेडलाइन से ज़्यादा खराब दिखती है। जैसे ही आप टाइप करते हैं, यह टूल आपके अक्षरों को इन सीमाओं के हिसाब से गिनता है, टाइटल और डिस्क्रिप्शन को A से F तक ग्रेड करता है, और हर प्लेटफॉर्म पर सटीक रैपिंग का प्रीव्यू दिखाता है ताकि लाइव होने से पहले आप वह हिस्सा ट्रिम कर सकें जो कट जाने वाला हो।
पहले से पब्लिश हो चुके पेज के Open Graph टैग कैसे चेक करें?
टूल के फेच फील्ड में लाइव URL पेस्ट करें और यह उस पेज को लोड करके उसके मौजूदा Open Graph और Twitter Card मेटा टैग पढ़ेगा, और जो टाइटल, डिस्क्रिप्शन, इमेज, साइट नेम और कार्ड टाइप मिलेगा उसे भर देगा। इसके बाद आप देख सकते हैं कि क्या मौजूद है, गायब या छोटी इमेज पकड़ सकते हैं, A-से-F क्वालिटी स्कोर देख सकते हैं, और किसी भी वैल्यू को बदलकर बेहतर कार्ड का प्रीव्यू देख सकते हैं। चूंकि ब्राउज़र क्रॉस-ओरिजिन रिक्वेस्ट को ब्लॉक करते हैं, इसलिए फेच एक पब्लिक प्रॉक्सी (AllOrigins) से होकर गुज़रता है, यानी जो पेज एड्रेस आप चेक करते हैं वह HTML लाने के लिए आपके ब्राउज़र से बाहर जाता है; इसके बाद एडिटिंग और स्कोरिंग सहित बाकी सब कुछ लोकली चलता है। किसी कॉम्पिटीटर का सेटअप जांचने या यह पक्का करने का यह सबसे तेज़ तरीका है कि आपके अपने डिप्लॉय किए गए टैग वाकई वही हैं जो आप चाहते थे, इससे पहले कि कोई कैंपेन उन पर निर्भर करे।
संबंधित टूल
मुफ़्त SEO मेटा टैग जनरेटर
अपनी वेबसाइट के लिए SEO-अनुकूल मेटा टैग बनाएँ। शीर्षक, विवरण, कीवर्ड और बहुत कुछ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त Open Graph टैग जनरेटर
सोशल मीडिया शेयरिंग के लिए Open Graph और Twitter Card मेटा टैग बनाएँ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त Robots.txt जनरेटर
सर्च इंजन क्रॉलिंग को नियंत्रित करने के लिए robots.txt फ़ाइल बनाएँ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त कीवर्ड डेंसिटी चेकर
SEO ऑप्टिमाइज़ेशन के लिए अपने कंटेंट में कीवर्ड डेंसिटी और फ़्रीक्वेंसी का विश्लेषण करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
Open Graph Preview Tool के बारे में
Open Graph टैग वह मेटाडेटा स्निपेट होते हैं जो यह तय करते हैं कि जब कोई आपका लिंक शेयर करे तो वह कैसा दिखे — यानी Facebook पोस्ट, ट्वीट, LinkedIn शेयर या Slack मैसेज में दिखने वाला टाइटल, डिस्क्रिप्शन और इमेज। Open Graph Preview Tool आपको पब्लिश करने से पहले ही यह शेयर कार्ड देखने देता है, हर टैग को एक ही जगह एडिट करने देता है, और मेटा टैग का साफ-सुथरा ब्लॉक आपके पेज में कॉपी करने के लिए तैयार करता है। यह उन मार्केटर्स, डेवलपर्स और कंटेंट ओनर्स के लिए बनाया गया है जो चाहते हैं कि उनके लिंक पहली बार में ही सही दिखें, न कि पोस्ट जाने के बाद पता चले कि इमेज गायब है।
आप दो तरीकों से काम कर सकते हैं। फील्ड्स को मैन्युअली भरें — टाइटल, डिस्क्रिप्शन, इमेज URL, साइट नेम, लोकेल, Twitter कार्ड टाइप और हैंडल — या फिर कोई लाइव URL पेस्ट करें और यह टूल उस पेज को फेच करके उसके मौजूदा Open Graph टैग पढ़ लेगा, ताकि आप उन्हें ऑडिट करके एडजस्ट कर सकें। URL फेच करने का काम ब्राउज़र की क्रॉस-ओरिजिन सीमाओं से बचने के लिए एक पब्लिक प्रॉक्सी (AllOrigins) से होकर गुज़रता है, इसलिए जो पेज एड्रेस आप चेक करते हैं वह आपके ब्राउज़र से बाहर जाता है। बाकी सब कुछ — एडिटिंग, प्रीव्यू, स्कोरिंग और जनरेट किए गए टैग — बिना किसी साइन-अप के आपके ब्राउज़र में लोकली ही होता है।
हर ज़रूरी प्लेटफॉर्म पर अपना कार्ड देखें
एक ही सेट के Open Graph टैग अलग-अलग जगह शेयर होने पर अलग तरह से रेंडर होते हैं, और यह टूल आठ सबसे आम डेस्टिनेशन को सिमुलेट करता है: Facebook, Twitter/X, LinkedIn, Discord, Slack, WhatsApp, Telegram और Pinterest। हर प्रीव्यू उस प्लेटफॉर्म के असली लेआउट, अनुशंसित इमेज साइज़ और टाइटल/डिस्क्रिप्शन लिमिट के हिसाब से बनता है, ताकि आप वह हेडलाइन पकड़ सकें जो एक नेटवर्क पर कट जाती है लेकिन दूसरे पर फिट बैठ जाती है। जिन कुछ स्पेसिफिकेशन के हिसाब से प्रीव्यू बनाए गए हैं, वे इस तरह हैं:
- Facebook, LinkedIn, Discord, Slack, Telegram — 1.91:1 रेशियो में 1200×630 इमेज
- Twitter/X — बड़े समरी कार्ड के लिए 2:1 रेशियो में 1200×600
- WhatsApp — 1:1 रेशियो वाला स्क्वेयर थंबनेल
- Pinterest — Pinterest की पसंदीदा 2:3 रेशियो में लंबी 1000×1500 इमेज
अपने टैग स्कोर करें और इमेज का विश्लेषण करें
जैसे-जैसे आप एडिट करते हैं, टूल आपके सेटअप को A से F तक ग्रेड देता है — इस आधार पर कि टाइटल, डिस्क्रिप्शन, इमेज, URL, साइट नेम और Twitter हैंडल मौजूद हैं या नहीं और वे उचित सीमा के भीतर हैं या नहीं। जब आप कोई इमेज देते हैं, तो यह फाइल को लोड करके उसके असली डाइमेंशन और आस्पेक्ट रेशियो पढ़ता है और गैर-मानक रेशियो या 1200px चौड़ाई से छोटी इमेज को फ्लैग करता है, क्योंकि यह वही न्यूनतम चौड़ाई है जो ज़्यादातर प्लेटफॉर्म चाहते हैं। यह इसलिए मायने रखता है क्योंकि आमतौर पर इमेज ही तय करती है कि लिंक एक फ्लैट टेक्स्ट लिंक रहेगा या क्लिक पाने वाला कार्ड बनेगा: Facebook 1200×630 की सिफारिश करता है, और साइज़ में छोटी या गलत अनुपात वाली इमेज अक्सर अजीब तरह से क्रॉप हो जाती है या पूरी तरह हट जाती है।
मेटा टैग जनरेट करें और कॉपी करें
जब प्रीव्यू सही दिखने लगे, तो टूल उससे जुड़ा HTML तैयार कर देता है — og: प्रॉपर्टीज़ और मैचिंग Twitter Card टैग दोनों — जिसे आप सीधे अपने पेज के <head> में कॉपी-पेस्ट कर सकते हैं। इससे दोनों टैग फैमिली सिंक में रहती हैं, जो ज़रूरी है क्योंकि Twitter डिफ़ॉल्ट रूप से Open Graph डेटा पर निर्भर करता है, लेकिन अगर उसके अपने twitter:card, twitter:title और twitter:image टैग मौजूद हों तो उन्हीं का इस्तेमाल करता है।
अपडेट के बाद पुराने प्रीव्यू को रिफ्रेश करें
सोशल प्लेटफॉर्म किसी लिंक का जो पहला वर्ज़न देखते हैं उसे आक्रामक तरीके से कैश कर लेते हैं, इसलिए आपके टैग में की गई कोई भी फिक्स तब तक नहीं दिखेगी जब तक वह कैश क्लियर न हो जाए। यह टूल ऑफिशियल डीबगर्स के डायरेक्ट लिंक दिखाता है — Facebook Sharing Debugger, Twitter Card Validator और LinkedIn Post Inspector — ताकि आप हर प्लेटफॉर्म को अपने पेज को दोबारा फेच करने पर मजबूर कर सकें और कन्फर्म कर सकें कि नया कार्ड लाइव हो गया है।
संक्षेप में कहें तो, Open Graph Preview Tool अंदाज़े को एक झटपट जांच में बदल देता है: अपने टैग एडिट करें, अलग-अलग नेटवर्क पर कार्ड कैसा दिखता है यह देखें, स्कोर जो भी बताए उसे ठीक करें, मार्कअप कॉपी करें, और कैश क्लियर करें — यह सब बिना किसी अकाउंट के।