SEO Tools

Open Graph & Twitter Card Generator

Generate Open Graph and Twitter Card meta tags for better social media sharing.

Part of Yoopla's 445+ free browser tools.

Open Graph Properties

Recommended: 1200x630px (1.91:1 ratio)

Generated Tags

<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />

Add these tags inside the &lt;head&gt; section of your HTML

How to Use Open Graph Generator

  1. 1

    Enter page title, description, URL, and image URL.

  2. 2

    Select content type (website, article, product).

  3. 3

    Click "Generate & Copy" to get tags.

  4. 4

    Add tags to your HTML <head> section.

Frequently Asked Questions

What is Open Graph?

Open Graph is a protocol that controls how URLs are displayed when shared on social media platforms like Facebook, LinkedIn, and Twitter.

What image size is recommended?

Use 1200x630px (1.91:1 ratio) for best compatibility across all platforms.

Do I need both Open Graph and Twitter Cards?

Twitter will fall back to Open Graph tags if Twitter Card tags are missing, but including both ensures optimal display on all platforms.

Share this tool

Share this tool with others

Related Tools

Explore the ecosystem around

Category: Seo Tools

Use this tool as your starting point, then branch into adjacent tools, topic hubs, comparisons, and free alternatives.

Related Tools

Discover other tools that work great with Open Graph Generator

Topic Hubs

Go deeper into pillar pages and connected workflows

Related Articles & Guides

Learn more about using tools effectively

Tool Comparisons

Compare features and choose the right tool

Use Cases

Practical use cases with this tool

Best Tools Collections

Curated lists of top-rated tools

Open Graph & Twitter Card Generator | Yoopla