Open Graph Checker
Social Media Preview
OG & Twitter Card Tags Found
Validation Checks
Improve how your brand appears everywhere
MentionAgent helps your brand get cited by ChatGPT, Claude, and other AI models through strategic link building and content placement.
Start Getting Mentioned For $99/moWhat are Open Graph tags?
Open Graph (OG) tags are snippets of HTML meta data placed in the <head> of a web page. Originally created by Facebook, they control how your content appears when shared on social platforms like Facebook, LinkedIn, Twitter, Slack, and iMessage. Without OG tags, platforms guess what title, description, and image to show , often with poor results.
Properly configured OG tags are an important part of on-page SEO and social media marketing. They make your content look professional and clickable wherever it gets shared.
Essential Open Graph tags
| Tag | Description | Example |
|---|---|---|
og:title | The title shown in the social share card | My Awesome Blog Post |
og:description | A brief summary shown below the title | Learn how to improve your SEO in 5 easy steps. |
og:image | The image displayed in the preview card (1200x630px recommended) | https://example.com/img/post-cover.jpg |
og:url | The canonical URL for the shared page | https://example.com/blog/seo-tips/ |
og:type | The type of content (website, article, product, etc.) | article |
Frequently asked questions
What are Open Graph tags?
Open Graph tags are meta tags in your HTML that control how your page appears when shared on social media platforms like Facebook, LinkedIn, Twitter, and Slack. They define the title, description, image, and URL shown in the social share preview card.
Why are OG tags important?
OG tags directly impact click-through rates from social media. Without them, platforms may pull incorrect or unappealing content for your share preview. Well-crafted OG tags make your content look professional and clickable when shared, leading to more clicks and engagement.
How do I add Open Graph tags to my site?
Add Open Graph meta tags in the <head> section of your HTML. At minimum, include og:title, og:description, og:image, and og:url. Most CMS platforms like WordPress, Shopify, and Squarespace have SEO plugins that let you set OG tags without editing code.
What size should og:image be?
The recommended og:image size is 1200 x 630 pixels for optimal display across all platforms. Use a minimum of 600 x 315 pixels. The image should be in JPG or PNG format and under 8MB. Facebook recommends a 1.91:1 aspect ratio.