Open Graph is a protocol that controls how your page appears when shared on social media. It defines the title, description, image, and URL shown in link previews.

What platforms use Open Graph?

Facebook, LinkedIn, Twitter/X, Slack, Discord, WhatsApp, and many other platforms use Open Graph tags to generate link previews.

Open Graph Preview

Preview how your page looks when shared on Facebook, Twitter/X, and LinkedIn.

How to use: Enter your page details to preview how it looks when shared on social media.

Facebook / LinkedIn Preview

Example.com

My Amazing Website

Discover the best tools and resources for developers, designers, and creators.

Twitter/X Preview

My Amazing Website

Discover the best tools and resources for developers, designers, and creators.

https://example.com/page

<meta property="og:title" content="My Amazing Website">
<meta property="og:description" content="Discover the best tools and resources for developers, designers, and creators.">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://via.placeholder.com/1200x630/3b82f6/ffffff?text=OG+Image">
<meta property="og:site_name" content="Example.com">
<meta property="og:type" content="website">

Open Graph Preview Tool

See exactly how your page will look when shared on Facebook, Twitter/X, and LinkedIn. Enter your OG data and see live previews for each platform. Generate the HTML tags to copy into your site.

Frequently Asked Questions

What is Open Graph?: Open Graph is a protocol that controls how your page appears when shared on social media. It defines the title, description, image, and URL shown in link previews.
What platforms use Open Graph?: Facebook, LinkedIn, Twitter/X, Slack, Discord, WhatsApp, and many other platforms use Open Graph tags to generate link previews.