Search results
Open Graph Generator
Basic Information
Image Settings
Open Graph (Facebook, LinkedIn)
Twitter Card
Meta Tags
Your meta tags will appear here
Fill in the details and click GenerateAbout Open Graph & Twitter Cards
What are Open Graph Meta Tags?
Open Graph meta tags control how your content appears when shared on social media platforms like Facebook, LinkedIn, and Pinterest. They define the title, description, and image for social previews.
Recommended Image Sizes
- Facebook/LinkedIn: 1200 x 630 px
- Twitter Summary: 240 x 240 px (1:1)
- Twitter Large Image: 1200 x 628 px
How to Use
- Fill in your page title and description
- Add your featured image URL
- Select the appropriate content type
- Generate and copy the meta tags
- Paste them in your page's <head> section
Best Practices
- Keep titles under 60 characters
- Keep descriptions under 160 characters
- Always include an image for better engagement
Open Graph Generator
What is Open Graph Generator?
Open Graph Generator creates meta tags that control how your pages look when shared on social media. It generates both Open Graph tags (for Facebook and LinkedIn) and Twitter Card tags, ensuring your content displays with the right title, description, and image on all platforms.
Why Would You Need Open Graph Meta Tags?
Without proper meta tags, social platforms pull random content from your page. Here is when this tool helps:
- Blog posts: Ensure your article shows the right headline and featured image when shared
- Product pages: Display product images and prices in social previews
- Landing pages: Control exactly what people see before clicking your link
- News articles: Show publish dates and author info in Facebook shares
- Company pages: Present your brand consistently across all social platforms
- Marketing campaigns: Create eye-catching previews that drive clicks
How to Generate Open Graph Tags - Step by Step
- Enter basic info: Add your page title, description, and URL
- Add an image: Paste your featured image URL (1200x630 recommended)
- Select content type: Choose website, article, product, or other type
- Configure Twitter card: Pick summary or large image card type
- Generate tags: Click the button to create your meta tags
- Copy and paste: Add the tags to your page head section
Key Features
- Dual platform support: Generates both Open Graph and Twitter Card tags
- 10 content types: Website, article, product, profile, video, and more
- Article extras: Author, publish date, section, and tags for blog posts
- Product details: Price, currency, and availability for e-commerce
- Validation: Checks for common issues like title length and missing images
- Test links: Quick access to Facebook, Twitter, and LinkedIn debuggers
Tips for Best Results
- Keep titles under 60 characters to avoid truncation
- Write descriptions between 100-160 characters for optimal display
- Use images sized 1200x630 pixels for best compatibility
- Always include an image - posts with images get much higher engagement
- Test your tags with Facebook Debugger before publishing
- Update og:url to match each page canonical URL
Frequently Asked Questions
Where do I put these meta tags?
Paste the generated tags in your HTML head section, before the closing head tag. They should appear on every page you want to optimize for social sharing.
Do I need both Open Graph and Twitter tags?
Twitter can fall back to Open Graph tags, but using dedicated Twitter Card tags gives you more control over how your content appears on Twitter specifically.
Why is my image not showing on Facebook?
Facebook caches shared URLs. Use the Facebook Sharing Debugger to scrape fresh information and clear the cache for your URL.
What image size should I use?
1200x630 pixels works best across all platforms. Keep file size under 8MB and use JPG or PNG format.