OG Image Preview

Preview how your site looks when shared on social media

Title

Description

URL

Image URL

Site Name

Type

example.com

My Awesome Website

This is a description of my website that will appear when shared on social media.

Meta Tags

<!-- Open Graph -->
<meta property="og:title" content="My Awesome Website" />
<meta property="og:description" content="This is a description of my website that will appear when shared on social media." />
<meta property="og:url" content="https://example.com" />
<meta property="og:image" content="https://placehold.co/1200x630/3b82f6/ffffff?text=OG+Image" />
<meta property="og:site_name" content="Example" />
<meta property="og:type" content="website" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Website" />
<meta name="twitter:description" content="This is a description of my website that will appear when shared on social media." />
<meta name="twitter:image" content="https://placehold.co/1200x630/3b82f6/ffffff?text=OG+Image" />