Richer Twitter/X Shares with Summary Cards

Release: v0.1.8 · SEO-04

When a link to Calmony is shared on Twitter/X it now automatically renders a summary_large_image card — a full-width preview image paired with the product title and description — instead of a bare URL.

What changed

The following twitter block was added to the root metadata export in src/app/layout.tsx:

twitter: {
  card: 'summary_large_image',
  title: 'Calmony Sanctions Monitor',
  description: 'Automated UK sanctions screening from 10p/person/month.',
  images: ['https://calmony.com/og-image.png'],
},

Fields

Field	Value	Purpose
`card`	`summary_large_image`	Instructs Twitter/X to render a large image card rather than a plain link
`title`	Calmony Sanctions Monitor	Headline displayed on the card
`description`	Automated UK sanctions screening from 10p/person/month.	Supporting copy shown beneath the title
`images`	`https://calmony.com/og-image.png`	Preview image fetched by Twitter/X crawlers

Why it matters

Without Twitter Card tags, links shared on Twitter/X appear as plain text with no visual preview. Posts with large-image cards consistently attract higher click-through rates because users can see context — a branded image and description — before deciding to click.

Verifying the tags

You can confirm the tags are present using Twitter's Card Validator or by inspecting the page <head> for <meta name="twitter:*"> elements.

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Calmony Sanctions Monitor" />
<meta name="twitter:description" content="Automated UK sanctions screening from 10p/person/month." />
<meta name="twitter:image" content="https://calmony.com/og-image.png" />