What Are Open Graph Meta Tags?
Open Graph (OG) meta tags control how your web pages appear when shared on social media platforms like Facebook, LinkedIn, and Twitter. They define the title, description, image, and URL that are displayed in the social media card preview. Without proper OG tags, platforms may pull incorrect or incomplete information from your page, leading to unattractive link previews that reduce engagement and click-through rates.
How to Use This Preview Tool
- Enter your page's title, description, image URL, and page URL in the fields above.
- Optionally select the content type and add a site name.
- Click "Preview & Generate Tags" to see how your page will look on Facebook and Twitter.
- Copy the generated meta tags and paste them into your HTML
<head>section.
Frequently Asked Questions
What is the recommended og:image size?
Facebook recommends 1200 x 630 pixels for optimal display. Twitter recommends 1200 x 628 pixels for summary cards with large images. Use high-resolution images for the best results.
Do I need both OG tags and Twitter Card tags?
Twitter will fall back to OG tags if Twitter Card tags are not present. However, using both gives you more control over how your content appears on each platform.