⚠AvisoOpen Graph

og:description contém uma URL — Escreva um resumo legível por humanos

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

Qual é o problema?

Sua og:description começa com uma URL (por exemplo, http:// ou https://). A meta tag de descrição deve conter um resumo legível por humanos da sua página, não um endereço web.

Por que isso acontece

Causas comuns:

Um CMS ou plugin gerando a descrição automaticamente a partir do conteúdo da página
Copiar o valor errado durante o desenvolvimento
Uma variável de template resolvendo para uma URL em vez de texto

Quando o seu link é compartilhado com uma URL como descrição:

Os usuários veem um link sem sentido em vez de um resumo convincente
As taxas de cliques caem bastante — as pessoas não sabem o que esperar
Parece quebrado — a maioria assume que os metadados estão mal configurados
As plataformas sociais podem ignorar — algumas filtram descrições que são só URL

Como corrigir

Substitua a URL por um resumo descritivo:

<!-- Bad: URL as description -->
<meta property="og:description" content="https://example.com/products/widget-pro" />

<!-- Good: human-readable description -->
<meta property="og:description" content="Widget Pro: the fastest, most reliable widget for modern web apps. Free tier available with unlimited API calls." />

Dicas de prevenção

Valide as meta tags antes de publicar — Use ferramentas como OpenGraph.to
Confira as configurações do CMS — Garanta que o CMS gera descrições adequadas
Defina descrições de fallback — Configure uma descrição padrão para páginas sem versão customizada
Revise variáveis de template — Certifique-se de que valores dinâmicos resolvem para texto, não para URLs

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.

Keyword stuffing em og:description

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

og:description idêntica a og:title

A og:description deve complementar o título, não duplicá-lo.

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"