Open Graph tags are present

Open Graph tags control the preview card that renders when your URL is pasted into Slack, Discord, LinkedIn, Facebook, iMessage, WhatsApp, and every other platform that implements the OG protocol. Without og:image specifically, the link unfurls as a plain text snippet — no thumbnail, no visual hook — which drops click-through rates in social feeds by roughly 2-3x compared to cards with images. Launch tweets, blog shares, and newsletter links all degrade simultaneously.

Set the three required properties in your root layout so every page inherits a default, then override per-page for high-value routes. Place a 1200x630 pixel image at public/og-image.png.

// app/layout.tsx
export const metadata = {
  openGraph: {
    title: 'YourSite',
    description: 'A brief description of your site',
    images: [{ url: 'https://yoursite.com/og-image.png', width: 1200, height: 630 }],
  },
}

For dynamic content, use Next.js's app/opengraph-image.tsx convention to generate per-page images at request time.