Ferramenta de visualização de gráfico aberto
Visualize como sua página aparece quando compartilhada no Facebook, X (Twitter), LinkedIn, WhatsApp, Slack e Discord. Verifique og:title, og:description, og:image, tags do Twitter Card e obtenha um relatório de pontuação com recomendações acionáveis para melhorar o compartilhamento social - tudo processado com segurança em seu navegador.
Paste your HTML source code below to see exactly how your page will appear when shared on Facebook, X (Twitter), LinkedIn, WhatsApp, Slack, and Discord. All processing runs locally in your browser.
Por que usar nossa ferramenta de visualização de gráfico aberto?
- Sugestões de correção acionáveis: cada problema detectado inclui uma explicação clara e sugestões práticas de correção. Aplique as mudanças com confiança, sabendo exatamente o que precisa ser melhorado e por quê.
- 100% privado e gratuito: todas as análises acontecem localmente no seu navegador. Nenhum dado é carregado em nenhum servidor, nenhuma inscrição é necessária e nenhum limite de uso. Use-o quantas vezes precisar - totalmente gratuito.
Casos de uso comuns para ferramenta de visualização de gráfico aberto
- Compartilhamento no Facebook e Instagram: visualize como sua página aparece como uma visualização de link do Facebook e um cartão de história do Instagram. Verifique og:title, og:description e og:image renderizados corretamente com a proporção correta (1200×630px) antes de compartilhar.
- Cartões X (Twitter): Verifique a marcação do cartão do Twitter para resumo, summary_large_image e tipos de cartão de jogador. Visualize o layout exato que X exibe, incluindo título, descrição, imagem e atribuição de domínio.
- Visualização do link do LinkedIn: certifique-se de que seus artigos e páginas exibam visualizações profissionais nos feeds do LinkedIn. Verifique se as imagens OG atendem à recomendação de 1200×628px do LinkedIn e se as descrições cabem no cartão de visualização.
- Links de aplicativos de mensagens: visualize como os links compartilhados aparecem no WhatsApp, Telegram e outros aplicativos de mensagens. Essas plataformas usam tags OG para gerar visualizações de links ricos com miniaturas e descrições.
- Controle de qualidade e depuração do desenvolvedor: depure problemas de tags OG durante o desenvolvimento. Verifique se os modelos CMS, os metadados Next.js e as páginas renderizadas pelo servidor produzem tags sociais corretas antes de implantar em ambientes de produção.
- Controle de qualidade do marketing de conteúdo: valide metadados sociais para postagens de blog, páginas de destino e campanhas de marketing antes do lançamento. Garanta a consistência da marca em todas as plataformas de compartilhamento com títulos, imagens e descrições precisas.
O que é análise de tags de gráfico aberto?
A análise de Open Graph Tags examina o Open Graph, o Twitter Card e as meta tags sociais em documentos HTML para identificar problemas, melhorar a qualidade e garantir as melhores práticas. Esta ferramenta fornece uma avaliação abrangente que ajuda a compreender o estado atual e o que precisa ser melhorado.
Como funciona nosso analisador
- Insira seu conteúdo: carregue um arquivo, cole o conteúdo ou insira o URL que deseja analisar. A ferramenta aceita uma ampla variedade de formatos de entrada para máxima flexibilidade.
- Análise abrangente: o analisador processa suas informações com base em uma lista de verificação detalhada de regras, práticas recomendadas e métricas de qualidade. Cada verificação é avaliada de forma independente para obter resultados precisos.
- Revise e aplique correções: navegue pelos resultados da análise organizados por categoria. Cada descoberta inclui uma explicação clara e sugestões práticas de correção que você pode aplicar diretamente.
Casos de uso comuns para tags Open Graph
verificação de visualizações de compartilhamento de mídia social antes da publicação, verificação de imagens e descrições OG para Facebook e LinkedIn, validação de marcação de cartão do Twitter, depuração de aparências de links compartilhados no WhatsApp e Discord e auditoria de metadados sociais durante migrações de sites. A ferramenta foi projetada para desenvolvedores, engenheiros de controle de qualidade e membros da equipe técnica que precisam de aparência de compartilhamento em mídias sociais, taxas de cliques e consistência de marca em plataformas de compartilhamento.
Privacidade, segurança e disponibilidade
Todas as análises acontecem inteiramente no seu navegador, usando processamento do lado do cliente. Nenhum dado é carregado em nenhum servidor - cada byte permanece no seu dispositivo. Não há limites de tamanho de arquivo, nem requisitos de inscrição, nem limites de uso. A ferramenta é 100% gratuita, sem recursos premium ocultos.
Perguntas frequentes
Uma ferramenta de visualização Open Graph permite que você veja exatamente como sua página aparecerá quando compartilhada em plataformas de mídia social como Facebook, X (Twitter), LinkedIn, WhatsApp, Slack e Discord. Ele analisa seu HTML para extrair tags og:title, og:description, og:image, Twitter Card e renderiza visualizações visuais para cada plataforma - tudo localmente em seu navegador.
Esta ferramenta verifica og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale, og:image:width, og:image:height, og:image:alt, twitter:card, twitter:title, twitter:description, twitter:image, twitter:site, twitter:creator, e volta para tags de título e meta descrições quando tags OG são faltando.
Absolutamente! Todo o processamento é executado diretamente no seu navegador usando JavaScript. Nenhum conteúdo HTML é carregado em nenhum servidor. Seus dados nunca saem do seu dispositivo, tornando esta a maneira mais segura de visualizar tags Open Graph.
O tamanho recomendado do og:image é 1200×630 pixels para Facebook e a maioria das plataformas. O LinkedIn recomenda 1200×628px. Para cartões summary_large_image do Twitter, use pelo menos 600×314px. O tamanho mínimo aceitável em todas as plataformas é 200×200px. Sempre use URLs absolutos começando com https:// para og:image.
Os motivos comuns incluem: tag og:image ausente, uso de um URL relativo em vez de absoluto, o URL da imagem retorna 404, a imagem é muito pequena (menos de 200×200px), o formato da imagem não é compatível (use JPEG, PNG ou WebP) ou cache da plataforma - use o Facebook Sharing Debugger ou o LinkedIn Post Inspector para limpar os dados em cache.
Tags Open Graph (og:title, og:description, og:image) foram criadas pelo Facebook e são usadas pela maioria das plataformas sociais. Os cartões do Twitter (twitter:card, twitter:title, twitter:description, twitter:image) são específicos do X (Twitter). Se as tags do cartão do Twitter estiverem faltando, X volta para as tags OG. O uso de ambos garante uma exibição ideal em todas as plataformas.
Use o Depurador de Compartilhamento do Facebook em developers.facebook.com/tools/debug/. Cole seu URL e clique em “Scrape Again” para forçar o Facebook a reler suas tags OG. Para LinkedIn, use o Post Inspector. Para X, os dados OG normalmente são atualizados minutos após as alterações de página.
Sim, nossa ferramenta de visualização Open Graph é 100% gratuita, sem custos ocultos, requisitos de inscrição, níveis premium ou limites de uso. Visualize tags OG ilimitadamente para qualquer projeto - pessoal, comercial ou empresarial - totalmente gratuito.