How this tool works
Creates the common `twitter:card`, title, description, and image tags from fields you enter.
How to use it
- Choose a summary card type.
- Enter an accurate title, description, and absolute image URL.
- Place the tags in the page head and test on the social platform.
Limits to keep in mind
Platform rendering rules can change. This local generator does not request a card preview from X or validate its cache.
Frequently asked questions
Will this guarantee a card appears?
No. The destination platform controls eligibility, fetching, and display.
Does it contact X?
No. All generation is local in your browser.
Do I need Twitter card tags if I already have Open Graph tags?
Often X can fall back to Open Graph values, but the twitter:card tag is what selects the card type. Add it, and set twitter tags only where you want different text or an image.
Which card type should I choose?
Use a summary card for a small thumbnail and short text, or a large-image card when you have a strong, wide image that reads well when cropped.
What Twitter Card tags do
Twitter Card tags are meta elements in the head of a page that tell the platform now called X how to display a link when someone shares it. Instead of a plain address, the post can show a title, a short description and an image, which usually makes a link easier to notice and more likely to be clicked.
The Twitter Card Generator creates the common tags from the fields you enter: twitter:card to choose the card type, plus the title, description and image. It formats them as copyable HTML. The tag names still begin with twitter even though the platform has changed its name, and they remain the tags the platform reads. The tool generates text only. It does not contact X, request a preview or check whether your page is public.
Write a share title and summary
A share title can be a little different from your page title, since it appears in a social feed and not in a search results list. Write it for people who are scrolling, with a clear promise of what the link offers, and keep it short enough not to be cut off. The description should add information that the title does not, in one or two sentences.
Do not just repeat the same words in both fields. Avoid clickbait that the page cannot deliver, because misleading previews damage trust and lead to quick exits. Keep the tone consistent with your brand, and make sure the title and description match the real content of the page. If you are not sure, start with your page title and meta description and adjust them for a social audience.
Choose the card type
The two card types used most often are summary and summary with large image. The summary card shows a small square thumbnail beside the title and description. The large image card places a wide image above the text, which takes up more space in the feed and works well for articles and visual content.
Choose the large image card when you have a strong, wide image that still looks good when cropped. Choose the summary card when the image is a logo or small graphic, or when you do not have a suitable wide image. Other card types exist for apps and players, but they need additional setup and are outside the scope of this generator. Pick one type per page and use it consistently across similar pages.
Use an accessible image and complete URLs
The image URL must be an absolute address beginning with https, and the image must be publicly reachable, with no login and no blocking by robots.txt. For the large image card, a wide image with a ratio of about 2 to 1 is recommended, with a minimum size of 300 by 157 pixels and a maximum of 4096 by 4096 pixels and 5 MB in size. For the summary card, a square image of at least 144 by 144 pixels is the minimum.
Keep key text and faces away from the edges because platforms crop images. Use a compressed JPEG, PNG, WebP or GIF file. If you want to add alternative text for the image, include a twitter:image:alt tag yourself, since it helps people who use screen readers understand the preview. Test that the image address opens directly in a browser before you use it.
Install and verify the tags
Paste the generated tags into the head of the page. If your CMS or SEO plugin already outputs Open Graph and Twitter tags, check the page source first so you do not add a duplicate set. Where the platform finds no Twitter-specific tags, it may fall back to Open Graph tags for the title, description and image, but the twitter:card tag is what selects the card type, so it is worth setting.
After publishing, share the link in a post to see how it appears, or use any preview or debugging tool the platform currently offers. Platforms store previews in a cache, so an old version may appear for a while after you update the tags or the image. If the preview looks wrong, check the page source, the image URL and the status of the page.
Open Graph and Twitter tags together
Most sites use both sets of tags. Open Graph tags, which start with og, are read by Facebook, LinkedIn, messaging apps and many other services. Twitter tags control the appearance on X. Using both gives you consistent previews across the places where people share links. You do not need to repeat every value, because X can use your Open Graph values for any Twitter tag that is missing.
A sensible setup is a complete set of Open Graph tags plus a twitter:card tag and any Twitter-specific values you want to override. If you want to build the Open Graph tags as well, use the Open Graph Generator on this site. Keep the data consistent between the two so the same page looks the same wherever it is shared.
Limits and maintenance
Platform rules for cards, sizes and supported types can change. The generator does not request a preview from X, check your card against the platform's current rules, or clear its cache. It also cannot tell you whether the image will be cropped in the way you expect.
Revisit your tags when you change a page title, replace a hero image, move a page to a new URL or change your branding. Make sure the page you share is the canonical version, with the right address in your Open Graph URL. A quick check of your most shared pages every few months is enough to catch outdated images and titles before they spread further.
More SEO Tools · Browse the tools catalogue