Prévia de Open Graph
Veja como sua página aparece ao ser compartilhada nas redes. Informe uma URL para inspecionar as meta tags de Open Graph e Twitter.
Pré-visualizar uma URL
Informe a URL pública de uma página para buscar as meta tags de Open Graph e Twitter e ver prévias aproximadas. Se o servidor não alcançar a URL, uma solicitação direta é tentada.
Avisos da prévia
Prévias nas redes
Modelos aproximados a partir das tags encontradas. As plataformas reais podem usar cache ou renderizar os cartões de outro jeito.
Facebook / Meta
X (Twitter)
Slack
Meta tags
| Tag | Valor | Origem |
|---|---|---|
Nenhuma meta tag de Open Graph, Twitter ou de reserva foi encontrada nesta página.
A análise é local. No modo de colar, nada é enviado ao servidor.
Veja como seus links aparecem quando são compartilhados
Quando alguém compartilha um link nas redes ou em um chat, as plataformas montam um cartão com as meta tags de Open Graph e Twitter. Uma imagem ausente ou uma descrição fraca pode fazer um bom artigo parecer incompleto.
A ferramenta busca uma URL pública, lê as meta tags e mostra modelos aproximados para plataformas comuns. Use para achar tags ausentes, textos fracos ou problemas de imagem antes de publicar ou promover uma página.
O que são tags de Open Graph?
Tags de Open Graph são elementos meta no head que descrevem como uma URL deve aparecer ao ser compartilhada. As mais importantes são og:title, og:description, og:image e og:url. As Twitter Card seguem um padrão parecido e controlam como os links aparecem no X.
Essas tags não mudam o que as pessoas veem na página. Elas só influenciam as prévias nas plataformas que as leem quando uma URL é compartilhada.
O que esta ferramenta oferece
- Veja cartões de link para Facebook, X, LinkedIn e Slack.
- Busque meta tags de Open Graph e Twitter de qualquer URL pública.
- Veja título, descrição, imagem e URL resolvidos.
- Revise todas as tags encontradas em uma tabela, com a origem de cada uma.
- Receba avisos de imagens ou títulos ausentes, ou de diferenças em relação à URL canônica.
- Copie as tags encontradas para a área de transferência.
- Cole HTML quando uma URL não puder ser buscada.
Notas por plataforma
Facebook e LinkedIn dependem bastante das tags de Open Graph. O X usa Twitter Card quando existem, mas muitas vezes recorre ao Open Graph. Slack e outros apps de chat em geral usam os mesmos og:title, og:description e og:image.
As plataformas guardam as prévias em cache, então as mudanças podem não aparecer na hora. Use o depurador do Facebook ou o validador de cartões do X para confirmar a versão em cache de cada rede.
Boas práticas
- Use um og:url único que corresponda à URL canônica da página.
- Mantenha og:title curto: a maioria das plataformas corta títulos longos.
- Escreva og:description como um resumo curto, não como um parágrafo inteiro do corpo.
- Use URLs HTTPS absolutas em og:image para as plataformas conseguirem buscar a imagem.
- Adicione tags de Open Graph e de Twitter Card para prévias consistentes no X.
- Depois de publicar mudanças, use o depurador de cada plataforma para atualizar o cache.
Privacidade
A busca de URLs passa primeiro pelo servidor da Contismo para ler a maioria das páginas públicas. Se falhar, uma solicitação direta é tentada, útil para localhost ou páginas que o servidor não alcança. O HTML colado é analisado localmente.
- As prévias por URL são buscadas primeiro no servidor, com uma alternativa se o servidor não alcançar a página.
- O HTML colado é analisado localmente e não é enviado.
- Não é preciso se cadastrar nem criar uma conta.
Perguntas frequentes
Open Graph é um conjunto de meta tags, em geral com o prefixo og:, que dizem às redes como titular, descrever e ilustrar um link quando ele é compartilhado. Elas ficam no head e não mudam o que as pessoas veem na página.
A prévia procura tags comuns de Open Graph, como og:title, og:description, og:image, og:url, og:type e og:site_name. Também lê Twitter Card como twitter:card, twitter:title, twitter:description e twitter:image, e recorre ao título da página, à meta description e ao favicon quando precisa.
As redes guardam as prévias em cache e podem aplicar regras próprias de renderização. Esta ferramenta mostra uma aproximação a partir das tags do HTML que você busca ou cola. Use o depurador oficial de cada plataforma quando precisar da prévia em cache.
Um bom ponto de partida é 1200 por 630 pixels para cartões grandes no Facebook, LinkedIn e X. Afaste o conteúdo importante das bordas, use JPG ou PNG e garanta que a URL da imagem seja pública via HTTPS.
As tags de Open Graph são usadas em várias redes. As Twitter Card são específicas do X e controlam o layout com valores como summary e summary_large_image. Muitos sites definem as duas para cada plataforma ter metadados explícitos.
Quando você gera a prévia por URL, o HTML da página é buscado primeiro pelo nosso servidor. Se falhar, uma solicitação direta é tentada. Se você cola HTML, a análise é local e nada é enviado.
