No Twitter card tag

What the tag controls

When someone posts a link on X, the platform fetches the page and builds a preview from its meta tags. The twitter:card tag chooses the layout: summary_large_image shows a wide picture above the title and description, while summary shows a small square image beside them. Without the tag, X can still build something from Open Graph tags, but the layout is its choice, not yours, and it may differ from the large card you saw in the design.

The card reads other tags too, and falls back to Open Graph for the title, description and image when twitter:title, twitter:description and twitter:image are absent. That is why the twitter:card line alone is usually enough on a site that already has good Open Graph tags. Treat it as a small finishing touch, not a ranking factor: it affects how a shared link looks, not where the page appears in search.

How Skewcheck detects it

Skewcheck reads the HTML for a meta tag named twitter:card. If one is present with a non-empty content, written as name="twitter:card" or property="twitter:card", the check passes without judging the value, so even an invalid card type passes. If none is found, the check warns with low severity and removes 2 points from the score, the smallest weight any social check carries.

The check does not fetch the image, and it does not test how X renders the card. The share image is tested separately under the Share image loads check, which fetches the og:image address. Because X's own tools and policies change, treat the actual look of your card as something to confirm by posting the link in a private account or a test post.

curl -s https://example.com | grep -io '<meta[^>]*twitter:card[^>]*>'

Adding it

Add the tag to the <head> of every page that people might share. In the Next.js App Router, the metadata object has a twitter field with a card property. WordPress SEO plugins such as Yoast and Rank Math output it from their social settings. In Webflow, add the meta tag in the page's or site's custom code (head), and in Framer, add it in the site's custom code (head) settings. Whichever route you use, view the published page source and confirm the tag appears in the head.

Pair it with the Open Graph title, description and a share image of about 1200 by 630 pixels, so the card has something to show. If your image is a logo on a transparent background, consider the smaller summary card instead.

export const metadata = {
  twitter: { card: "summary_large_image" },
};

Before and after

<meta property="og:image" content="https://example.com/share.png">

<meta property="og:image" content="https://example.com/share.png">
<meta name="twitter:card" content="summary_large_image">