ℹ Info Open Graph

og:description Slightly Long — Fine-Tuning Your Description Length

Descriptions between 160-200 characters may be truncated on some platforms.

What's the issue?

Your og:description is between 160 and 200 characters. While this isn't critically long, some social platforms will start truncating your description at around 155-160 characters.

Which platforms truncate early?

Platform	Approx. limit	Risk at 160-200 chars
LinkedIn	~150 chars	High — will truncate
WhatsApp	~150 chars	High — will truncate
Slack	~150 chars	High — will truncate
Facebook	~200 chars	Low — usually safe
Discord	~350 chars	Very low

The sweet spot: 110-160 characters

This range ensures your full description is visible on all major platforms. You get enough space to write a compelling summary without risking truncation.

How to fix it

Trim a few words from your description to bring it under 160 characters:

<!-- Slightly long (170 chars) -->
<meta property="og:description" content="Learn everything you need to know about implementing Open Graph tags for better social media previews. Step-by-step guide with code examples included." />

<!-- Better (under 160 chars) -->
<meta property="og:description" content="Learn how to implement Open Graph tags for better social previews. Step-by-step guide with code examples." />

Tips for trimming

Remove filler words — "everything you need to know about" → "how to"
Use shorter synonyms — "implementing" → "adding", "comprehensive" → "full"
Cut redundant phrases — If the title says "Guide", don't repeat it in the description
Front-load key info — Put the most important words first so even if truncated, the meaning is clear

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.

og:description Is Too Short

Short descriptions miss the opportunity to engage users.

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"