⚠ Warning SEO

HTML Title Too Long — Optimize for Search Engine Display

Google typically displays the first 50-60 characters of a page title.

What's the issue?

Your HTML <title> tag exceeds 70 characters. Google typically displays 50-60 characters in search results, so longer titles get truncated with an ellipsis (...), potentially cutting off important information.

How search engines handle long titles

Search Engine	Display Limit	Behavior
Google	~50-60 chars	Truncates with "..."
Bing	~65 chars	Truncates with "..."
DuckDuckGo	~65 chars	Truncates with "..."

The exact limit varies based on pixel width, not character count — wider characters (like W, M) take more space than narrow ones (i, l).

Why it matters

Lost information — Your key message may be cut off
Lower CTR — Truncated titles are less compelling in search results
Keyword dilution — Important keywords at the end may not be visible
Poor UX — Users can't read the full title to decide if the result is relevant

How to fix it

<!-- Too long (85 chars) -->
<title>The Complete and Comprehensive Beginner's Guide to Search Engine Optimization in 2025</title>

<!-- Better (55 chars) -->
<title>Beginner's Guide to SEO in 2025 — Complete Tutorial</title>

Tips for shorter titles

Remove filler words — "Complete and Comprehensive" → "Complete"
Use abbreviations — "Search Engine Optimization" → "SEO"
Move brand name — Put your brand after a pipe/dash, or skip it on inner pages
Front-load keywords — Most important words first
One clear message — Don't try to cover multiple topics in the title

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"