Open Graph Preview

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="My Amazing Page Title" />
<meta property="og:description" content="This is a compelling description that will appear in social media previews when people share your link." />
<meta property="og:image" content="https://placehold.co/1200x630/6366f1/ffffff?text=OG+Image" />
<meta property="og:site_name" content="My Website" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://example.com" />
<meta name="twitter:title" content="My Amazing Page Title" />
<meta name="twitter:description" content="This is a compelling description that will appear in social media previews when people share your link." />
<meta name="twitter:image" content="https://placehold.co/1200x630/6366f1/ffffff?text=OG+Image" />