Sobre esta ferramenta
Um visualizador de meta tags analisa o <head> de uma página e reconstrói como os mecanismos de busca e as plataformas sociais a renderizarão. Ele lê o título, a meta description, o link canônico, o favicon, a viewport e as tags Open Graph (og:) e Twitter (twitter:), depois aplica as mesmas cadeias de fallback que as plataformas reais usam — o Open Graph recorre ao título e à descrição base, e o Twitter recorre ao Open Graph — para que as prévias reflitam o que os usuários realmente veem, e não apenas o que você digitou.
Use-o para detectar os pequenos erros que silenciosamente quebram o compartilhamento de links: um título truncado além de cerca de 60 caracteres no Google, uma og:image ausente que deixa um card do Facebook em branco, um caminho og:image relativo que falha quando um scraper o busca, ou uma twitter:card ausente que cai no layout padrão errado. Cole o markup do seu head, examine os cards do Google, do Facebook/LinkedIn e do X lado a lado, e percorra a lista de verificação da auditoria antes de publicar ou compartilhar a URL.
Tudo é analisado no seu navegador com o DOMParser nativo — nenhum markup ou URL é enviado, e as imagens remotas carregam diretamente da fonte para uma prévia fiel.
Perguntas frequentes
Qual é o tamanho ideal de um título e de uma meta description?
Mire em um título de 50 a 60 caracteres e em uma meta description de 140 a 160 caracteres. Além desses limites, o Google trunca o texto com reticências nos resultados de busca, então o final da sua mensagem pode acabar cortado.
Por que minha og:image não aparece quando compartilho o link?
A causa mais comum é um caminho relativo como /og.png. O Facebook, o LinkedIn e o X buscam a imagem de fora do seu site, então a og:image precisa ser uma URL absoluta em https://. A ferramenta sinaliza valores de og:image relativos ou ausentes em sua auditoria.
Qual é a diferença entre twitter:card summary e summary_large_image?
summary renderiza uma pequena miniatura quadrada à esquerda do texto, enquanto summary_large_image renderiza uma imagem grande no topo do card. Se a twitter:card estiver ausente ou não for reconhecida, o X recorre ao layout summary, menor.