Social Share प्रीव्यू
Open Graph + Twitter Card tags, साथ में लाइव Facebook/Twitter-स्टाइल प्रीव्यू कार्ड
चार platforms, आपके share card का एक ही सच
Facebook, X, LinkedIn और WhatsApp आपके OG tags को अलग-अलग render करते हैं — चारों mocks देखें और publish करने से पहले सबसे कमज़ोर ठीक करें।
एक फ़ॉर्म, दो टैग सेट
Facebook, LinkedIn और Slack के लिए Open Graph टैग और X के लिए Twitter Card टैग एक ही टाइटल, विवरण, छवि और URL से एक साथ बनते हैं।
साझा करने से पहले कार्ड पूर्वावलोकन
पूर्वावलोकन कार्ड छवि को 1.91:1 अनुपात में डोमेन, टाइटल और विवरण के साथ दिखाते हैं — लिंक साझा होने पर उपयोगकर्ता जो लेआउट देखेंगे, वही पहले से।
दोनों कार्ड रूप
पूर्ण-चौड़ाई छवि के लिए summary_large_image या कॉम्पैक्ट summary कार्ड चुनें, और जनरेटर मेल खाता twitter:card मान और टैग उत्सर्जित करता है।
अक्सर पूछे जाने वाले प्रश्न
Open Graph और Twitter Card tags एक साथ क्यों generate करें?
जब dedicated twitter:* tags मौजूद नहीं होते, तो Twitter/X अपने-आप आपके Open Graph tags पर fallback कर जाता है, इसलिए असली share cards एक ही common fields के सेट से बनते हैं — इन्हें अलग-अलग भरना बस एक जैसे title/description/image को दोबारा भरना होगा।
मुझे कौन-सा image size इस्तेमाल करना चाहिए?
1200×630px (लगभग 1.91:1 ratio) Facebook, Twitter/X, LinkedIn और Slack पर "summary_large_image" cards के लिए सबसे सुरक्षित और recommended size है — इससे छोटी या अजीब तरह से crop की गई images को हर platform अलग-अलग और अनप्रेडिक्टेबल तरीके से crop कर सकता है।
क्या मेरा content कहीं upload होता है?
नहीं — सब कुछ plain JavaScript के ज़रिए आपके browser में ही चलता है। आप जो भी टाइप करते हैं वह कभी किसी server को नहीं भेजा जाता।
हर platform क्या पढ़ता है
| Platform | मुख्य स्रोत | Image ratio |
|---|---|---|
| Facebook / LinkedIn | og:title, og:description, og:image | 1.91:1 (न्यूनतम 200×200) |
| X / Twitter | twitter:card, वरना OG fallback | large के लिए 2:1, summary के लिए 1:1 |
| og:title/image (description अक्सर छिप जाती है) | square जैसा crop |
छोटे images, missing dimension tags (जिनसे re-scrape करना पड़ता है) और हर network के cut-off point से आगे बढ़े titles पर flag लगता है।
संबंधित टूल
सोशल शेयर प्रीव्यू क्या है?
जब कोई Facebook, X, LinkedIn या Slack पर लिंक साझा करता है, तो प्लेटफ़ॉर्म मेटा टैग — अधिकांश नेटवर्क पर Open Graph, X पर Twitter Cards — पढ़कर छवि, शीर्षक और विवरण वाला कार्ड बनाता है। इन टैग्स के बिना कार्ड बिगड़ा दिखता है या सिर्फ़ एक नंगा URL दिखता है, जिससे क्लिक-थ्रू को नुकसान होता है। यह टूल एक ही फ़ॉर्म से दोनों टैग सेट तैयार करता है और लाइव प्रीव्यू कार्ड रेंडर करता है, ताकि कहीं भी साझा करने से पहले आप देख सकें कि आपका लिंक कैसा दिखेगा। मार्केटिंग टीमें, कंटेंट टीमें और साइट मालिक हर लॉन्च से पहले इसका उपयोग करते हैं।
यह क्या बनाता है
- 🖼️ एक ही फ़ील्ड सेट से Open Graph और Twitter Card दोनों टैग
- 📱 टाइप करते ही Facebook/Twitter शैली का लाइव प्रीव्यू कार्ड
- 🗂️ X के लिए summary या बड़ी-छवि कार्ड प्रकार
- 🔗 og:url और og:site_name का समर्थन
- 📋 संयुक्त, सीधे पेस्ट करने लायक टैग ब्लॉक
साझा करने से पहले कब जाँचें
- ऐसा प्रोडक्ट या लैंडिंग पेज लॉन्च करना जो व्यापक रूप से साझा होगा
- कैम्पेन भेजने से पहले लेख लिंक का रूप देखना
- चुनी गई छवि 1.91:1 क्रॉपिंग में अच्छी लगती है या नहीं
- महीनों से टूटे शेयर कार्ड वाली साइट का ऑडिट
सब कुछ आपके ब्राउज़र में बनता है; कोई सामग्री अपलोड नहीं होती। एक प्लेटफ़ॉर्म की बारीकी जान लें: सोशल नेटवर्क URL के मेटाडेटा को कैश करते हैं, इसलिए टैग जोड़ने के बाद नया कार्ड दिखने के लिए प्लेटफ़ॉर्म के डीबगिंग टूल से कैश रीफ़्रेश करने की ज़रूरत हो सकती है।
अंतिम अपडेट · 2026-09-01
संबंधित टूल
Meta Tags जनरेटर
title, description, keywords, canonical और robots meta tags, साथ में लाइव Google search प्रीव्यू
SERP पूर्वावलोकन
देखें कि आपका शीर्षक और विवरण Google के नतीजों में कैसा दिखता है — पिक्सेल-सटीक चेतावनी के साथ कि कहाँ कट सकता है।
UTM लिंक जनरेटर
कुछ ही सेकंड में साफ़, सही-एन्कोडेड कैंपेन लिंक बनाएं — Facebook Ads, Google Ads और अन्य के लिए वन-टैप प्रीसेट के साथ।