ℹ Info Open Graph

og:description Is Too Short — Maximize Your Social Media Impact

Short descriptions miss the opportunity to engage users.

What's the issue?

Your og:description is under 50 characters. While technically valid, a short description doesn't take full advantage of the space social platforms give you to persuade users to click.

Why short descriptions underperform

Social media link previews are essentially mini advertisements for your content. A description like "Check it out" or "Our latest post" wastes the chance to:

Explain what the content is about
Highlight the value or benefit
Differentiate from other shared links in the feed

Optimal length: 110-160 characters

This sweet spot allows you to write 2-3 compelling sentences that give users a clear reason to click.

How to improve it

<!-- Too short -->
<meta property="og:description" content="Our new product." />

<!-- Better -->
<meta property="og:description" content="Introducing our new product: an AI-powered code review tool that catches bugs before they reach production. Free for open-source projects." />

Tips for expanding your description

Answer "What's in it for me?" — Tell users what they'll gain from visiting
Add specifics — Numbers, features, or unique selling points
Include a soft CTA — "Learn more", "Explore features", "Get started"
Mention the format — "Video tutorial", "Step-by-step guide", "Free tool"
Preview the content — Give a taste of what they'll find without spoiling everything

Check your Open Graph tags

Related articles

Missing og:title

The og:title tag is essential for social sharing. Without it, platforms will use the page title or URL.

og:title Is Too Long

Titles longer than 60 characters may be truncated on social platforms.

og:title Is Too Short

Short titles may not be descriptive enough for social sharing.

Missing og:description

The og:description tag provides a summary of the page content for social platforms.

og:description Is Too Long

Descriptions over 160 characters may be truncated on social platforms.

Missing og:image

Pages without an og:image get significantly less engagement on social media.

OpenGraph MCP Server

Inspect OG tags directly from your editor

The OpenGraph MCP server lets you inspect and analyze Open Graph meta tags directly from your AI-powered editor or assistant. It provides two tools:

inspect_og — Fetch and score OG tags for any URL
suggest_og_tags — Generate recommended meta tag HTML

Add the server to your project's .cursor/mcp.json file:

{
  "mcpServers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

Restart Cursor after adding the configuration.

Add to your .vscode/mcp.json file (requires GitHub Copilot extension):

{
  "servers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

Make sure you have GitHub Copilot with MCP support enabled.

Add to your claude_desktop_config.json file:

{
  "mcpServers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

The config file is at ~/Library/Application Support/Claude/claude_desktop_config.json on macOS or %APPDATA%\Claude\claude_desktop_config.json on Windows.

Add to your ~/.codeium/windsurf/mcp_config.json file:

{
  "mcpServers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

Restart Windsurf after modifying the configuration.

Add to your Zed settings.json under context_servers:

{
  "context_servers": {
    "opengraph": {
      "command": {
        "path": "npx",
        "args": ["-y", "opengraph-mcp"]
      }
    }
  }
}

Open settings with Cmd+, and add the configuration.

Usage examples

▶ "Inspect the OG tags of github.com"

▶ "Suggest OG meta tags for my website https://example.com"

▶ "Check if my blog post has proper Open Graph tags"