# Open Graph Generator MCP

> Open Graph Generator creates perfect social media previews for your content. This MCP takes basic metadata—like a title and description—and instantly builds the specific HTML tags needed to ensure that when you share a link on Facebook, LinkedIn, or X, it displays rich titles, images, and descriptions instead of just a boring URL. It guarantees professional-looking previews across every major platform.

## Overview
- **Category:** social-media
- **Price:** Free
- **Tags:** open-graph, twitter-cards, meta-tags, social-seo, html-generation

## Description

Publishing content online shouldn't mean fighting with ugly links. When people share your work, the preview they see determines if they click. This MCP fixes that problem by automating the creation of standardized social SEO tags. You give it simple data—a headline, a body description, and an image URL—and it builds complete, platform-ready blocks of HTML code for both Open Graph and Twitter Cards. We've built this connection to make sure your content looks professional wherever it lands. If you're building a comprehensive marketing stack, Vinkius provides the central catalog where you can connect this tool alongside dozens of others to manage all your publishing needs in one place.

## Tools

### get_content_types
Lists all recognized categories of online content like articles or profiles.

### generate_html_tags
Creates the necessary Open Graph and Twitter meta tags from provided title, description, and URL data.

### validate_metadata
Checks if your submitted text adheres to best practices for optimal display length on social networks.

## Prompt Examples

**Prompt:** 
```
Generate HTML tags for a blog post titled 'The Future of AI' with description 'Exploring the next decade of intelligence.' at URL 'https://vinkius.com/blog/ai-future' using the article content type.
```

**Response:** 
```
<meta property="og:title" content="The Future of AI" />
<meta property="og:description" content="Exploring the next decade of intelligence." />
<meta property="og:url" content="https://vinkius.com/blog/ai-future" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="The Future of AI" />
<meta name="twitter:description" content="Exploring the next decade of intelligence." />
```

**Prompt:** 
```
Check if my metadata is good: Title: 'My Awesome Website', Description: 'This is a very long description that might be too much for some platforms to display correctly without truncation.'
```

**Response:** 
```
{
  "isOptimal": false,
  "warnings": [
    "Description is too long"
  ]
}
```

**Prompt:** 
```
What are the available content types I can use?
```

**Response:** 
```
The supported content types are: website, article, profile, and book.
```

## Capabilities

### Generate social media tags
Instantly builds complete blocks of HTML code required for rich previews on platforms like Facebook and LinkedIn.

### Check metadata compliance
Runs your existing titles and descriptions against industry best practices to warn you about truncation or length issues before publishing.

### Discover content types
Lists all supported content categories, ensuring you use the correct type (like 'article' versus 'book') for accurate tag generation.

## Use Cases

### A new blog post needs to go live.
The Content Manager feeds the agent a draft article's title, summary, and URL. The agent runs generate_html_tags, spitting out perfect HTML tags that ensure the link looks beautiful when shared on X or Facebook.

### I think my blog description is too long.
The SEO Specialist inputs a draft's metadata and asks for a check. The agent uses validate_metadata, immediately flagging the text because it exceeds recommended length limits, saving them from having to guess.

### I need tags for different content kinds.
The Web Developer runs get_content_types first to see if they should use 'book' or 'profile'. Once confirmed, they feed the data into generate_html_tags to build accurate code.

### We are updating our site structure.
The team needs to know what tags work best for a new type of page. They use get_content_types to see all supported categories and then test generate_html_tags with the right context.

## Benefits

- Guaranteed rich link previews. When you use the generate_html_tags tool, your content appears on platforms like LinkedIn with full titles and images, not just a plain URL.
- Avoid ugly link breakage. The validate_metadata tool checks if your description is too long or too short for social media feeds, so you never lose key information due to truncation.
- Saves development time. Instead of manually writing Open Graph code for every new content type, this MCP handles the complex HTML structure automatically.
- Contextual accuracy. By running get_content_types first, your agent knows if it's dealing with a 'website' or an 'article,' ensuring the tags are structured correctly from the start.
- Cross-platform consistency. You build one set of metadata, and this MCP ensures that both Open Graph (Facebook/LinkedIn) and Twitter Cards get perfect results.

## How It Works

The bottom line is, you get perfect social previews without writing or debugging any meta-tag HTML yourself.

1. Tell your agent the core metadata: the title, a summary description, and what kind of content it is.
2. The MCP processes this data using the appropriate tool to generate the full HTML tags for both Open Graph and Twitter Cards.
3. You receive a clean block of code ready to paste into your site's head section.

## Frequently Asked Questions

**How does the Open Graph Generator MCP improve my link previews?**
The tool generates specific HTML tags that social media platforms recognize. This makes sure your shared link shows rich images, titles, and descriptions instead of just a plain URL.

**Can I use open-graph-generator mcp for multiple content types?**
Yes. You can first run get_content_types to see all supported kinds, like 'article' or 'book,' and then feed the specific context into generate_html_tags.

**Does open-graph-generator mcp check if my text is too long?**
The validate_metadata tool checks your titles and descriptions against best practices. It warns you in advance if the content will be truncated by social media platforms.

**What kind of tags does open-graph-generator mcp create?**
It creates standardized Open Graph meta tags for Facebook and LinkedIn, plus Twitter Cards metadata. This covers most major sharing platforms.

**Is this better than just writing the HTML myself?**
Yes. Manually coding these tags is complicated because every platform has slightly different rules. Our MCP handles that complexity automatically for you.