6XC

Gerador de Open Graph e Twitter Card

Gere meta tags og: e twitter: com uma prévia ao vivo do card de compartilhamento — controle a aparência dos seus links nas redes sociais.

967 visualizações

Por que um link compartilhado fica bonito (ou péssimo)

Quando uma URL é colada em uma rede social ou mensageiro, o card de prévia vem das tags Open Graph (Facebook, LinkedIn, WhatsApp, Telegram, Slack...) e das tags twitter: (X). Sem tags, a plataforma tenta adivinhar, geralmente mal. As quatro essenciais: og:title, og:description, og:image e og:url — mais twitter:card para escolher entre um resumo pequeno e o formato de largura total summary_large_image.

As regras de imagem definem tudo: 1200×630 é o tamanho universal seguro (1,91:1), arquivos com menos de ~1 MB carregam de forma confiável, e a URL precisa ser absoluta (https://...). Depois de publicar, valide com os depuradores de cada plataforma — o Sharing Debugger do Facebook e similares também limpam o cache do seu card antigo.

Perguntas Frequentes

O card ainda mostra minha imagem antiga — por quê?

As plataformas fazem cache de forma agressiva. Cole a URL no Sharing Debugger do Facebook e clique em "Buscar novamente" (cada plataforma tem um equivalente) para atualizar o card.

Preciso de tags twitter: separadas se já tenho tags og:?

O X usa o Open Graph como fallback para a maioria dos campos, mas twitter:card é uma decisão própria (resumo vs. imagem grande) — configure ao menos essa. Este gerador produz os dois conjuntos, que é o padrão seguro.

Ferramentas Semelhantes

Gerador de Meta Tags (Title e Description) Escreva seu título e descrição com pré-visualização do Google ao vivo e guias de tamanho — copie meta tags HTML limpas. Gerar Gerador de Slug para URL Transforme qualquer título em um slug de URL limpo — acentos transliterados, pontuação removida, processamento em lote multilinha. Gerar Pré-visualização de Resultado do Google (Snippet SERP) Veja como seu título, URL e meta descrição vão aparecer nos resultados do Google antes de publicar — com avisos de truncamento em tempo real por caractere/pixel. Usar Analisador de Densidade de Palavras-Chave Cole seu texto e veja as palavras e frases de 2-3 palavras mais frequentes com percentuais de densidade — stop words filtradas, tudo no seu navegador. Usar