⚠AvisoSEO

Título HTML muito longo — Otimize para exibição nos mecanismos de busca

O Google normalmente exibe os primeiros 50-60 caracteres do título da página.

Qual é o problema?

Sua tag HTML <title> ultrapassa 70 caracteres. O Google normalmente exibe 50-60 caracteres nos resultados de busca, então títulos mais longos são truncados com reticências (…), o que pode cortar informações importantes.

Como os mecanismos de busca tratam títulos longos

Mecanismo de busca	Limite de exibição	Comportamento
Google	~50-60 caracteres	Trunca com “…”
Bing	~65 caracteres	Trunca com “…”
DuckDuckGo	~65 caracteres	Trunca com “…”

O limite exato varia conforme a largura em pixels, não a contagem de caracteres — caracteres mais largos (como W, M) ocupam mais espaço do que os estreitos (i, l).

Por que isso importa

Informação perdida — A mensagem principal pode ser cortada
CTR mais baixo — Títulos truncados são menos atraentes nos resultados
Diluição de palavras-chave — Palavras-chave importantes no final podem não aparecer
UX ruim — Os usuários não leem o título completo para decidir se o resultado é relevante

Como corrigir

<!-- 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>

Dicas para títulos mais curtos

Remova palavras de preenchimento — “Complete and Comprehensive” → “Complete”
Use abreviações — “Search Engine Optimization” → “SEO”
Mova o nome da marca — Coloque a marca depois de um pipe/traço, ou omita em páginas internas
Coloque as palavras-chave no início — As palavras mais importantes primeiro
Uma mensagem clara — Não tente cobrir vários temas no título

Verifique suas etiquetas Open Graph

Artigos relacionados

og:image quebrada

A URL de og:image não retorna uma imagem válida. As plataformas sociais mostrarão uma pré-visualização quebrada ou ausente.

URL canônica diferente da URL da página

A URL canônica aponta para uma URL diferente da página atual.

Charset não é a primeira meta tag

A declaração de charset deve ser o primeiro elemento dentro de <head>.

og:description poderia ser mais longa

Você tem espaço para uma descrição mais detalhada e aumentar o engajamento.

og:description contém uma URL

A og:description deve ser um resumo legível, não uma URL.

Keyword stuffing em og:description

Repetir as mesmas palavras em excesso na descrição parece spam.

Servidor MCP do OpenGraph

Inspecione tags OG direto do seu editor

O servidor MCP do OpenGraph permite inspecionar e analisar meta tags Open Graph diretamente do seu editor com IA ou assistente. Ele oferece duas ferramentas:

inspect_og— Obter e pontuar tags OG de qualquer URL
suggest_og_tags— Gerar HTML de meta tags recomendadas

Adicione o servidor ao arquivo .cursor/mcp.json do seu projeto:

{
  "mcpServers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

Reinicie o Cursor depois de adicionar a configuração.

Adicione ao seu arquivo .vscode/mcp.json (requer extensão GitHub Copilot):

{
  "servers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

Certifique-se de ter o GitHub Copilot com suporte a MCP habilitado.

Adicione ao seu arquivo claude_desktop_config.json:

{
  "mcpServers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

O arquivo de configuração fica em ~/Library/Application Support/Claude/claude_desktop_config.json no macOS ou %APPDATA%\Claude\claude_desktop_config.json no Windows.

Adicione ao seu arquivo ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-mcp"]
    }
  }
}

Reinicie o Windsurf depois de modificar a configuração.

Adicione ao seu settings.json do Zed em context_servers:

{
  "context_servers": {
    "opengraph": {
      "command": {
        "path": "npx",
        "args": ["-y", "opengraph-mcp"]
      }
    }
  }
}

Abra as configurações com Cmd+, e adicione a configuração.

Exemplos de uso

▶"Inspecione as tags OG de github.com"

▶"Sugira meta tags OG para o meu site https://example.com"

▶"Verifique se o meu blog tem etiquetas Open Graph corretas"