Open Graph Generator
Get your content shared and linked
MentionAgent helps your brand earn backlinks and mentions through AI-powered outreach and strategic content placement.
Start Getting Mentioned For $99/moWhat are Open Graph tags?
Open Graph meta tags are snippets of HTML that control how your web pages appear when shared on social media platforms like Facebook, LinkedIn, Twitter, and messaging apps. They were originally created by Facebook in 2010 and have since become the standard for social sharing metadata across the web.
When someone shares a link, the platform's crawler reads the Open Graph tags to determine what title, description, and image to display in the share card. Without OG tags, platforms will try to guess from your page content, often with poor results.
Open Graph properties reference
| Property | Required | Description |
|---|---|---|
og:title | Yes | The title of your page as it should appear in the share card. Keep it under 60 characters. |
og:description | Yes | A brief description of the page content. Aim for 100-200 characters. |
og:url | Recommended | The canonical URL of the page. Helps avoid duplicate share data. |
og:image | Recommended | URL of the image to display. Recommended size: 1200x630px. |
og:type | Recommended | The type of content: website, article, product, or profile. |
og:site_name | Optional | The name of your overall website or brand. |
twitter:card | Recommended | Twitter card type: summary (small image) or summary_large_image. |
twitter:title | Optional | Title for Twitter. Falls back to og:title if not set. |
twitter:description | Optional | Description for Twitter. Falls back to og:description if not set. |
twitter:image | Optional | Image for Twitter. Falls back to og:image if not set. |
Frequently asked questions
What are Open Graph meta tags?
Open Graph meta tags are HTML elements placed in your page's <head> section that control how your content appears when shared on social media. They define the title, description, image, and URL shown in social share cards on platforms like Facebook, LinkedIn, and Twitter.
Where do I put Open Graph tags?
Open Graph tags go inside the <head> section of your HTML document, alongside your other meta tags like <title> and <meta name="description">. They should be added to every page where you want to control the social sharing appearance.
What's the best og:image size?
The recommended og:image size is 1200 x 630 pixels. This works well across Facebook, LinkedIn, and Twitter (when using summary_large_image). Use JPG or PNG format and keep the file size under 5 MB. For the summary Twitter card, a square 1:1 image also works well.
Do Open Graph tags affect SEO?
Open Graph tags don't directly influence search engine rankings. However, they significantly improve how your links look when shared on social media, which can increase click-through rates and drive more traffic. More traffic and engagement can indirectly benefit your SEO performance.