⚠ Warning Open Graph

og:description Is Too Long — How to Write Effective Descriptions

Descriptions over 160 characters may be truncated on social platforms.

What's the issue?

Your og:description exceeds 160 characters. Most social media platforms truncate descriptions that are too long, which means your carefully crafted message may be cut off mid-sentence.

Platform truncation limits

Platform	Approximate limit	Behavior
Facebook	~200 characters	Truncates with ellipsis
Twitter/X	~200 characters	May not show description at all
LinkedIn	~150 characters	Truncates with ellipsis
Discord	~350 characters	More generous
WhatsApp	~150 characters	Truncates early
Slack	~150 characters	Truncates with ellipsis

The recommended length: 110-160 characters

This range ensures your description is:

Fully visible on all major platforms
Long enough to be informative and compelling
Short enough to avoid truncation

How to fix it

Trim your description to 160 characters or fewer while keeping the essential message:

<!-- Too long (200+ chars) -->
<meta property="og:description" content="This is an extremely comprehensive and detailed description that goes on and on about every single feature and benefit of our amazing product that will revolutionize the way you work and live your life" />

<!-- Better (under 160 chars) -->
<meta property="og:description" content="Discover our product that revolutionizes how you work. Boost productivity by 50% with AI-powered features. Try it free today." />

Writing tips

Lead with the most important information — Even if truncated, the key message gets through
Use active voice — "Build faster websites" beats "Websites can be built faster"
One clear message — Don't try to cover everything; focus on the main value
Include numbers or specifics — "Save 3 hours per week" is more compelling than "Save time"

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 Short

Short descriptions miss the opportunity to engage users.

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"