Gerador de Open Graph
Quando um link é partilhado, o Facebook, o LinkedIn, o WhatsApp, o Slack e o X criam o cartão de pré-visualização a partir das tags Open Graph da página. Preencha o título, a descrição e a imagem, veja o cartão tal como vai aparecer e copie as tags. A ferramenta avisa quando a imagem falta ou é demasiado pequena.
Importar de HTML existente
Mais opções: autor, cor do tema, robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
HTML para o <head>
Como utilizar
- Indique o título, a descrição e o endereço completo da página.
- Cole o endereço da imagem de partilha (o ideal são 1200 × 630 pixels) 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 partilha de cada rede para atualizar a cache.
Perguntas frequentes
Que tamanho deve ter a og:image?
Use 1200 × 630 pixels (proporção de 1,91:1), o tamanho que o Facebook e o LinkedIn recomendam para cartões grandes; o X corta os cartões grandes para 2:1. Mantenha o texto importante afastado das margens e use um endereço https:// completo.
Preciso de tags separadas para o Twitter (X)?
Só da twitter:card. O X lê og:title, og:description e og:image quando faltam as suas próprias tags, por isso a ferramenta acrescenta apenas o tipo de cartão e, se quiser, o seu @utilizador.
Mudei as tags mas continua a aparecer a pré-visualização antiga. Porquê?
As redes sociais guardam o cartão em cache durante dias. Abra o Facebook Sharing Debugger ou o LinkedIn Post Inspector, cole o endereço e peça-lhes que obtenham a página de novo.
🏷️ Gerador de meta tags
🔗 Gerador de links UTM
🌈 Gerador de gradientes CSS
🔲 Gerador de box-shadow CSS