Cole uma página e veja o card de compartilhamento no Facebook, LinkedIn, X, WhatsApp e Slack
Funciona no seu navegador. Nada do que você digita é enviado a lugar nenhum.Um link compartilhado vira um card montado a partir de tags que a maioria das páginas erra. Cole uma URL e veja como ela vai aparecer no Facebook, LinkedIn, X, WhatsApp e Slack, 5 prévias de uma vez, com a proporção da imagem e cada tag ausente apontada.
Esta página foi traduzida automaticamente do original em inglês. Nenhuma pessoa revisou ainda a tradução; a versão em inglês é a que deve ser considerada. Ler o original em inglês
Abra sua página e pressione Ctrl+U para ver o código-fonte; esta ferramenta não consegue abrir um endereço web sozinha.
Cole o código-fonte no painel HTML da página.
Toque em cada opção da linha Rede, do Facebook ao Slack, para ver o card que aquela rede montaria.
Veja qual tag forneceu o Título, a Descrição e a Imagem, e a linha Faltando para saber o que adicionar.
Toque em Copiar relatório ou baixe-o como open-graph-report.txt.
Esta prévia de Open Graph lê as meta tags de uma página que você cola e desenha o card de compartilhamento que o Facebook, o LinkedIn, o X, o WhatsApp e o Slack montariam a partir delas. Cada rede aparece com sua própria ordem de alternativas, para você ver qual tag realmente forneceu o título, a segunda linha e a imagem.
Uma coisa que ela não faz é buscar uma página para você. Não há servidor por trás deste site e o navegador não pode pedir páginas de outros sites, então qualquer ferramenta daqui que dissesse ler uma URL ao vivo estaria mentindo sobre onde o trabalho acontece. Abra a página, pressione Ctrl+U para ver o código-fonte e cole aqui. Colar só o head, ou mesmo algumas meta tags, já basta.
As verificações cobrem os erros que realmente quebram os cards: um caminho og:image relativo, a falta de og:url, um valor de twitter:card que não é um tipo de card, tags repetidas em que o rastreador fica em silêncio com a primeira, e tags adicionadas por JavaScript no cliente que um rastreador nunca executa. Cada uma diz o que a rede faz no lugar.
Cole também um endereço base e os caminhos relativos são resolvidos, para que o relatório mostre a URL absoluta que sua tag deveria ter. Ferramentas relacionadas: Meta Tag Generator escreve um bloco correto do zero.
Não, e nenhuma ferramenta que roda só no seu navegador consegue. Ler a página de outro site exige um servidor que a busque, ou uma permissão do navegador que esta página não tem. Abra a página, pressione Ctrl+U para ver o código-fonte e cole aqui. Só o head já basta.
Nove em cada dez vezes o valor de og:image é um caminho relativo como /card.png. As redes buscam a imagem nos próprios servidores, então ela precisa ser um endereço https:// completo. As outras causas comuns são uma imagem atrás de login e um arquivo maior que cerca de 5 MB.
O X aposentou o Card Validator público em 2022. Verificar um card agora significa publicar o link ou ler as tags você mesmo. Esta página as lê como o X faz: primeiro as tags twitter:, depois as og:, com o card de resumo pequeno como padrão.
O Facebook guarda um card em cache na primeira vez que um link é compartilhado e não o relê sozinho. Depois de mudar as tags, passe a URL pelo Sharing Debugger do Facebook e escolha Scrape Again. O Post Inspector do LinkedIn faz o mesmo trabalho.
Geralmente não. Os rastreadores do Facebook, do WhatsApp e do Slack leem o HTML que o servidor envia e não executam o seu JavaScript. Tags injetadas por um framework no cliente ficam invisíveis para eles, então gere-as no servidor ou pré-renderize a página.
Não. A análise é só trabalho com texto no seu navegador e a página não faz nenhuma requisição de rede. Páginas de homologação e sites internos podem ser verificados aqui sem que nada saia do seu dispositivo.
Ainda com dúvidas? Pergunte sobre Prévia de Open Graph e qualquer pessoa que saiba pode responder. Não é preciso ter conta.