J-Kit
Português

twitter card generator

Twitter Card generator

The Twitter Card controls how a link looks on X: a small image beside the text (summary) or a large image above (summary_large_image). This page explains each tag and generates the block with a preview, inheriting from Open Graph where it makes sense.

summary vs. summary_large_image

  • twitter:card=summary shows a square thumbnail next to the title and description. summary_large_image displays a wide image above the text, ideal for articles and covers. The choice changes the image size you should prepare.
  • twitter:site and twitter:creator use handles starting with @. If you do not set twitter:title, twitter:description or twitter:image, X uses the og: equivalents automatically.

Card examples

Large card

Input
card=summary_large_image
Expected output
<meta name="twitter:card" content="summary_large_image" />

Prepare a wide image (~1200×630) so it is not shown cropped.

Author handle

Input
creator=autor
Expected output
Aviso: handles começam com @

twitter:creator should be @author, not just author.

Full tool FAQ

The <title> lives in the <head> and sets the browser tab text and the search snippet title; it is a whole-page signal. The <h1> is the visible heading inside the content. They can have different text: the title is usually more concise and tuned for the SERP, while the h1 speaks directly to someone already on the page. Do not conflate them or repeat the exact same text without reason.

Frequently asked questions

Do I need to repeat title and description if I already have Open Graph?

No. X falls back to og:title and og:description when the matching twitter: tags are missing. Set only twitter:card and add the other twitter: tags only when you want different copy or image for X.

Why does my card not update on X?

Platforms cache the first read of the link. After changing the tags, use the official card validator/debugger to force a re-scrape and clear the URL cache.