Os resultados são fornecidos apenas para fins informativos e podem conter erros. Verifique de forma independente as informações importantes. O uso desta ferramenta é por sua conta e risco.
O que esta ferramenta faz
O Gerador de Tags Open Graph escreve as meta tags og: que controlam a aparência de um link quando ele é compartilhado no Facebook, LinkedIn, WhatsApp, Slack, Discord, Telegram e em muitos outros apps. Informe o título, a descrição, a URL canônica e a URL da imagem, escolha um tipo (website, article, product ou profile) e copie as tags para o <head> da página.
Só os campos que você preencher entram no resultado, e os caracteres especiais são escapados. Sem tags Open Graph, os apps tentam adivinhar um título e pegam uma imagem aleatória da página, ou nem mostram pré-visualização. A tag mais importante é a og:image: uma imagem nítida de 1200 × 630 pixels aumenta muito a chance de um link compartilhado ser clicado.
Quando usar
- Preparar um post de blog, uma página de produto ou uma landing page para compartilhamento em redes sociais.
- Corrigir uma pré-visualização de link que mostra a imagem errada ou um título antigo.
- Adicionar pré-visualizações de compartilhamento a uma single-page app que renderiza o conteúdo com JavaScript.
- Configurar os cards de link de um site de documentação compartilhado no Slack ou no Discord.
Exemplo prático
Entrada
Título: Free JSON Formatter
Descrição: Format and validate JSON in your browser.
URL: https://4dev.net/json-formatter
Imagem: https://4dev.net/og/json-formatter.png
Tipo: websiteSaída
<meta property="og:title" content="Free JSON Formatter"/>
<meta property="og:description" content="Format and validate JSON in your browser."/>
<meta property="og:url" content="https://4dev.net/json-formatter"/>
<meta property="og:image" content="https://4dev.net/og/json-formatter.png"/>
<meta property="og:type" content="website"/>Perguntas sobre esta ferramenta
Atualizei as tags, mas a pré-visualização antiga continua aparecendo. Por quê?
As plataformas guardam as pré-visualizações em cache. Use o Facebook Sharing Debugger ou o LinkedIn Post Inspector para buscar a página de novo. O Slack e o WhatsApp atualizam sozinhos depois de um tempo.
Também preciso de tags Twitter Card?
O X (Twitter) usa as tags Open Graph como alternativa, mas adicione <meta name="twitter:card" content="summary_large_image"/> para ter o layout com imagem grande.
A URL da imagem precisa ser absoluta?
Sim. Use o endereço completo com https://. A maioria dos rastreadores não resolve caminhos relativos, e a imagem precisa estar acessível publicamente, sem login.
As tags Open Graph ajudam no SEO?
Não diretamente; os mecanismos de busca ranqueiam pelo título, pela descrição e pelo conteúdo. Elas aumentam os cliques vindos de compartilhamentos em redes sociais, o que traz visitantes. Defina as tags de busca com o Gerador de Meta Tags.
Esta ferramenta é gratuita?
Sim, é grátis. Sem cadastro nem e-mail. Veja o resultado nesta página.
Como recebo o resultado?
Use a ferramenta nesta página. O resultado aparece aqui, sem envio por e-mail.