Prévia OpenGraph
Visualize cards sociais e extraia metadados de qualquer página, grátis, privado e 100% no navegador.
Como usar esta ferramenta
Veja como seu link aparece ao ser compartilhado
Prévia OpenGraph Grátis lê as tags Open Graph e Twitter Card de qualquer URL e mostra a prévia que Facebook, X, LinkedIn, WhatsApp e Slack exibiriam. Cole um link e confira título, descrição e imagem exatamente como aparecerão.
O que verificar antes de publicar
- Título, claro, único e com cerca de 60 caracteres
- Descrição, atrativa e com cerca de 155 caracteres
- Imagem, pelo menos 1200×630 para cards grandes
- Tags og: ausentes ou duplicadas
A ferramenta também lista as tags brutas encontradas, revelando erros de digitação, caminhos relativos de imagem ou páginas que caem em uma prévia simples. Grátis, sem cadastro e nada é armazenado.
Como a prévia é construída
O HTML da página é carregado e as tags Open Graph e Twitter Card são analisadas: og:title, og:description, og:image (com dimensões declaradas), og:url, og:type e os equivalentes twitter:. O resultado é renderizado como um cartão de link compartilhado, e a lista crua revela os culpados comuns: títulos truncados, og:image ausente ou tags duplicadas por plugin.
Detalhes de processamento e limites
| Propriedade | Comportamento |
|---|---|
| Entrada | Qualquer URL pública |
| Analisa | og:title, og:description, og:image, og:url, og:type e twitter:* |
| Mostra | Cartão visual e lista de tags cruas |
| Detecta | Tags ausentes, caminhos relativos e truncamento |
| Armazenado pelo 0Appz | Nada |
| Custo | Grátis, sem conta e sem extensão |
Privacidade: carregado do seu navegador
A requisição usa sua conexão, então o site-alvo vê uma visita normal. O 0Appz não faz proxy nem armazena as tags; não há histórico das URLs pré-visualizadas.
Corrigir problemas comuns de prévia
- Use URLs https absolutas em og:image.
- Forneça imagens 1200×630 para cartões grandes.
- Mantenha títulos abaixo de ~60 caracteres e descrições entre 150-200.
- Configure Open Graph e Twitter Card juntos.
- Após mudar tags, recrawle no depurador da plataforma.
Veja também as ferramentas de desenvolvimento para metas, cabeçalhos e SSL.
Quais tags realmente controlam a prévia
As plataformas leem um conjunto pequeno de tags ao montar o card e ignoram o resto. og:title define a manchete; se faltar, o rastreador usa o title do HTML, que muitas vezes traz um sufixo do site não intencional. og:description controla as duas ou três linhas abaixo da manchete, e og:url informa à plataforma a qual endereço canônico o card pertence, divergência aqui é causa comum de cards apontando para a página errada. A imagem é a parte que mais falha: og:image precisa ser uma URL https absoluta, de preferência 1200×630 pixels na proporção 1,91:1 e abaixo de cerca de 5 MB para o rastreador não estourar o tempo. og:image:width e og:image:height permitem reservar o espaço antes de a imagem carregar. No X, twitter:card escolhe o layout, summary_large_image é o que a maioria dos sites quer, e twitter:title, twitter:description e twitter:image podem sobrescrever os valores OpenGraph quando as duas redes precisam de textos diferentes. Duas verificações práticas economizam tempo: confirme que a URL pré-visualizada responde 200 sem cadeia de redirecionamentos, e lembre-se de que as plataformas cacheiam cards agressivamente, então use o depurador de cada rede para forçar a atualização após mudar as tags.
Perguntas frequentes
Por que a busca direta falha? +
Navegadores bloqueiam leituras cross-site (CORS). Esta ferramenta Prévia OpenGraph Grátis busca a página diretamente no seu navegador.
Quais tags são extraídas? +
og:title, og:description e og:image (com fallbacks do twitter e título).
Meus dados são privados? +
Sim. A página é carregada diretamente do seu navegador para o site de destino; nada passa pelos servidores da 0Appz.