Generate all 4 Twitter/X Card types — summary, summary_large_image, app and player — with a realistic live tweet preview.
See how your link will look in a real tweet.
Twitter Cards are special meta tags that allow rich media to be attached to tweets. When someone shares a URL that has Twitter Card tags, the tweet automatically displays a card below the text — showing a title, description, image or even a video player.
There are 4 Twitter Card types: summary_large_image (a large banner image — most popular for blogs and news), summary (a compact card with a small thumbnail), app (for mobile app promotion linking directly to App Store / Play Store), and player (for embedded audio or video).
<head> of your HTML page.Twitter Cards वे meta tags हैं जो Twitter/X पर आपके shared link के साथ एक rich preview card दिखाते हैं। इनके बिना, Twitter बस plain text link दिखाता है। सही Twitter Card tags लगाने से आपके tweets में engagement बढ़ती है।
This generator writes the exact Twitter/X Card meta tags for all four card formats and shows a live, realistic tweet preview as you type, so you can see precisely how a shared link will look before you ever paste a single tag into your page. | यह generator चार Twitter/X Card formats के लिए सही meta tags बनाता है और टाइप करते ही एक realistic tweet preview दिखाता है, ताकि कोई भी tag page में paste करने से पहले आपको पता चल जाए कि shared link कैसा दिखेगा।
Twitter Card tags are invisible in the page itself — normally the only way to see the result is to publish the page, tweet the link, and wait for the card to render. A title that gets cut off, a description that runs too long, or an image with the wrong aspect ratio are easy to miss until the link is already live in front of followers. This tool renders the tweet card instantly from your form inputs, using the real sizing and layout of each card type, so sizing and text-length problems show up before publishing instead of after. | Twitter Card tags page में खुद दिखते नहीं — नतीजा देखने का सामान्य तरीका है page को publish करके link tweet करना और card के render होने का इंतज़ार करना। Title का कट जाना, description का बहुत लंबा होना, या image का गलत aspect ratio होना — ऐसी गलतियां तब तक पता नहीं चलतीं जब तक link followers के सामने live न हो जाए। यह टूल form inputs से tweet card तुरंत render करता है, हर card type के असली size और layout के साथ, ताकि ये समस्याएं publish होने के बाद नहीं बल्कि पहले ही दिखें।
Open Graph (og:) tags were built for Facebook but are now read by most platforms as a fallback, including X when a dedicated twitter: tag is missing. Twitter Cards exist separately because X supports extra card types — app-promotion cards and player cards for embedded video/audio — that Open Graph has no equivalent for, and because X sometimes needs a different crop or character limit than Facebook. The safest approach, which this generator encourages, is to set both: Open Graph tags for general link sharing, and Twitter Card tags tuned specifically for X's display rules. | Open Graph (og:) tags मूल रूप से Facebook के लिए बने थे, पर अब ज़्यादातर platforms इन्हें fallback के रूप में पढ़ते हैं, जिसमें X भी शामिल है जब कोई dedicated twitter: tag मौजूद न हो। Twitter Cards अलग से मौजूद हैं क्योंकि X कुछ extra card types support करता है — app-promotion cards और embedded video/audio के लिए player cards — जिनके लिए Open Graph में कोई बराबर option नहीं है। सबसे सुरक्षित तरीका, जिसे यह generator बढ़ावा देता है, दोनों set करना है: सामान्य sharing के लिए Open Graph, और X के नियमों के हिसाब से tuned Twitter Card tags।
The four types serve different purposes: summary_large_image dominates the tweet with a wide banner and suits blog posts, news and product pages; summary uses a small square thumbnail suited to profile or homepage links; app links straight to an App Store or Play Store listing and should only be used on app landing pages; and player embeds a video or audio player inside the tweet itself. Picking the wrong type is a common mistake — using "app" on a regular blog post, for instance, strips away the title and description entirely and shows only a download button. | चार types अलग-अलग मक़सद के लिए हैं: summary_large_image एक बड़ी banner image के साथ पूरे tweet पर हावी रहता है और blog posts, news और product pages के लिए सही है; summary एक छोटी square thumbnail इस्तेमाल करता है जो profile या homepage links के लिए उपयुक्त है; app सीधे App Store या Play Store listing से जोड़ता है और सिर्फ़ app landing pages पर इस्तेमाल होना चाहिए; और player tweet के अंदर ही video या audio player embed करता है। गलत type चुनना एक सामान्य गलती है — जैसे किसी normal blog post पर "app" इस्तेमाल करना title और description पूरी तरह हटा देता है।
All tag generation and the tweet preview run entirely in your browser using JavaScript — the title, description, handles and URLs you type are never sent anywhere. The only network request this page makes on its own is loading the image you point it to, purely to render it inside the preview card, exactly as a browser normally loads any image on any page. | सारा tag generation और tweet preview पूरी तरह आपके browser में JavaScript से चलता है — आपका typed title, description, handles और URLs कहीं नहीं भेजे जाते। इस page का अपनी तरफ़ से इकलौता network request वह image load करना है जिसका URL आप देते हैं, सिर्फ़ उसे preview card में दिखाने के लिए।
Q. Do I need to upload an image to this tool? | क्या मुझे इस टूल में image upload करनी होगी?
No — you only paste an image URL that is already hosted on your own website or server; this tool never stores or uploads any file. | नहीं — आप सिर्फ़ उस image का URL paste करते हैं जो आपकी अपनी website या server पर पहले से host है; यह टूल कभी कोई file store या upload नहीं करता।
Q. Which card type should I use for a blog post? | किसी blog post के लिए कौन सा card type इस्तेमाल करें?
summary_large_image, since the large banner image gets the most attention and clicks in the Twitter/X feed. | summary_large_image, क्योंकि बड़ी banner image Twitter/X feed में सबसे ज़्यादा ध्यान और clicks खींचती है।
Q. What size image does summary_large_image need? | summary_large_image को किस size की image चाहिए?
At least 800×418 pixels (roughly a 1.91:1 ratio), under 5 MB, in JPG, PNG, GIF or WebP format. | कम से कम 800×418 pixels (लगभग 1.91:1 ratio), 5 MB से कम, JPG, PNG, GIF या WebP format में।
Q. Why isn't my card showing up after I tweeted the link? | Link tweet करने के बाद card क्यों नहीं दिख रहा?
X caches a page's card the first time a URL is shared; if tags were added afterward, re-run the link through X's Card Validator to force a re-fetch. | X किसी page का card पहली बार URL share होने पर cache कर लेता है; अगर tags बाद में add किए हैं, तो X के Card Validator से link को फिर से fetch कराएं।
Q. Do I still need Open Graph tags if I add Twitter Cards? | अगर Twitter Cards add कर दिए तो क्या Open Graph tags भी चाहिए?
Yes — Open Graph covers Facebook, LinkedIn, WhatsApp and most other platforms, while twitter: tags are read only by X, and X also falls back to og: tags for anything twitter: doesn't specify. | हां — Open Graph Facebook, LinkedIn, WhatsApp और बाकी ज़्यादातर platforms के लिए है, जबकि twitter: tags सिर्फ़ X पढ़ता है; X उन चीज़ों के लिए og: tags पर भी fallback करता है जो twitter: में नहीं दी गई।
Q. What's the character limit for the title and description? | Title और description की character limit क्या है?
There's no hard enforced limit, but titles over ~70 characters and descriptions over ~200 characters get truncated with "…" in the actual tweet, so this tool warns you as you approach those limits. | कोई सख़्त limit तो नहीं है, पर लगभग 70 characters से लंबे titles और 200 से लंबे descriptions असली tweet में "…" से कट जाते हैं, इसलिए यह टूल उस सीमा के पास पहुंचने पर warn करता है।
Q. What is the twitter:creator tag for? | twitter:creator tag किस लिए है?
It credits the individual author's handle separately from the site's own handle (twitter:site), which X can show as "by @author" on the card. | यह site के अपने handle (twitter:site) से अलग, content लिखने वाले व्यक्ति के handle को credit देता है, जिसे X card पर "by @author" के रूप में दिखा सकता है।
Q. Can I preview an app card without a real App Store ID? | बिना असली App Store ID के app card preview कर सकते हैं?
Yes, the live preview works with any placeholder text, but the real tags need a genuine numeric App Store ID or Play Store package name to actually work once published. | हां, live preview किसी भी placeholder text के साथ काम करता है, पर publish होने के बाद असल में काम करने के लिए असली numeric App Store ID या Play Store package name चाहिए।
Q. Does this tool post anything to my Twitter/X account? | क्या यह टूल मेरे Twitter/X account पर कुछ post करता है?
No. It only generates HTML meta tags for your own web page and simulates how a tweet would look — it has no connection to any X account and never posts anything. | नहीं। यह सिर्फ़ आपके web page के लिए HTML meta tags बनाता है और tweet कैसा दिखेगा उसका simulation करता है — किसी X account से इसका कोई connection नहीं है।
Q. Where do the generated tags go in my HTML? | बने हुए tags HTML में कहां जाते हैं?
Paste them inside the <head> section of the specific page they describe, alongside your existing meta tags. | उन्हें उस specific page के <head> section में paste करें, जिसके बारे में वे बताते हैं, अपने मौजूदा meta tags के साथ।
Q. Is this tool free to use? | क्या यह टूल free है?
Yes, completely free with no signup, no watermark and no usage limit. | हां, पूरी तरह free, बिना signup, बिना watermark और बिना usage limit के।
Q. Why does the preview card look slightly different from the real tweet? | Preview card असली tweet से थोड़ा अलग क्यों दिखता है?
X occasionally tweaks its card rendering (spacing, rounded corners, font), so this preview is a close visual approximation rather than X's own rendering engine. | X कभी-कभी अपने card rendering (spacing, rounded corners, font) में बदलाव करता है, इसलिए यह preview एक नज़दीकी visual approximation है, X के असली rendering engine जैसा नहीं।