सोशल शेयर प्रीव्यू

देखें कि Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord या Pinterest पर शेयर होने पर आपका पेज कैसा दिखेगा, जो हिस्सा कट जाता है उसे ठीक करें, और पेस्ट करने के लिए तैयार Open Graph टैग कॉपी करें।

1. आपके पेज की जानकारी

फ़ॉर्म भरें, या किसी पेज के कोड से जानकारी आयात करें।

0 / 60
0 / 155
पेज का प्रकार
शेयर इमेज

JPG, PNG, WebP या GIF। चुनी गई इमेज सिर्फ़ प्रीव्यू के लिए है: कोड के लिए उसका ऑनलाइन पता भी दें।

2. प्रीव्यू

हर प्लैटफ़ॉर्म का सिमुलेशन: असली नतीजा थोड़ा अलग हो सकता है, लेकिन कटने वाले हिस्से असलियत के क़रीब हैं।

Google

Eexample.comhttps://example.com › …
पेज का शीर्षकपेज का विवरण यहाँ दिखेगा।

Facebook

example.comपेज का शीर्षकपेज का विवरण यहाँ दिखेगा।

X

पेज का शीर्षक
example.com से

LinkedIn

पेज का शीर्षकexample.com

WhatsApp

पेज का शीर्षकपेज का विवरण यहाँ दिखेगा।example.com
https://example.com10:24

Slack

example.comपेज का शीर्षकपेज का विवरण यहाँ दिखेगा।

Discord

example.comपेज का शीर्षकपेज का विवरण यहाँ दिखेगा।

Pinterest

पेज का शीर्षकEexample.com

Pinterest पूरी इमेज दिखाता है, उसे क्रॉप किए बिना। वहाँ खड़ी इमेज (2:3, जैसे 1000 × 1500 px) ज़्यादा जगह लेती है, लेकिन बाक़ी जगहों पर क्रॉप हो जाएगी।

3. जाँच और कोड

क्या ठीक करना है, फिर आपके पेज में पेस्ट करने के लिए टैग।

  • समस्याशीर्षक नहीं हैशीर्षक न होने पर हर नेटवर्क पेज से ख़ुद एक शीर्षक बना लेता है।
  • समस्याविवरण नहीं हैनेटवर्क पेज से टेक्स्ट का कोई हिस्सा ले लेंगे, जो अक्सर सही चुनाव नहीं होता।
  • समस्याकोई इमेज नहींबिना इमेज वाले लिंक पर बहुत कम क्लिक आते हैं। 1200 × 630 px की इमेज रखें।
  • सुधारने लायकपेज का पता नहीं हैog:url पेज का आधिकारिक पता बताता है, ताकि सभी शेयर एक साथ गिने जाएँ।

इसे अपने पेज के head सेक्शन में पेस्ट करें।

कोड बनाने के लिए फ़ॉर्म भरें।

सोशल शेयर प्रीव्यू के बारे में

जब भी कोई आपका पेज शेयर करता है, नेटवर्क उसके शीर्षक, विवरण और इमेज के साथ एक कार्ड दिखाता है। यह टूल प्रकाशित करने से पहले ही ये कार्ड दिखाता है, और उनके लिए ज़रूरी टैग लिखता है।

अपने लिंक को आकर्षक बनाएँ

जब आपका पेज शेयर होता है, हर नेटवर्क शीर्षक, विवरण और इमेज वाला एक कार्ड दिखाता है। यह जानकारी पेज के कोड में रखे गए Open Graph टैग से आती है। इनके बिना कार्ड ख़ाली रहता है या उसमें ग़लत चीज़ें चुनी जाती हैं।

सही लंबाई

Google शीर्षक को लगभग 60 अक्षरों पर और विवरण को लगभग 155 पर काट देता है। 1200 × 630 पिक्सेल (1.91:1) की इमेज हर जगह अच्छी दिखती है: ज़रूरी चीज़ें बीच में रखें, क्योंकि कुछ प्लैटफ़ॉर्म इसे क्रॉप करते हैं। Pinterest खड़ी इमेज पसंद करता है।

पेस्ट करने के लिए तैयार कोड

अपने पेज के head में रखने के लिए HTML टैग कॉपी करें, या Next.js साइट के लिए मेटाडेटा ऑब्जेक्ट। पेज लाइव होने के बाद नेटवर्क कभी-कभी पुराना प्रीव्यू कुछ दिनों तक अपने कैश में रखते हैं।

कुछ भी अपलोड नहीं होता

प्रीव्यू आपके ब्राउज़र में ही तैयार होते हैं। आपकी इमेज और आपका टेक्स्ट कहीं नहीं भेजा जाता। सिर्फ़ एक रिक्वेस्ट होती है: आपके टाइप किए गए इमेज के पते के लिए, जो आपका ब्राउज़र ख़ुद करता है।

डेवलपमेंट

JWT डिकोडर

JWT का हेडर, पेलोड और तारीख़ें पढ़ें, और उसका सिग्नेचर जाँचें।

डेवलपमेंट

SVG से HTML

SVG को HTML, JSX और React में कन्वर्ट करें।