✕ErroSEO

Meta description ausente — Controle o snippet nos mecanismos de busca

A tag meta description é usada pelos mecanismos de busca como o texto do snippet nos resultados.

O que é a meta description?

A tag <meta name="description"> fornece um resumo breve do conteúdo da página. Os mecanismos de busca costumam exibir esse texto como o snippet abaixo do título nos resultados de busca.

Por que é importante?

Resultados de busca

O Google mostra a meta description como o snippet da página em ~63% dos casos
Uma descrição bem escrita pode aumentar bastante o CTR a partir dos resultados
Sem ela, o Google gera um snippet automaticamente a partir do conteúdo — muitas vezes de forma ruim

Fallback em redes sociais

Quando og:description está ausente, as plataformas sociais recorrem à meta description
Serve como uma rede de segurança para o compartilhamento social

Expectativas do usuário

A descrição ajuda o usuário a decidir se clica no seu resultado
É a sua chance de vender a página antes mesmo da visita

Como fica no Google

❌ Sem meta description

example.com

My Website Title

…cookie policy … nav menu item home about contact … footer text …

✅ Com meta description

example.com

My Website Title

Learn how to optimize your Open Graph tags for better social media presence. Free tool with real-time previews.

Como corrigir

<meta name="description" content="A concise, compelling summary of your page content. Aim for 120-160 characters that tell users exactly what they'll find." />

Boas práticas

120-160 caracteres — Longa o bastante para ser útil, curta o bastante para evitar truncamento
Única por página — Cada página merece a própria descrição
Inclua palavras-chave alvo — O Google destaca em negrito os termos da busca no snippet
Escreva para humanos — Seja persuasivo, não só rico em palavras-chave
Inclua uma proposta de valor — Por que clicar no seu resultado e não no dos outros?
Use voz ativa — “Aprenda como…” vence “Esta página contém informações sobre…”

Exemplos

Bom:

<meta name="description" content="Learn how to optimize your Open Graph tags for better social media presence. Free tool with real-time previews for Twitter, Facebook, and LinkedIn." />

Ruim:

<meta name="description" content="Welcome to our website." />

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"