</>

Open Graph Generator

Generate rich Open Graph and Twitter Card HTML `<meta>` tags for your website dynamically. Fill out page variables to get copyable headers.

Page Variables

Social Card Preview (Slack / Discord / Facebook style)
OG Preview
thedevs.tools

Awesome Web Tooling Suite

Explore a premium collection of 100% in-browser developer utilities with zero data leaks.

Generated Meta Tags (<head> block)

Frequently Asked Questions

What is Open Graph?
Open Graph is an internet protocol introduced by Facebook that allows web pages to become rich objects in social graphs. Setting OG tags controls the image, title, and description displayed when sharing links.
Why is it important?
Using proper OG tags optimizes social media previews, dramatically increasing engagement and click-through rates.