share Gerador de Open Graph e Twitter Card star

Como Funciona

O protocolo Open Graph foi introduzido pelo Facebook em 2010 para que qualquer página web pudesse se descrever como um objeto social rico — qual título, descrição, imagem e nome de site devem aparecer quando alguém cola o link num feed ou chat. Esta ferramenta gera as quatro tags essenciais (og:title, og:description, og:image, og:url) mais o conjunto twitter: correspondente, e renderiza uma prévia ao vivo do card resultante para você ver exatamente o que Facebook, LinkedIn, WhatsApp ou X vão mostrar antes de publicar qualquer coisa.

O campo og:type (website, article, product...) não é cosmético — algumas plataformas mudam o comportamento do card com base nele: um tipo article pode exibir uma linha de autor/data, um tipo product pode acionar a exibição de preço em plataformas que suportam as extensões de comércio do Open Graph. Exemplo concreto: uma página de receita configurada como og:type=article com um og:image de 1200×630 recebe um card de foto em largura total no X (via twitter:card=summary_large_image) e uma prévia equivalente no WhatsApp — configure errado ou deixe og:image de fora, e a maioria das plataformas recorre a adivinhações, geralmente escolhendo a primeira imagem da página ou nada.

Além das quatro tags principais, alguns campos opcionais refinam o resultado: og:site_name mostra sua marca ao lado do título em algumas plataformas, og:locale define o idioma/região (en_US, pt_BR) para que sites multilíngues renderizem a variante correta, e twitter:site atribui o card a um handle de conta no X. O próprio valor de twitter:card tem uma terceira opção além de summary e summary_large_image — player — para incorporar vídeo ou áudio diretamente na timeline, embora precise de marcação adicional específica de player que este gerador não cobre. A duração do cache também varia por plataforma: alguns depuradores atualizam em até um dia após uma nova varredura, enquanto outras plataformas podem manter uma prévia desatualizada por uma semana ou mais, pois fazem cache por link em vez de por rastreamento — por isso forçar uma nova varredura pelo depurador costuma ser a única solução rápida.

Coisas que Você Precisa Saber

• 1200×630px (proporção 1,91:1) é o tamanho universal seguro entre plataformas; mantenha o arquivo abaixo de ~1MB para carregar de forma confiável, e sempre use uma URL absoluta (https://...) — caminhos relativos falham silenciosamente.
• Cache é a reclamação mais comum: uma vez que uma plataforma varreu uma URL, ela pode continuar mostrando o título ou imagem antigos por dias mesmo depois de você corrigir as tags. O Sharing Debugger do Facebook, o Post Inspector do LinkedIn e ferramentas similares forçam uma nova varredura.
• O X majoritariamente recorre aos valores do Open Graph para título, descrição e imagem, mas twitter:card é uma configuração própria (summary vs. o formato de largura total summary_large_image) e não será inferida — defina-a explicitamente.
• Nenhuma tag não significa nenhuma prévia — a plataforma adivinha a partir do que encontrar na página, e essa suposição raramente é lisonjeira.
• og:url deve apontar para a versão canônica da página — apontá-la para uma URL com parâmetros de rastreamento ou um destino de redirecionamento divide o sinal de compartilhamento entre dois endereços diferentes em vez de consolidá-lo em um só.
• Teste em mais de uma plataforma antes de publicar: Facebook, LinkedIn e X interpretam o Open Graph de forma ligeiramente diferente, e um card que parece certo em uma pode cortar a imagem ou omitir a descrição em outra.