Gerador de Open Graph
Quando um link é compartilhado, Facebook, LinkedIn, WhatsApp, Slack e X montam o cartão de pré-visualização a partir das tags Open Graph da página. Preencha título, descrição e imagem, veja o cartão como vai aparecer e copie as tags. A ferramenta avisa quando a imagem falta ou é pequena demais.
Importar de um HTML existente
Mais opções: autor, cor do tema, robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
HTML para o <head>
Como usar
- Informe o título, a descrição e o endereço completo da página.
- Cole o endereço da imagem de compartilhamento (1200 × 630 pixels é o ideal) e confira as pré-visualizações do Facebook e do X.
- Copie as tags para o <head> da página. Depois de publicar, use o depurador de compartilhamento de cada rede para atualizar o cache.
Perguntas frequentes
Qual deve ser o tamanho da og:image?
Use 1200 × 630 pixels (proporção 1,91:1), o tamanho que Facebook e LinkedIn recomendam para cartões grandes; o X corta os cartões grandes em 2:1. Deixe textos importantes longe das bordas e use um endereço https:// completo.
Preciso de tags separadas para o Twitter (X)?
Só a twitter:card. O X lê og:title, og:description e og:image quando as tags próprias faltam, por isso a ferramenta acrescenta só o tipo de cartão e, se quiser, o seu @usuário.
Mudei as tags, mas a pré-visualização antiga continua aparecendo. Por quê?
As redes sociais guardam o cartão em cache por dias. Abra o Depurador de Compartilhamento do Facebook ou o Post Inspector do LinkedIn, cole o endereço e peça para buscarem a página de novo.
🏷️ Gerador de meta tags
🔗 Gerador de UTM
🌈 Gerador de gradiente CSS
🔲 Gerador de sombra CSS (box-shadow)