OG Tag Tester

Miscellaneous

Preview how your Open Graph meta tags will look when shared on social media.

Title

Description

Image URL

Page URL

Site Name

example.com

My Awesome Page

This is a description of my page that will appear in social media previews.

Generated Meta Tags

<!-- Open Graph -->
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="This is a description of my page that will appear in social media previews." />
<meta property="og:image" content="https://via.placeholder.com/1200x630/6366f1/ffffff?text=OG+Image" />
<meta property="og:url" content="https://example.com/my-page" />
<meta property="og:site_name" content="Example Site" />
<meta property="og:type" content="website" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="This is a description of my page that will appear in social media previews." />
<meta name="twitter:image" content="https://via.placeholder.com/1200x630/6366f1/ffffff?text=OG+Image" />