ℹ Info Open Graph

og:title Is Too Short — Making Your Title More Descriptive

Short titles may not be descriptive enough for social sharing.

What's the issue?

Your og:title is under 15 characters. While short titles aren't technically broken, they often miss the opportunity to engage users and provide context about the page content.

Why short titles underperform

Less context — Users scrolling through social feeds need enough information to decide whether to click
Lower CTR — Vague or generic short titles like "Home" or "Blog" don't attract attention
Missed keywords — Search engines and social platforms use the OG title for context and relevance

The ideal title length

Aim for 50-60 characters. This gives you enough room to:

Describe the content clearly
Include relevant keywords
Make it compelling and click-worthy

How to improve it

<!-- Too short -->
<meta property="og:title" content="Blog" />

<!-- Better -->
<meta property="og:title" content="Web Development Blog — Tips, Tutorials & Best Practices" />

Tips for writing better titles

Be specific — Instead of "Products", try "Premium Headphones — Wireless & Noise-Cancelling"
Include the value proposition — What will the user get from clicking?
Use numbers when relevant — "7 Tips for..." or "2025 Guide to..." tend to perform well
Add emotional hooks — Words like "Essential", "Ultimate", "Free" can boost engagement
Match user intent — The title should accurately reflect what the page offers

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.

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.

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"