Visualização de Tags OG - Verificador de Meta Tags Open Graph
Insira seus valores Open Graph e Twitter Card para ver visualizações de mídia social ao vivo. Gere código de meta tag pronto para usar instantaneamente.
O Que São Meta Tags Open Graph?
As meta tags Open Graph (OG) são elementos HTML meta que controlam como suas páginas da web aparecem quando compartilhadas em plataformas de mídia social como Facebook, Twitter, LinkedIn e Discord. Elas definem o título, a descrição, a imagem e o URL que aparecem nos cards de visualização de mídia social. Tags OG configuradas corretamente podem melhorar significativamente as taxas de cliques de compartilhamentos sociais.
Como Usar Esta Ferramenta de Visualização de Tags OG
- Insira os Valores OG — Preencha og:title, og:description, og:image URL, og:url, og:type e og:site_name
- Adicione Tags do Twitter Card — Opcionalmente, substitua o título, a descrição e a imagem dos cartões do Twitter/X
- Verifique as Visualizações Ao Vivo — Veja exatamente como sua página aparecerá no Facebook, Twitter, LinkedIn e Discord
- Copie o Código Gerado — Clique em Copiar Código para obter meta tags HTML prontas para colar em sua página
Por Que Usar Este Visualizador de Tags OG?
- Visualizações de 4 Plataformas — Veja visualizações do Facebook, Twitter/X, LinkedIn e Discord simultaneamente
- Atualizações em Tempo Real — As visualizações são atualizadas instantaneamente enquanto você digita, sem necessidade de recarregar a página
- Geração de Código — Gera automaticamente código HTML de meta tag formatado corretamente
- Suporte para Twitter Card — Campos separados para substituições específicas do Twitter (twitter:title, twitter:image, etc.)
- Nenhum Servidor Necessário — Tudo é executado no seu navegador. Nenhum dado é enviado para nenhum servidor
- Diretrizes de Tamanho — Recomendações integradas para dimensões de imagem ideais (1200x630px)
FreeToolbox vs Outras Ferramentas de Visualização de OG
| Recurso | FreeToolbox | OpenGraph.xyz | MetaTags.io |
|---|---|---|---|
| Plataformas | 4 (FB, TW, LI, DC) | 3 (FB, TW, LI) | 3 (Google, FB, TW) |
| Visualização em Tempo Real | Sim | Sim | Sim |
| Geração de Código | Sim | Sim | Sim |
| Visualização do Discord | Sim | Não | Não |
| Nenhuma Conta Necessária | Sim | Sim | Nível gratuito limitado |
| Anúncios | Mínimo | Moderado | Pesado |
Perguntas frequentes
Qual é o tamanho recomendado para og:image?
O tamanho recomendado é 1200 x 630 pixels (proporção de 1,91:1). Isso funciona bem no Facebook, Twitter, LinkedIn e Discord. Use o formato PNG ou JPG e mantenha o tamanho do arquivo abaixo de 8 MB.
Por que esta ferramenta não consegue buscar tags OG de um URL?
A segurança do navegador (política CORS) impede que o JavaScript busque conteúdo de outros domínios. Esta ferramenta usa entrada manual, o que é realmente melhor para visualizar as tags antes de publicá-las.
Eu preciso de tags OG e Twitter Card?
O Twitter/X recorrerá às tags OG se as tags específicas do Twitter estiverem faltando. No entanto, adicionar twitter:card é recomendado para controlar o tipo de cartão. Use tags específicas do Twitter apenas se quiser conteúdo diferente no Twitter em comparação com outras plataformas.
Qual og:type devo usar?
Use 'website' para páginas iniciais e páginas gerais, 'article' para postagens de blog e notícias, 'product' para páginas de produtos. O 'website' padrão funciona na maioria dos casos.
Como testo minhas tags OG reais ao vivo?
Depois de adicionar as meta tags à sua página, use o Depurador de Compartilhamento do Facebook (developers.facebook.com/tools/debug), o Validador de Cartão do Twitter e o Inspetor de Postagem do LinkedIn para verificar se as tags estão funcionando corretamente.