Open Graph Generator
Generate OG tags
Generate OG tags Executa localmente no seu navegador
URL, title and description, separated by vertical bars.
About the
O Open Graph Generator cria tags og que controlam a aparência de uma página quando seu link é compartilhado. Ele emite og:url, og:title, og:description e og:type a partir de uma única linha de entrada, que é o conjunto mínimo lido pela maioria das plataformas. Cole o resultado no cabeçalho da sua página e o cartão de visualização deixa de ser o que a plataforma adivinhou.
Where people use the
- Adicionar tags de compartilhamento a uma página que atualmente não possui nenhuma.
- Corrigindo uma visualização de link que mostra o título ou a descrição errada.
- Produzindo um bloco consistente em um conjunto de páginas de destino.
- Preparando tags para um lançamento antes da página ir ao ar.
How to use the
- 1
Insira os três campos
URL, título e descrição, separados por barras verticais, por exemplo https://example.com | Título da página | Uma breve descrição.
- 2
Gerar
Quatro tags og são produzidas, incluindo og:type definido para website.
- 3
Copie o bloco
Cole as tags no cabeçalho da sua página.
- 4
Adicione uma tag de imagem separadamente
og:image não está incluído porque precisa de uma URL completa para um arquivo real. Adicione você mesmo apontando para uma imagem que seja acessível publicamente.
Dicas e práticas recomendadas
- Use URLs absolutos; raspadores não podem resolver caminhos relativos.
- Adicione og:image você mesmo, com cerca de 1200 por 630 pixels.
- Raspe novamente com o depurador da plataforma após alterar as tags; as visualizações são armazenadas em cache.
Perguntas frequentes
Por que meu link compartilhado ainda parece errado?
As plataformas armazenam visualizações de cache de forma agressiva. Assim que as tags estiverem corretas, force uma nova raspagem com o depurador de compartilhamento da própria plataforma ou espere o cache expirar.
Og:image é obrigatório?
Não estritamente, mas um link sem imagem recebe um cartão de texto simples, que tem muito menos probabilidade de ser clicado. Adicione um.
Qual deve ser o tamanho da imagem?
Cerca de 1200 por 630 pixels é a recomendação comum, porque sobrevive ao corte na maioria das plataformas.
Também preciso de tags específicas do Twitter?
A maioria das plataformas lê as tags og. Uma etiqueta de cartão para Twitter pode substituir o layout, mas é opcional.
Posso usar URLs relativos?
Não. og:image e og:url devem ser absolutos, incluindo o esquema, porque um raspador externo não tem URL base para resolver.