X (Twitter) Card Preview

Preview the summary card with a large image that X shows for a shared link, then copy the tags. Runs in your browser.

  • No account needed. Import a live URL or type it in
  • X (Twitter) preview updates instantly
  • Copy escaped HTML metadata in one action

Page metadata

Paste a public page URL to load its title, description, and image. Or fill in the fields below by hand.

X (Twitter) reads: twitter:card, twitter:title, twitter:description, twitter:image, og:url

X (Twitter)
Plan and schedule social content with PostlyBee

postlybee.com

Plan and schedule social content with PostlyBee

Create, customize, preview, and schedule social media posts from one collaborative workspace.

Image: 1200 × 600 px. The large summary card uses a 2:1 image, at least 300 × 157 px and under 5 MB.

Generated HTML

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Plan and schedule social content with PostlyBee" />
<meta name="twitter:description" content="Create, customize, preview, and schedule social media posts from one collaborative workspace." />
<meta name="twitter:image" content="https://postlybee.com/og-image.png" />
<meta property="og:url" content="https://postlybee.com/features" />

From link to published

Check it here, publish to X with PostlyBee

The same editor you use for every post, in a few steps.

Enter any public page URL and PostlyBee reads its title, description, and image for you, so there is nothing to retype.

Start your free trial

Practical guide

Get a large card instead of a bare link

Without card tags a link on X can appear as plain text. Setting twitter:card to summary_large_image tells X to show the image, title, and domain as a card, which takes up far more of the timeline.

Because X falls back to Open Graph, one set of og: tags plus a single twitter:card line is often enough. Add twitter-specific tags only when you want different copy for X.

Privacy: Text you type stays in this browser tab. If you import a URL, PostlyBee downloads that public page once to read its tags and does not store it. Your browser loads the preview image directly from its address.

  1. 01

    Add the card type

    Use summary_large_image for a wide image card.

  2. 02

    Set title, description, and image

    Use a 2:1 image URL that is public and served over HTTPS.

  3. 03

    Copy the tags

    Paste them into the page head and test the live URL in a post draft.

Pro tips

Pro tips for X (Twitter) metadata

Pick the card type

twitter:card selects the layout. summary_large_image shows a wide image above the text and is the usual choice for articles and landing pages.

Falls back to Open Graph

When twitter:title, twitter:description, or twitter:image are missing, X reads the matching og: tags. Set both only when the X version should differ.

Titles are short, images are 2:1

Keep titles near 70 characters and use a 2:1 image so nothing important is cropped. Large files above 5 MB are not shown.

FAQ

About the X (Twitter) Meta Tags Preview

Know what the preview measures, what it does not guarantee, and how your input is handled.

Ready to move from preview to publishing?

Use this free tool without an account, then bring the finished work into PostlyBee to customize, schedule, and track the campaign.

Start scheduling with PostlyBee