All public pages have complete Open Graph tags

Missing Open Graph tags silently break every social link preview. When a page lacks og:title, og:description, or og:image, platforms like Facebook, LinkedIn, and Slack substitute generic fallbacks — your site name, truncated body text, or no image. The result is a bare URL in a feed instead of a rich preview card. Per ogp.me, all three tags are required for compliant previews; omitting any one degrades the click-through rate for every share of that page. For content-driven sites, this is a direct revenue leak: shares from blog posts, product pages, and landing pages perform significantly worse without complete OG coverage.

Add per-page OG metadata using Next.js generateMetadata for dynamic routes and static metadata exports for fixed pages. The root layout's openGraph block acts as a fallback — it is not a substitute for page-level overrides on content pages.

// app/blog/[slug]/page.tsx
export async function generateMetadata({ params }): Promise<Metadata> {
  const post = await getPost(params.slug)
  return {
    openGraph: {
      title: post.title,
      description: post.excerpt,
      images: [{ url: post.coverImageUrl, width: 1200, height: 630 }],
      url: `https://yoursite.com/blog/${params.slug}`,
    },
  }
}

Every public-facing route with unique content needs its own og:title, og:description, and og:image. Confirm coverage by checking both app/layout.tsx and each content route file.