⚠AvisoSEO

Heading H1 ausente — Toda página precisa de um título principal

Toda página deve ter exatamente uma tag H1 para sinalizar o tema principal.

Qual é o problema?

Sua página está sem uma tag de heading <h1>. O H1 é o título principal da página e tem um papel crucial tanto em SEO quanto na estrutura do conteúdo.

Por que o H1 importa

Impacto em SEO

O Google usa o H1 como um sinal forte para entender o conteúdo da página
Ajuda os mecanismos de busca a determinar o tema principal da página
Páginas com H1 relevante tendem a ranquear melhor para as palavras-chave alvo

Acessibilidade

Leitores de tela usam tags de heading para navegar o conteúdo da página
Os usuários podem pular entre headings para achar a seção que precisam
Um H1 ausente quebra a hierarquia de headings, confundindo tecnologias assistivas

Experiência do usuário

O H1 costuma ser a primeira coisa que os usuários leem na página
Confirma que chegaram à página certa para a intenção deles
Oferece estrutura e contexto para o conteúdo que vem a seguir

Como corrigir

Adicione uma única tag H1 que descreva o tema principal da página:

<h1>Your Main Page Heading</h1>

Boas práticas

Um H1 por página — Vários H1s diluem a importância semântica
Combine com o tema da página — O H1 deve descrever claramente do que a página trata
Inclua palavras-chave alvo — Incorpore a palavra-chave principal de forma natural
Deixe visível — Não esconda o H1 com CSS (mecanismos de busca podem ignorar headings ocultos)
Diferente do <title> — O H1 pode ser mais descritivo ou engajador do que a tag title
Hierarquia correta — Depois do H1, use H2, H3, etc. em ordem

Exemplos

<!-- Homepage -->
<h1>Build Better Websites with AI-Powered Tools</h1>

<!-- Blog post -->
<h1>How to Optimize Open Graph Tags for Social Media</h1>

<!-- Product page -->
<h1>Wireless Noise-Cancelling Headphones — Pro Series</h1>

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"