Twitter Card पूर्वावलोकन
अपने पृष्ठों के लिए Twitter Card मेटा टैग का पूर्वावलोकन देखें और उन्हें बनाएँ
कार्ड सेटिंग्स
0/70 अक्षर
0/200 अक्षर
70/200 के काउंटर संपादक के लिए मार्गदर्शन हैं। कुछ प्रतीक एक से अधिक अक्षर गिने जाते हैं; वास्तविक प्रदर्शन क्लाइंट पर निर्भर करता है।
चौड़ी छवि आज़माएँ, जैसे 1200 × 628 px। उदाहरण पूर्वावलोकन में 16:9 छवि क्षेत्र उपयोग होता है।
छवि URL सीधे आपके ब्राउज़र से लोड होता है। छवि होस्ट को वह अनुरोध मिलता है।
केवल यहाँ दिखाए गए डोमेन के लिए उपयोग होता है। आपका @हैंडल खाते का श्रेय है।
कार्ड पूर्वावलोकन
example.com
आपका कार्ड शीर्षक यहाँ
आपके कार्ड का विवरण यहाँ दिखेगा। अपने दर्शकों को जोड़ने के लिए कुछ आकर्षक लिखें।
पूर्वावलोकन के लिए छवि URL जोड़ें।
यह पूर्वावलोकन केवल उदाहरण के लिए है। X/Twitter पर वास्तविक लेआउट, क्रॉपिंग, कैश की गई सामग्री और लाई गई छवियाँ अलग हो सकती हैं।
आपके मेटा टैग
<meta name="twitter:card" content="summary_large_image" />
टैग अपडेट हुए। उन्हें अपने पेज के head में जोड़ें और प्रकाशित पेज जाँचें।
कार्ड प्रकार गाइड
प्रकाशित करने से पहले
- ऐसा शीर्षक और विवरण रखें जो पेज का वर्णन करे।
- ऐसी छवि चुनें जिसकी ज़रूरी सामग्री क्रॉप होने पर भी बची रहे।
- छवि URL को उस प्लेटफ़ॉर्म के लिए सुलभ रखें जो आपका पेज लाता है।
- @हैंडल श्रेय के लिए है, वेबसाइट का पता नहीं।
- प्रकाशित पेज और उसका वास्तविक शेयर पूर्वावलोकन जाँचें; यह संपादक X का कार्ड डेटा नहीं लाता।
मुफ़्त Twitter/X Card पूर्वावलोकन टूल के बारे में
Twitter Cards (अब X Cards) आपकी वेबसाइट से जुड़े ट्वीट में रिच मीडिया जोड़ने देते हैं। जब कोई आपकी साइट का URL साझा करता है, तो कार्ड अपने-आप आपके तय किए शीर्षक, विवरण और छवि के साथ पूर्वावलोकन दिखाता है। यह Twitter Card पूर्वावलोकन टूल टैग प्रकाशित करने से पहले एक उदाहरणात्मक कार्ड जाँचने देता है। यह प्लेटफ़ॉर्म की फ़ेच, कैश या अंतिम रेंडरिंग की पुष्टि नहीं करता।
यह टूल दोनों मुख्य कार्ड प्रकारों को सपोर्ट करता है: Summary Card, जिसमें टेक्स्ट के साथ छोटी थंबनेल छवि होती है, और Summary Card with Large Image, जो शीर्षक और विवरण के ऊपर एक प्रमुख दृश्य रखता है। आप अपनी सामग्री दर्ज कर सकते हैं, रीयल टाइम में उसका पूर्वावलोकन देख सकते हैं और एक क्लिक में उपयोग के लिए तैयार HTML मेटा टैग कॉपी कर सकते हैं।
चाहे आप लिंक पूर्वावलोकन को बेहतर बनाने वाले सोशल मीडिया मैनेजर हों, Open Graph और Twitter मेटा टैग लागू करने वाले डेवलपर हों, या साझा लिंक पर क्लिक-थ्रू रेट बढ़ाने वाले कंटेंट मार्केटर हों, यह मुफ़्त टूल आपका काम आसान बनाता है। कैरेक्टर काउंटर और रंग-कोडित बार इस एडिटर का 70/200 का मार्गदर्शन देते हैं। ये किसी प्लेटफ़ॉर्म की मौजूदा प्रदर्शन-सीमा की गारंटी नहीं देते।
मुख्य सुविधाएँ
- Summary और Summary Large Image, दोनों कार्ड प्रकारों का लाइव पूर्वावलोकन
- एडिटर के शीर्षक (70) और विवरण (200) के दिशानिर्देशों पर आधारित रीयल टाइम कैरेक्टर काउंटर और रंग-कोडित बार
- हर कार्ड प्रकार के लिए सुझाए गए आकार के संकेतों के साथ छवि URL इनपुट
- सही Twitter एट्रिब्यूशन के लिए साइट @handle फ़ील्ड
- आपके पृष्ठ के <head> सेक्शन में चिपकाने के लिए तैयार, अपने-आप बने HTML मेटा टैग
- बनाए गए सभी मेटा टैग को एक क्लिक में क्लिपबोर्ड पर कॉपी करें
- हर फ़ॉर्मैट कब इस्तेमाल करें, यह बताने वाली कार्ड प्रकार तुलना गाइड
- Twitter/X कार्ड लेआउट पर आधारित पूर्वावलोकन (अनुमानित रूप, पिक्सेल-सटीक रेंडर नहीं)
- रिस्पॉन्सिव लेआउट के साथ पूरा डार्क मोड सपोर्ट
- पंजीकरण की ज़रूरत नहीं, पूरी तरह मुफ़्त और असीमित
Twitter Card पूर्वावलोकन टूल का उपयोग कैसे करें
- कार्ड प्रकार चुनें: अपनी सामग्री और दृश्य लक्ष्यों के अनुसार Summary (छोटी छवि) और Summary Large Image में से चुनें।
- अपना शीर्षक दर्ज करें: 70 अक्षरों से कम का ऐसा आकर्षक शीर्षक लिखें जो Twitter फ़ीड में ध्यान खींचे।
- विवरण जोड़ें: 200 अक्षरों से कम का संक्षिप्त विवरण लिखें जो उपयोगकर्ताओं को क्लिक करने के लिए प्रेरित करे।
- छवि का URL दें: अपनी कार्ड छवि का पूरा URL चिपकाएँ (बड़ी छवि वाले कार्ड के लिए 1200x628 और summary के लिए 144x144 सुझाया गया है)।
- लाइव पूर्वावलोकन देखें: कार्ड पूर्वावलोकन पैनल में देखें कि Twitter/X पर वह कैसा दिखेगा, इसका अनुमान मिल जाता है।
- मेटा टैग कॉपी करें: बनाए गए HTML मेटा टैग कॉपी करने के लिए “Copy All Tags” पर क्लिक करें, फिर उन्हें अपने पृष्ठ के <head> सेक्शन में चिपकाएँ।
उपयोग के मामले
- सोशल मीडिया मैनेजर: जुड़ाव और क्लिक-थ्रू रेट बढ़ाने के लिए सामग्री साझा करने से पहले लिंक कार्ड का पूर्वावलोकन देखें और उन्हें बेहतर बनाएँ।
- वेब डेवलपर: साइट विकास के दौरान सही Twitter Card मेटा टैग बनाएँ और लॉन्च से पहले रेंडरिंग जाँच लें।
- कंटेंट मार्केटर: साझा लिंक के लिए सबसे प्रभावी संयोजन खोजने हेतु अलग-अलग शीर्षक, विवरण और छवियाँ आज़माएँ।
- SEO विशेषज्ञ: तकनीकी SEO ऑडिट के हिस्से के रूप में सोशल मेटा टैग का सही कार्यान्वयन सुनिश्चित करें।
- ई-कॉमर्स टीमें: कन्वर्ज़न बढ़ाने के लिए देखें कि Twitter/X पर साझा करने पर प्रोडक्ट पेज कैसे दिखते हैं।
- ब्लॉग लेखक: प्रकाशित करने से पहले जाँचें कि लेख के पूर्वावलोकन में सही फ़ीचर्ड इमेज, शीर्षक और अंश दिख रहे हैं।
- PR और संचार: मीडिया संस्थानों को भेजने से पहले प्रेस विज्ञप्ति और घोषणा के लिंक पूर्वावलोकन जाँच लें।
अक्सर पूछे जाने वाले प्रश्न
क्या यह टूल मुफ़्त है?
हाँ, Twitter Card पूर्वावलोकन टूल पूरी तरह मुफ़्त है, इसमें पंजीकरण या उपयोग की कोई सीमा नहीं है।
क्या मेरा डेटा सुरक्षित है?
पूर्वावलोकन की रेंडरिंग और टैग बनाना आपके ब्राउज़र में होता है। आपके शीर्षक और विवरण हमारे सर्वर पर नहीं भेजे जाते। छवि URL लोड करने पर आपका ब्राउज़र उस छवि के होस्ट को अनुरोध भेजता है।
सुझाए गए छवि आकार क्या हैं?
छोटे कार्ड के डिज़ाइन के लिए वर्गाकार छवि और बड़े कार्ड के डिज़ाइन के लिए चौड़ी छवि इस्तेमाल करें। एडिटर 144×144 और 1200×628 पिक्सेल के उदाहरण आकार देता है; ये प्लेटफ़ॉर्म की मौजूदा फ़ाइल-फ़ॉर्मैट, आकार या फ़ेच संबंधी ज़रूरतों की पुष्टि नहीं करते। प्रकाशित शेयर पूर्वावलोकन में छवि जाँच लें।
क्या मुझे Twitter Cards और Open Graph टैग, दोनों चाहिए?
Open Graph और Twitter-विशेष मेटाडेटा सोशल पूर्वावलोकन का वर्णन करते हैं। जिन प्लेटफ़ॉर्म को आप लक्षित करते हैं उनके लिए ज़रूरी टैग लागू करें और प्रकाशित नतीजा जाँचें; यह एडिटर फ़ॉलबैक व्यवहार की पुष्टि नहीं करता और प्रदर्शन पर पूरे नियंत्रण की गारंटी नहीं देता।
मेटा टैग बदलने के बाद मेरा कार्ड अपडेट क्यों नहीं हो रहा?
कोई प्लेटफ़ॉर्म पहले से फ़ेच किया गया मेटाडेटा या छवियाँ रखे रह सकता है। पक्का करें कि प्रकाशित पृष्ठ और छवि URL में आपके बदलाव मौजूद हैं, फिर उसका असली शेयर पूर्वावलोकन जाँचें। यह एडिटर X के कैश की जाँच या सफ़ाई नहीं करता और न ही रीफ़्रेश की समय-सीमा या क्वेरी-स्ट्रिंग वाले उपाय का वादा कर सकता है।
क्या यह पूर्वावलोकन असली Twitter रेंडरिंग से हूबहू मेल खाता है?
यह एक उदाहरणात्मक पूर्वावलोकन है। क्लाइंट का लेआउट, क्रॉपिंग, कैश किया डेटा और छवि फ़ेच करने का तरीक़ा काफ़ी अलग नतीजा दे सकते हैं; प्रकाशित पृष्ठ का असली शेयर पूर्वावलोकन जाँचें।
सुझाव और सर्वोत्तम तरीके
- शीर्षक 70 अक्षरों से कम रखें: लंबे शीर्षक कार्ड पूर्वावलोकन में कट जाते हैं और आपका मुख्य संदेश खो जाता है।
- कार्रवाई के लिए प्रेरित करने वाले विवरण लिखें: ऐसी भाषा इस्तेमाल करें जो क्लिक के लिए प्रेरित करे, और 200 अक्षरों से कम रखें।
- उच्च गुणवत्ता वाली छवियाँ इस्तेमाल करें: धुंधली या कम रिज़ॉल्यूशन की छवियाँ भरोसा और जुड़ाव घटाती हैं। सुझाए गए आकार हमेशा इस्तेमाल करें।
- साइट @handle जोड़ें: इससे सही एट्रिब्यूशन मिलता है और लिंक साझा होने पर आपके अकाउंट की दृश्यता बढ़ सकती है।
- प्रकाशित करने से पहले जाँचें: इस टूल में अपने कार्ड का पूर्वावलोकन देखें, फिर पोस्ट करने से पहले लाइव कार्ड की पुष्टि के लिए URL को X के पोस्ट कंपोज़र में चिपकाएँ।
- OG और Twitter, दोनों टैग लागू करें: आधार के रूप में Open Graph टैग इस्तेमाल करें और प्लेटफ़ॉर्म-विशेष अनुकूलन के लिए Twitter Card टैग।