Open Graph और सोशल कार्ड पूर्वावलोकन

शीर्षक, विवरण, छवि URL और पेज URL से देखें कि कोई लिंक X, LinkedIn, Slack, Discord और Facebook पर सोशल कार्ड के रूप में कैसे खुलता है।

टूल लोड हो रहा है…

Open Graph और सोशल कार्ड पूर्वावलोकन — Open Graph और सोशल कार्ड पूर्वावलोकन दिखाता है कि सोशल प्लेटफ़ॉर्म पर साझा किए जाने पर आपका लिंक कैसा दिखेगा। एक शीर्षक, विवरण, छवि URL और पेज URL टाइप करें, फिर हर एक के लिंक कार्ड का लाइव मॉकअप देखने के लिए X, LinkedIn, Slack, Discord और Facebook के बीच स्विच करें। सब कुछ आपके ब्राउज़र में रेंडर होता है — आपका टेक्स्ट कभी अपलोड नहीं होता, और छवि URL सीधे उसके होस्ट से पूर्वावलोकन में लोड होता है, हमारे सर्वर के ज़रिए नहीं।

Open Graph और सोशल कार्ड पूर्वावलोकन क्या है?

यह एक दृश्य Open Graph (OG) और सोशल कार्ड पूर्वावलोकक है। Open Graph और Twitter Card के meta टैग प्लेटफ़ॉर्म को बताते हैं कि जब कोई आपका लिंक साझा करे तो कौन-सा शीर्षक, सारांश और छवि दिखाई जाए, और यह टूल उस लिंक कार्ड को फिर से बनाता है ताकि आप प्रकाशित करने से पहले उसे जाँच सकें। मार्केटर, कंटेंट लेखक और डेवलपर किसी ब्लॉग पोस्ट, लैंडिंग पेज या प्रोडक्ट पेज को लॉन्च करते समय इसका उपयोग यह पुष्टि करने के लिए करते हैं कि शीर्षक कटा हुआ नहीं है, छवि फ़्रेम को भरती है, और डोमेन सही पढ़ा जाता है। इसका विशिष्ट लेआउट देखने के लिए सेगमेंटेड कंट्रोल से एक प्लेटफ़ॉर्म चुनें: X, Facebook और LinkedIn एक बड़ी बैनर छवि और उसके नीचे शीर्षक तथा विवरण के साथ रेंडर होते हैं, जबकि Slack और Discord एक एक्सेंट बार, डोमेन और एक छोटे थंबनेल के साथ एक सघन कार्ड दिखाते हैं। डोमेन पंक्ति पेज URL से स्वचालित रूप से निकाली जाती है। यह केवल आपके द्वारा दर्ज मानों से कार्ड का मॉक बनाता है — यह आपके लाइव पेज को क्रॉल नहीं करता और न ही उसके मौजूदा meta टैग पढ़ता है।

Open Graph और सोशल कार्ड पूर्वावलोकन का उपयोग कैसे करें

  1. वह पेज शीर्षक दर्ज करें जो कार्ड के शीर्षक के रूप में दिखना चाहिए।
  2. विवरण लिखें (शीर्षक के नीचे दिखने वाली सारांश पंक्ति)।
  3. पूर्वावलोकन छवि लोड करने के लिए एक पूर्ण छवि URL (आदर्श रूप से 1200×630) पेस्ट करें।
  4. पेज URL दर्ज करें — कार्ड पर दिखाया गया डोमेन इसी से निकाला जाता है।
  5. हर प्लेटफ़ॉर्म के लेआउट की तुलना करने के लिए X, LinkedIn, Slack, Discord और Facebook के बीच स्विच करें।
  6. शीर्षक और विवरण को तब तक समायोजित करें जब तक कुछ भी न कटे और कार्ड सही दिखे।

उदाहरण

ब्लॉग पोस्ट कार्ड

शीर्षक 'How to Bake Sourdough', एक छोटा विवरण, एक og.png छवि और URL https://blog.example.com/sourdough X पर एक बड़े बैनर कार्ड के रूप में रेंडर होते हैं, जिसमें शीर्षक के ऊपर डोमेन blog.example.com दिखता है।

Slack/Discord अनफ़र्ल

Slack पर स्विच करने से वही मान एक सघन कार्ड के रूप में दिखते हैं, जिसमें बाईं ओर एक एक्सेंट बार, डोमेन, शीर्षक और दाईं ओर एक छोटा वर्गाकार थंबनेल होता है।

छवि अनुपस्थित

छवि URL खाली छोड़ दें और पूर्वावलोकन सही पहलू अनुपात में एक प्लेसहोल्डर फ़्रेम दिखाता है ताकि आप फिर भी स्पेसिंग और टेक्स्ट लेआउट का आकलन कर सकें।

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

मैं किन प्लेटफ़ॉर्म का पूर्वावलोकन कर सकता हूँ?
पाँच: X (Twitter), LinkedIn, Slack, Discord और Facebook. X, Facebook और LinkedIn बड़ी-छवि बैनर कार्ड के रूप में बनाए जाते हैं, जबकि Slack और Discord एक्सेंट बार और छोटे थंबनेल के साथ सघन अनफ़र्ल शैली का उपयोग करते हैं। इनके बीच तुरंत स्विच करने के लिए प्लेटफ़ॉर्म टॉगल का उपयोग करें।
क्या यह मेरे लाइव पेज से Open Graph टैग पढ़ता है?
नहीं। यह आपके पेज को क्रॉल या फ़ेच नहीं करता और न ही उसके मौजूदा meta टैग पार्स करता है। यह कार्ड को पूरी तरह आपके टाइप किए शीर्षक, विवरण, छवि URL और पेज URL से बनाता है, इसलिए यह किसी प्रकाशित पेज का सत्यापक नहीं, बल्कि एक 'क्या-होगा-अगर' पूर्वावलोकक है।
पूर्वावलोकन छवि कहाँ से आती है?
छवि आपके द्वारा दर्ज छवि URL से सीधे आपके ब्राउज़र द्वारा लोड की जाती है — यह छवि के अपने होस्ट से आपके ब्राउज़र तक आती है, हमारे सर्वर के ज़रिए नहीं। यदि छवि दिखाई न दे, तो जाँचें कि URL पूर्ण है (https:// से शुरू होता है) और सार्वजनिक रूप से पहुँच योग्य है।
मेरा शीर्षक या विवरण कार्ड में क्यों कट जाता है?
सोशल प्लेटफ़ॉर्म लंबे शीर्षक और विवरण को काट देते हैं, और पूर्वावलोकन पंक्तियों को सीमित करके इसकी नकल करता है। यदि यहाँ टेक्स्ट कटता है तो साझा करने पर भी संभवतः कटेगा, इसलिए इसे तब तक छोटा करें जब तक यह फ़िट न हो जाए।
क्या मेरा डेटा किसी सर्वर पर भेजा जाता है?
नहीं। आपके द्वारा टाइप किए गए शीर्षक, विवरण और URL आपके ब्राउज़र में ही रहते हैं और हमारे द्वारा कभी अपलोड, लॉग या संग्रहीत नहीं किए जाते। एकमात्र बाहरी अनुरोध आपके ब्राउज़र द्वारा प्रदान किए गए URL से पूर्वावलोकन छवि फ़ेच करना है, जो सामान्य ब्राउज़र व्यवहार है।

संबंधित टूल

Hreflang टैग जनरेटर

लोकेल और URL जोड़ों की सूची से किसी बहुभाषी पृष्ठ के लिए hreflang link टैग बनाएँ, साथ ही वैकल्पिक x-default और एक स्व-संदर्भित टैग।

JSON-LD जनरेटर

एक सरल फ़ॉर्म से Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList और Organization स्कीमा के लिए मान्य JSON-LD संरचित डेटा बनाएं।

कीवर्ड डेंसिटी चेकर

किसी भी टेक्स्ट का विश्लेषण करके शब्दों की आवृत्ति और कीवर्ड डेंसिटी को 1, 2 या 3 शब्दों के वाक्यांश के रूप में गिनें, साथ ही अति-ऑप्टिमाइज़ेशन की चेतावनी पाएँ।

मेटा टैग जनरेटर

शीर्षक, विवरण, कैनोनिकल URL, छवि, साइट नाम और कार्ड प्रकार से अपने पेज के लिए SEO, Open Graph और Twitter Card मेटा टैग बनाएँ।