ToolBoxy
Sign up free
🔍

Open Graph Preview

og · seo · preview

og

example.com

My Amazing Page Title

This is a compelling description that will appear in social media previews when people share your link.

<!-- 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" />

How to use

  1. 1

    Fill in the title, description, image URL and more.

  2. 2

    Check the Facebook / Twitter / LinkedIn previews.

  3. 3

    Copy the generated meta tags into your site’s <head>.

FAQ

Is this tool free?

Yes — no sign-up, no installation, completely free to use right away.

What is this tool?

This tool helps you create and preview the meta tags that control how your page looks in search results and social shares. Fill in a title, description, and image to get clean tags and a live preview. Everything runs in your browser.