Open Graph Meta Generator
Generate Open Graph meta tags for better social media sharing.
What Is the Open Graph Protocol?
The Open Graph protocol (OGP), originally created by Facebook in 2010, is a set of meta tags that control how your web pages appear when shared on social media platforms. When someone shares a URL on Facebook, Twitter, LinkedIn, Slack, Discord, or iMessage, the platform reads the OG tags to display a rich preview with a title, description, and image.
Without Open Graph tags, social platforms try to guess what to display — often resulting in missing images, truncated titles, or irrelevant descriptions. Properly configured OG tags ensure your content looks professional and clickable when shared.
Essential Open Graph Tags
| Tag | Purpose | Example |
|---|---|---|
og:title | The title shown in the preview | My Awesome Article |
og:description | A brief description | Learn how to build modern web apps |
og:image | Preview image URL | https://example.com/image.png |
og:url | Canonical URL of the page | https://example.com/article |
og:type | Content type | website, article, product |
How to Use
- Enter your page title, description, and image URL.
- Click Generate to create the meta tags.
- Copy the generated tags and paste them into the
<head>section of your HTML page.
Best Practices
- Image dimensions: Use images at least 1200×630 pixels for best display across platforms.
- Title length: Keep titles under 60 characters to avoid truncation.
- Description length: Aim for 155–200 characters for optimal display.
- Test your tags: Use Facebook's Sharing Debugger or Twitter's Card Validator to preview how your page will look when shared.