ट्विटर कार्ड पूर्वावलोकन क्या है?
Twitter Card Preview आपको दिखाता है कि Twitter/X पर शेयर करने पर आपके लिंक कैसे दिखेंगे। URL डालें या टाइटल, डिस्क्रिप्शन और इमेज भरें और पोस्ट करने से पहले Summary और Summary with Large Image दोनों कार्ड टाइप का प्रीव्यू देखें।
Preview Twitter/X के web client जैसी ही proportions इस्तेमाल करता है: Summary with Large Image के लिए 2:1 banner (blog posts और product launches के लिए recommended), और Summary के लिए 1:1 thumbnail (category pages और reference links के लिए बेहतर)। यह matching meta tags भी बना देता है, जिन्हें आप अपनी site के <head> में सीधे paste कर सकते हैं — एक-एक tag हाथ से लिखने की ज़रूरत नहीं।
उपयोग कैसे करें
- स्टेप 1 — टाइटल, डिस्क्रिप्शन और इमेज URL भरें, या अपने पेज का HTML पेस्ट करके उसके मौजूदा twitter: व og: टैग एक साथ आयात करें।
- स्टेप 2 — कार्ड टाइप चुनें: Summary (छोटा थंबनेल) या Summary with Large Image (बैनर-स्टाइल प्रीव्यू)।
- स्टेप 3 — लाइव प्रीव्यू देखें कि आपका लिंक Twitter/X टाइमलाइन में कैसा रेंडर होता है, चाहें तो पूरे ट्वीट के अंदर और LinkedIn, Facebook, Slack व Discord पर भी देखें, फिर ज़रूरत के अनुसार फ़ील्ड बदलें।
कब उपयोग करें
- Audience को link tweet करने से पहले देख लेना कि blog post या article कैसा दिखेगा।
- पुरानी landing pages की audit जिनके share cards टूटे दिखते हैं या सिर्फ़ logo crop दिखाते हैं।
- Meta tags जोड़ने से पहले decide करना कि किसी page type के लिए Summary बेहतर है या Large Image।
परिणाम
आप Twitter/X पर एक ब्लॉग पोस्ट शेयर करने वाले हैं। आप पेज का HTML पेस्ट करके उसके टैग लोड करते हैं, और प्रीव्यू दिखाता है कि कार्ड में डिस्क्रिप्शन गायब है और इमेज कटी हुई है। आप दोनों फ़ील्ड ठीक करते हैं और ट्वीट करने से पहले पुष्टि करते हैं कि लार्ज इमेज कार्ड प्रोफेशनल दिखता है।
अक्सर पूछे जाने वाले प्रश्न
- Summary और Summary with Large Image में फ़र्क़ क्या है?
- Summary card के बायीं तरफ़ छोटा square thumbnail रहता है, दायीं तरफ़ title और description। Summary with Large Image title के ऊपर एक wide banner लगाता है। बड़ा वाला timeline में ज़्यादा जगह घेरता है और लगभग हमेशा click-through ज़्यादा देता है।
- Twitter/X असल में image किस size में दिखाता है?
- Summary with Large Image के लिए दिखने वाला area लगभग 2:1 (जैसे 1200×600 px) होता है। Twitter 300×157 से 4096×4096 तक accept करता है पर 2:1 में crop करता है, इसलिए ज़रूरी text या चेहरे center के 2:1 zone के अंदर रहने चाहिए।
- क्या इन meta tags के लिए Twitter Developer approval चाहिए?
- नहीं। Twitter Card meta tags किसी भी public site पर बिना approval चलते हैं। पुराना validator जो review माँगता था, अब retire हो चुका है। Tags को <head> में डालिए, publicly deploy कीजिए, अगली बार जब कोई URL share करेगा तब card render हो जाएगा।
- Meta tags सही हैं फिर भी Twitter पर नया card क्यों नहीं दिख रहा?
- Twitter card responses को बहुत aggressively cache करता है। Tag ठीक करने के बाद पुराना card घंटों तक टिक सकता है। URL में tracking suffix (?v=2 या UTM) लगा कर share करने से fresh fetch force हो जाता है। robots.txt में Twitterbot को block करना भी एक आम कारण है।
- Open Graph use करूँ या Twitter tags?
- twitter:* tags न हों तो Twitter Open Graph (og:title, og:description, og:image) पर fallback कर देता है, तो आम तौर पर सिर्फ़ OG से काम चल जाता है। Twitter जो image और layout चुनेगा उस पर पूरा control चाहिए तो twitter:card और twitter:image भी जोड़ें।
संबंधित उपकरण
स्ट्रक्चर्ड डेटा जेनरेटर
SEO के लिए JSON-LD स्कीमा मार्कअप बनाएँ
वेबपेज से PDF
वेबपेज को PDF के रूप में सेव करें
प्राइवेसी पॉलिसी जनरेटर
अपनी वेबसाइट के लिए प्राइवेसी पॉलिसी बनाएं
सेवा की शर्तें जनरेटर
सेवा की शर्तों का दस्तावेज़ बनाएँ
कुकी सहमति जनरेटर
कुकी सहमति बैनर कोड बनाएं
CSS मिनिफायर
फ़ाइल का आकार कम करने के लिए CSS कोड को संक्षिप्त करें