सोशल कार्ड (Open Graph इमेज) जनरेटर
ग्रेडिएंट पर अपने शीर्षक, विवरण और साइट के नाम के साथ 1200×630 Open Graph इमेज डिज़ाइन करें, PNG डाउनलोड करें और मेल खाते og: व Twitter मेटा टैग कॉपी करें।
सोशल नेटवर्क को पूरा https:// URL चाहिए।
सोशल कार्ड जनरेटर क्या है?
जब कोई लिंक Facebook, LinkedIn, X/Twitter, Slack या Discord पर साझा होता है, तो प्लेटफ़ॉर्म पेज की Open Graph इमेज दिखाता है। यह टूल रंगीन ग्रेडिएंट पर आपके शीर्षक, विवरण और साइट का नाम या डोमेन से वह इमेज अनुशंसित 1200 × 630 px आकार में बनाता है, और मेल खाते og: व twitter: मेटा टैग लिखता है।
सोशल कार्ड जनरेटर का उपयोग कैसे करें
- शीर्षक, विवरण और साइट का नाम या डोमेन टाइप करें।
- कोई थीम चुनें या ग्रेडिएंट और टेक्स्ट के रंग खुद सेट करें।
- PNG डाउनलोड करें पर क्लिक करें और इमेज अपनी साइट पर अपलोड करें।
- पेज URL और इमेज URL (जहाँ आप PNG अपलोड करेंगे) दर्ज करें, फिर Open Graph और Twitter मेटा टैग को अपने पेज के
<head>में कॉपी करें।
उदाहरण
Title: Hello OG
<meta property="og:title" content="Hello OG"> … <meta name="twitter:card" content="summary_large_image">
साथ में 1200 × 630 की PNG इमेज।
सोशल कार्ड जनरेटर का उपयोग कब करें
ब्लॉग पोस्ट, प्रोडक्ट लॉन्च, दस्तावेज़ीकरण पेज और किसी भी ऐसे पेज के लिए इसका उपयोग करें जिसके साझा होने की उम्मीद हो। हज़ारों पेजों के लिए इमेज बिल्ड समय पर अपने आप बनाएँ। सोशल प्लेटफ़ॉर्म पूर्वावलोकन कैश करते हैं, इसलिए इमेज बदलने के बाद उसे रिफ़्रेश करने के लिए उनके डिबग टूल (Facebook Sharing Debugger, LinkedIn Post Inspector) इस्तेमाल करें।
सोशल कार्ड जनरेटर कैसे काम करता है
कार्ड 1200×630 canvas पर बनता है: तिरछा रैखिक ग्रेडिएंट पृष्ठभूमि, ऊपर साइट का नाम, मोटे अक्षरों में शीर्षक (फ़ॉन्ट आकार 72 px से घटकर 40 px तक जाता है जब तक वह तीन पंक्तियों में न समा जाए, लालची शब्द-रैपिंग और बिना स्पेस वाली लिपियों के लिए अक्षर-विभाजन के साथ) और विवरण की अधिकतम दो पंक्तियाँ। अरबी जैसा दाएँ-से-बाएँ टेक्स्ट अपने आप दाईं ओर संरेखित होता है। मेटा टैग में og:title, og:description, og:url, चौड़ाई और ऊँचाई के साथ og:image, और summary_large_image पर सेट twitter:card शामिल हैं, सभी मान HTML-एस्केप किए हुए।
सामान्य उपयोग मामले
- नए ब्लॉग पोस्ट के लिए शेयर इमेज बनाना
- दस्तावेज़ीकरण पेजों के लिए एक-से पूर्वावलोकन कार्ड बनाना
- LinkedIn और X पर प्रोडक्ट लॉन्च की घोषणा करना
- लैंडिंग पेज के लिए og:image मेटा टैग बनाना
अक्सर पूछे जाने वाले प्रश्न
Open Graph इमेज का आकार कितना होना चाहिए?
Facebook, LinkedIn और X के बड़े कार्ड के लिए 1200 × 630 पिक्सेल (लगभग 1.91:1) अनुशंसित आकार है।
इमेज URL एब्सोल्यूट क्यों होना चाहिए?
सोशल प्लेटफ़ॉर्म इमेज अपने सर्वर से लाते हैं, इसलिए og:image पूरा https:// URL होना चाहिए, रिलेटिव पाथ नहीं।
लिंक साझा करने पर मेरी नई इमेज नहीं दिखती
प्लेटफ़ॉर्म पूर्वावलोकन कैश करते हैं। प्लेटफ़ॉर्म के डिबगर से URL को दोबारा स्क्रैप करें या कैश की समाप्ति का इंतज़ार करें।