ℹInfoSEO

Meta description muito longa — Otimize para a exibição nos resultados de busca

O Google normalmente mostra 150-160 caracteres nos snippets dos resultados de busca.

Qual é o problema?

Sua <meta name="description"> ultrapassa 160 caracteres. O Google normalmente exibe 150-160 caracteres nos snippets dos resultados de busca, então o conteúdo além desse limite é cortado com reticências.

Por que isso importa

Mensagem truncada — O pitch cuidadosamente escrito é cortado no meio da frase
CTA perdido — Se a chamada para ação estiver no final, pode não aparecer
Exibição inconsistente — Diferentes dispositivos e mecanismos de busca truncam em pontos diferentes

Como o Google trata descrições longas

A exibição do snippet do Google depende de:

Dispositivo — No mobile aparecem menos caracteres do que no desktop
Largura em pixels — Caracteres largos reduzem a quantidade visível
Consulta de busca — O Google pode mostrar outra parte da descrição conforme a query

Contexto	Limite aproximado
Desktop	~155-160 caracteres
Mobile	~120-130 caracteres

Como corrigir

Enxugue para 150-160 caracteres mantendo a mensagem central:

<!-- Too long (200+ chars) -->
<meta name="description" content="This is our comprehensive resource for learning all about web development including HTML, CSS, JavaScript, and many popular frameworks like React, Vue, Angular, and Svelte with tutorials for beginners and advanced developers" />

<!-- Better (155 chars) -->
<meta name="description" content="Learn web development with tutorials on HTML, CSS, JavaScript, React, and more. Free resources for beginners to advanced developers." />

Dicas para descrições concisas

Comece com o valor — Informação mais importante primeiro
Uma mensagem clara — Não liste tudo
Corte palavras redundantes — “e muito mais” quase sempre pode sair
Use voz ativa — Mais curta e mais persuasiva

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"