⚠AvisoOpen Graph

og:description muito longa — Como escrever descrições eficazes

Descrições com mais de 160 caracteres podem ser truncadas nas plataformas sociais.

Qual é o problema?

Sua og:description ultrapassa 160 caracteres. A maioria das plataformas de redes sociais trunca descrições longas demais, o que significa que a sua mensagem cuidadosamente elaborada pode ser cortada no meio da frase.

Limites de truncamento por plataforma

Plataforma	Limite aproximado	Comportamento
Facebook	~200 caracteres	Trunca com reticências
Twitter/X	~200 caracteres	Pode não mostrar a descrição
LinkedIn	~150 caracteres	Trunca com reticências
Discord	~350 caracteres	Mais generoso
WhatsApp	~150 caracteres	Trunca cedo
Slack	~150 caracteres	Trunca com reticências

O comprimento recomendado: 110-160 caracteres

Essa faixa garante que a sua descrição seja:

Totalmente visível em todas as principais plataformas
Longa o suficiente para ser informativa e persuasiva
Curta o suficiente para evitar truncamento

Como corrigir

Enxugue a descrição para 160 caracteres ou menos, mantendo a mensagem essencial:

<!-- Too long (200+ chars) -->
<meta property="og:description" content="This is an extremely comprehensive and detailed description that goes on and on about every single feature and benefit of our amazing product that will revolutionize the way you work and live your life" />

<!-- Better (under 160 chars) -->
<meta property="og:description" content="Discover our product that revolutionizes how you work. Boost productivity by 50% with AI-powered features. Try it free today." />

Dicas de escrita

Comece com a informação mais importante — Mesmo se truncar, a mensagem principal passa
Use voz ativa — “Construa sites mais rápido” vence “Sites podem ser construídos mais rápido”
Uma mensagem clara — Não tente cobrir tudo; foque no valor principal
Inclua números ou detalhes — “Economize 3 horas por semana” é mais persuasivo do que “Economize tempo”

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"