Open Graph Preview

Preview how your website looks when shared on social media. Test Open Graph meta tags for Facebook, Twitter/X and LinkedIn previews.

og:title

og:site_name

og:description

og:image (URL or base64)

og:url

twitter:card type

example.com

Page Title

Generated Meta Tags

<meta property="og:type" content="website" />

<meta name="twitter:card" content="summary_large_image" />

What is OG Meta Tag Preview?

Open Graph (OG) meta tags control how your web pages appear when shared on social media platforms like Facebook, Twitter/X, and LinkedIn. This tool lets you preview exactly how your page will look across different platforms before you publish. Enter your meta tag values and see real-time previews of the social cards. Everything runs in your browser, and no data is sent to any server.

Properly configured OG tags improve click-through rates from social media shares by displaying rich, visually appealing link previews with custom titles, descriptions, and images.

Open Graph Tags: How to Control How Your Links Look on Social Media

Learn how Open Graph tags control link previews on social media. Covers og:title, og:description, og:image, Twitter Cards, image requirements, debugging tools and common mistakes.