Dev e API

Analisador de Meta Tags — Title, Description e Open Graph

Informe uma URL e veja as meta tags que ela entrega, como o Google vai exibi-la, como fica o card ao ser compartilhada e o que precisa de conserto.

  • sem cadastro
  • grátis
  • nada fica salvo
Carregando o analisador...

O que as meta tags fazem

Meta tags são as linhas do <head> que descrevem a página para máquinas. O visitante nunca as vê; o Google, o WhatsApp e o ChatGPT leem antes de qualquer outra coisa. Quatro delas carregam quase todo o peso: title (o que vira a manchete azul no resultado de busca), meta description (o trecho logo abaixo), canonical (qual endereço é a versão oficial daquele conteúdo) e meta robots (se a página pode ser indexada).

A análise acima lê exatamente o HTML que o servidor entrega, sem executar JavaScript — o mesmo material que um rastreador encontra na primeira visita. Quando o resultado diverge do que você vê no navegador, isso não é falha da ferramenta: é o sinal de que o conteúdo está sendo montado no cliente, e boa parte dos rastreadores não vai enxergá-lo.

Os limites de tamanho e por que eles são faixas

O title rende melhor entre 50 e 60 caracteres e a description entre 70 e 160. Esses números são aproximações úteis, não regras: o Google trunca o resultado por largura em pixels, não por contagem de caracteres. Um title com muitos M e W é cortado antes de um com muitos i e l no mesmo comprimento. Por isso as barras acima marcam faixas, e não um limite exato — o objetivo é ficar longe da borda, e não acertar um número.

Ficar abaixo do mínimo tem um custo próprio. Um title de cinco caracteres não descreve nada e desperdiça o espaço mais valioso da página de resultados; uma description curta demais faz o Google descartá-la e montar o trecho com texto tirado da página, que raramente é a frase que você escolheria.

Open Graph: o card que aparece quando alguém compartilha

As tags Open Graph controlam a prévia exibida quando o link é colado no WhatsApp, no LinkedIn, no Slack ou em qualquer outro lugar. São três que fazem o trabalho: og:title, og:description e og:image. Sem elas, cada plataforma improvisa com o que encontrar — normalmente um título cortado e nenhuma imagem, o que reduz drasticamente a chance de alguém clicar.

A og:image concentra os erros. Ela precisa de URL absoluta (um caminho relativo simplesmente não carrega fora do seu domínio) e de proporção próxima de 1200 × 630 pixels. Fora dessa proporção, a imagem aparece cortada de formas imprevisíveis, e o corte quase sempre pega o texto que você colocou nela.

Uma página aqui, o site inteiro no audit

Esta ferramenta analisa a URL que você informar — o suficiente para conferir uma página antes de publicar ou investigar por que um resultado aparece estranho na busca. O que ela não faz, por definição, é olhar as relações entre páginas: títulos repetidos em dezenas de URLs, links internos quebrados, páginas que nenhuma outra referencia, cadeias de redirecionamento. Esses problemas só aparecem varrendo o site completo, que é o trabalho da auditoria do CodeCrush.

## faq

Perguntas frequentes

O que são meta tags?

São instruções no cabeçalho do HTML que descrevem a página para quem não é humano: buscadores, redes sociais e agora assistentes de IA. As que mais importam para SEO são o title (o texto azul do resultado de busca), a meta description (o trecho abaixo dele), a canonical (qual URL é a versão oficial daquele conteúdo) e a meta robots (se a página pode ou não ser indexada). Elas não aparecem na tela para o visitante, mas determinam como a página é apresentada em todo lugar fora do seu site.

Qual é o tamanho ideal do title e da meta description?

Um title entre 50 e 60 caracteres cabe inteiro no resultado do Google na maioria das telas; acima disso ele é cortado no meio, e o corte costuma cair justamente na parte diferenciadora. A meta description rende melhor entre 70 e 160 caracteres. Um detalhe que engana: o Google trunca por largura em pixels, não por contagem de caracteres, então um title cheio de letras largas (M, W) é cortado antes de um com muitas letras estreitas. Por isso os números são faixas de segurança, e não limites exatos.

A meta description influencia o ranqueamento?

Não diretamente — o Google confirmou há anos que ela não é fator de ranqueamento. O efeito é indireto e continua valendo a pena: a description é o argumento de venda do resultado, e uma taxa de cliques melhor traz mais visitantes para a mesma posição. Vale saber que o Google reescreve a description em boa parte dos casos, usando trechos da própria página quando julga que respondem melhor à busca. Uma description bem escrita aumenta a chance de a sua versão ser mantida.

Para que serve a tag canonical?

Ela declara qual URL é a versão oficial de um conteúdo, resolvendo o problema de a mesma página existir em vários endereços — com e sem barra final, com parâmetros de campanha, em versão de impressão, no domínio com e sem www. Sem a canonical, os buscadores escolhem uma versão por conta própria e dividem os sinais de ranqueamento entre as duplicatas. Um cuidado: a canonical é uma sugestão forte, não uma ordem, e uma canonical apontando para a página errada é uma das formas mais rápidas de tirar um conteúdo da busca sem perceber.

O que são as tags Open Graph?

São as tags que controlam o card exibido quando alguém compartilha o link — no WhatsApp, LinkedIn, Facebook, Slack e praticamente todo lugar que gera prévia. As três que fazem o trabalho são og:title, og:description e og:image. Sem elas, cada plataforma monta o card com o que encontrar pela frente, o que costuma resultar em título truncado e nenhuma imagem. A og:image merece atenção: precisa de URL absoluta e proporção próxima de 1200×630 pixels, ou a imagem aparece cortada.

Por que a análise mostra o conteúdo diferente do que vejo no navegador?

Porque analisamos o HTML como ele sai do servidor, sem executar JavaScript — exatamente o que um rastreador vê no primeiro momento. Se o seu site monta title, description ou conteúdo no navegador, via framework de front-end, essas informações não aparecem aqui. E esse é justamente o ponto: o Google renderiza JavaScript, mas em uma segunda passagem que pode demorar, e vários outros rastreadores não renderizam nada. Uma diferença grande entre o que aparece aqui e o que você vê na tela é um sinal para investigar.

A ferramenta analisa o site inteiro?

Não, apenas a URL informada. É proposital: uma análise de uma página é rápida, gratuita e responde à pergunta mais comum, que é conferir uma página específica antes ou depois de publicar. Para varrer o site inteiro, com rastreamento de todas as URLs, verificação entre páginas (títulos duplicados, links quebrados, páginas órfãs) e comparação com concorrentes, existe a auditoria completa do CodeCrush.

## outras ferramentas