Twitter (X) Cards

Twitter (X) Cards are meta tags in a page’s HTML that control how a link appears when it is shared on X, formerly Twitter. They set the preview image, title and description. Cards do not affect Google rankings directly, but an attractive preview can earn more clicks and shares.

How X Cards work

When someone posts a link on X, its crawler visits the page and reads the meta tags in the head section. It then builds a preview card. The tags look like this:

<meta name="twitter:card" content="summary_large_image">

The main tags are:

  • twitter:card: the card type.
  • twitter:title: the headline for the preview.
  • twitter:description: a short summary.
  • twitter:image: the preview image URL, with twitter:image:alt for a text description.
  • twitter:site: the X account of the website or brand.

If the X-specific tags are missing, X falls back to the matching Open Graph tags used by Facebook, LinkedIn and others. Many sites therefore set Open Graph tags fully and add only twitter:card and twitter:site.

Card types

  • Summary: a small square thumbnail with text.
  • Summary with large image: a wide, prominent image. This is the most common choice for articles and pages.
  • App: promotes a mobile app with a download link.
  • Player: embeds video or audio content, and requires approval from X.

X has changed how much text it shows in previews over the years. In recent years, link previews have mostly shown the image with the domain, so a strong image matters more than ever.

Why they matter

X Cards are not a Google ranking factor, and Google has said social signals are not used directly in its rankings. Their value is in social distribution: a clear, relevant preview makes people more likely to click, share and visit. Links without cards appear as plain text or a bare URL, which tends to be overlooked. Cards also give you control over which image and wording appear, rather than leaving it to chance.

How to set up X Cards

  1. Choose a card type, usually summary_large_image.
  2. Create a share image, commonly 1200 by 628 pixels or similar wide ratio, with important content away from the edges.
  3. Add the tags to each page’s head, or use one of the SEO plugins that generate them from page data.
  4. Write a title and description for sharing. These can differ from your title tag and meta description if a more conversational version suits social.
  5. Use absolute image URLs that are publicly accessible and not blocked by robots.txt.
  6. Test by posting the link in a draft or private post, as X’s Card Validator no longer shows a preview.

Common mistakes

  • Using the same generic logo as the image on every page.
  • Blocking X’s crawler in robots.txt, so previews cannot be built.
  • Images that are too small, too large in file size or cropped badly.
  • Forgetting that X caches previews, so changes may not show straight away.
  • Leaving outdated titles or prices in social tags after updating the page.

Key Takeaways

  • X Cards control how links look when shared on X.
  • The summary_large_image card suits most pages.
  • X falls back to Open Graph tags when its own tags are missing.
  • Cards do not affect Google rankings but can boost clicks and shares.
  • Use a strong, well-sized image for every important page.

Related Terms

Browse more terms in the SEO Encyclopedia.