Sobre esta ferramenta
Meta tags em HTML <head> controlam como os mecanismos de pesquisa e plataformas sociais exibem a visualização de uma página. As tags mais importantes incluem <title>, <meta name="description">, tags Open Graph (og:title, og:description, og:image) e tags Twitter Card (twitter:title, twitter:description, twitter:image). Quando essas tags estão ausentes, malformadas ou erradas, os snippets de pesquisa e as visualizações sociais parecem quebrados ou usam conteúdo não intencional.
Este verificador busca um URL e inspeciona todas as meta tags relevantes. Tags ausentes são sinalizadas. Tags com conteúdo que excede os limites de comprimento específicos da plataforma (truncamento de snippet do Google, limites de caracteres do Twitter) são destacadas. As referências de imagem são verificadas - se og:image apontar para 404, a visualização social será quebrada.
Tudo isso é importante porque a maioria dos cliques em seu site vem de resultados de pesquisa e compartilhamentos sociais. As meta tags são a cópia de marketing que decide se um clique ocorre. Acertá-los é uma das tarefas sociais e de SEO de maior alavancagem.
Por que verificar metatags
Os erros de meta tag são silenciosos. Uma página sem og:image ainda carrega corretamente; nada na página indica que os compartilhamentos sociais parecem quebrados. O erro só é visível quando alguém compartilha a página, momento em que a primeira impressão perdida já está perdida. A verificação rotineira das páginas detecta esses problemas antecipadamente.
Após grandes mudanças em um site – um redesenho, uma migração de CMS, uma atualização de modelo – as meta tags geralmente regridem. Uma passagem de controle de qualidade em páginas importantes confirma que nada crítico foi perdido na mudança.
Como usar
Digite o URL, veja todas as meta tags.
- Insira o URL: Digite ou cole o URL para verificar. Tanto http:// quanto https:// funcionam; Preferencialmente HTTPS.
- Buscar e analisar: A ferramenta busca a página (ou pede que você cole o HTML se problemas de origem cruzada impedirem a busca) e analisa a seção principal.
- Inspecionar tags: Título, meta descrição, tags Open Graph, tags Twitter Card e outras meta relevantes aparecem em uma visualização estruturada. Tags críticas ausentes são sinalizadas.
- Visualize como a página aparecerá: Alguns verificadores mostram trechos simulados do Google, compartilhamento no Facebook e visualizações de cartões do Twitter com base nas tags analisadas. Use-os para detectar problemas antes que apareçam em compartilhamentos reais.
Detalhes técnicos
Meta tags necessárias para SEO: <title> (50-60 caracteres; o Google trunca além disso nos snippets de pesquisa), <meta name="description"> (150-160 caracteres; texto mais longo fica truncado). A falta de um deles degrada significativamente a aparência da pesquisa.
Tags Open Graph (usadas pelo Facebook, LinkedIn, Slack e muitos outros): og:title, og:description, og:image, og:url, og:type. og:image deve ter pelo menos 1200×630 pixels para renderização de alto DPI. og:image:alt é o rótulo de acessibilidade.
Tags de cartão do Twitter: twitter:card (normalmente summary_large_image), twitter:title, twitter:description, twitter:image. O Twitter recorre às tags OG se faltarem tags específicas do Twitter, portanto, um OG bem configurado geralmente é suficiente.
Perguntas frequentes
- Quais meta tags são mais importantes para SEO?
- Tag de título (mais importante - 50-60 caracteres), meta descrição (150-160 caracteres), URL canônico, meta de robôs, Open Graph (og:title, og:description, og:image) e janela de visualização para dispositivos móveis. Isso afeta diretamente as classificações de pesquisa e as taxas de cliques.
- Qual deve ser o tamanho da minha tag de título?
- 50-60 caracteres (ou aproximadamente 580 pixels) para exibição completa nos resultados de pesquisa do Google. Títulos mais longos ficam truncados com '...'. Palavras-chave importantes de carregamento antecipado desde o início são mais visíveis e têm mais peso de SEO.
- Preciso de tags Open Graph?
- Sim, se suas páginas forem compartilhadas nas redes sociais. Sem og:image e og:title, o Facebook/LinkedIn gerará automaticamente visualizações que podem parecer ruins. Tags OG adequadas garantem que seu conteúdo tenha uma ótima aparência quando compartilhado.
- Para que serve a tag canônica?
- A tag canônica (rel="canonical") informa aos mecanismos de pesquisa qual URL é a versão ‘oficial’ de uma página. Evita problemas de conteúdo duplicado quando a mesma página está acessível em vários URLs (com/sem www, HTTP/HTTPS, com parâmetros de consulta).
- Por que meu compartilhamento no Facebook mostra a imagem errada?
- Na maioria das vezes, o Facebook usa uma versão em cache. Use o Depurador de Compartilhamento do Facebook para limpar o cache e recuperar sua página.
- As metatags diferenciam maiúsculas de minúsculas?
- Os nomes das propriedades estão em letras minúsculas por convenção. A maioria dos analisadores é tolerante, mas usa letras minúsculas por segurança.
- Meu URL é obtido do navegador ou de um servidor?
- Depende da ferramenta. A busca do navegador pode causar problemas de CORS; algumas ferramentas usam um proxy de servidor para buscar e reportar.
- E quanto aos dados estruturados JSON-LD?
- JSON-LD são dados estruturados para resultados aprimorados, separados de meta tags. A maioria dos verificadores de metatags concentram-se na meta principal do HTML; validadores de dados estruturados são uma classe separada de ferramenta.