ℹ Info Open Graph

Missing og:site_name — Brand Recognition in Social Sharing

The og:site_name helps platforms identify your brand.

What is og:site_name?

The og:site_name meta tag identifies the name of your website or brand as a whole, separate from the individual page title. It helps social platforms attribute your shared content to your brand.

How platforms use it

Facebook — Displays the site name above the title in gray text
Discord — Shows the site name as a header above the embed
Slack — Displays it prominently at the top of the unfurled link
Others — May use it for branding and attribution

Why should you add it?

Brand recognition — Users see your brand name consistently across all shared links
Trust signal — A recognized brand name increases click-through rates
Differentiation — Distinguishes your content from other sources in a user's feed
Cleaner titles — You don't need to include your brand in og:title when og:site_name is set

How to fix it

<meta property="og:site_name" content="Your Brand Name" />

Best practices

Use your brand name, not the domain — "OpenGraph.to" is better than "opengraph.to"
Keep it consistent — Use the same site name across all pages
Keep it short — The brand name only, not a tagline
Match your real brand — Use the name your audience recognizes

Examples

<!-- Good -->
<meta property="og:site_name" content="GitHub" />
<meta property="og:site_name" content="The New York Times" />
<meta property="og:site_name" content="OpenGraph.to" />

<!-- Bad -->
<meta property="og:site_name" content="GitHub - Where the world builds software" />
<meta property="og:site_name" content="www.nytimes.com" />

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"