Open Graph Debugger

Preview how your website will appear when shared on social media platforms

What is Open Graph?

Open Graph is a protocol that enables any web page to become a rich object in a social graph. It was originally created by Facebook to enable web pages to have the same functionality as other Facebook objects.

Better Sharing

Control how your content appears when shared on social media platforms.

Increased Engagement

Rich previews lead to higher click-through rates and more engagement.

Brand Consistency

Maintain your brand's visual identity across different platforms.

How to Implement Open Graph

Add the following meta tags to the <head> section of your HTML:

<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A description of your page" />
<meta property="og:image" content="https://yourdomain.com/image.jpg" />
<meta property="og:url" content="https://yourdomain.com/page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="A description of your page" />
<meta name="twitter:image" content="https://yourdomain.com/image.jpg" />