Copiar e colar Com prévia Dicas de imagem/cache inclusas

Gerador de Tags OGP (Saída automática de og:title/og:image etc.)

Q: "Incluir tags de Twitter Card também?"

"Sim. twitter:card e tags relacionadas podem ser geradas juntas. O X pode usar as tags OG como fallback, então configurações mínimas ainda funcionam."

Q: "Tamanho de imagem recomendado?"

"Como guia, a Meta sugere 1200×630 ou maior (mínimo 600×315) e proporção próxima de 1.91:1. O summary_large_image do X tem proporção e mínimos diferentes. Escolha conforme a plataforma."

Q: "A prévia não atualiza"

"Geralmente é cache. Force a atualização via debuggers/inspectors e, se mudou a imagem, use uma nova URL de imagem."

Insira URL, título, descrição e URL da imagem. Gere meta tags Open Graph + Twitter Card juntas.

A busca roda diretamente no seu navegador (limites de CORS se aplicam).

Entrada

Meta tags geradas / Prévia

1) Informações principais

Obrigatório

Título (og:title) Obrigatório

Guia: 30–60 caracteres 0

Descrição (og:description) Opcional

Guia: 80–120 caracteres 0

URL da Imagem (og:image) Obrigatório

Uma miniatura de prévia aparece quando a imagem carrega.

Proporção atual -

Nome do site (og:site_name) Opcional

Tipo (og:type) Obrigatório

Escolha website ou artigo.

2) Twitter Card

Retrátil / Ligado por padrão

Incluir tags de Twitter Card

twitter:card

twitter:site (opcional)

twitter:creator (opcional)

Regras de auto-sincronização

• Se twitter:title estiver vazio, usa og:title.
• Se twitter:description estiver vazio, usa og:description.
• Se twitter:image estiver vazio, usa og:image.

3) Avançado

Abra apenas se precisar de ajustes finos.

og:locale (opcional)

og:image:alt / twitter:image:alt

Texto de acessibilidade. Máximo de 420 caracteres.

og:image:width

og:image:height

Adicionar largura/altura pode ajudar os crawlers a renderizar mais rápido.

Tags de artigo (apenas quando og:type=article)

article:published_time

article:modified_time

Use ISO 8601 se necessário.

Meta tags geradas

Prévia

Prévia de OG

example.com

Título da prévia

A descrição aparecerá aqui.

Muitos apps de chat/redes sociais se parecem com isto

Prévia de X card summary

example.com

Título da prévia

A descrição aparecerá aqui.

Alterna entre summary e summary_large_image

Notas (opcional)

Notas aparecerão aqui baseadas em suas entradas.

Opções

Salvar entradas na URL Compartilhe o link para reabrir com as mesmas configurações Auto-remover espaços Também remove espaços de largura total Escapar aspas duplas Mantém os atributos meta seguros

Guia de tamanho de imagem (exemplos)

Escolha OG ou X para ver tamanhos de exemplo

Orientado a OG Orientado a X

Dica de proporção -

Como usar / Exemplos

Preencha URL, título, descrição e URL da imagem.
Escolha og:type e (opcionalmente) as configurações de Twitter Card.
Copie as tags geradas e cole na seção <head>.

Exemplo rápido

Insira URL + título + imagem, depois copie o conjunto recomendado.

Notas e dicas

O que é OGP?

OGP (Open Graph Protocol) permite que plataformas sociais leiam o título, descrição e imagem da sua página.

Ao definir og:title/og:description/og:image, você controla como os links compartilhados aparecem.

Os Twitter Cards (X) usam metadados similares e podem recorrer às tags OG.

Orientações de tamanho de imagem (para estabilizar prévias)

Orientações da Meta (Facebook)

• Mínimo 200×200.
• Para melhor exibição, 1200×630 ou maior; pelo menos 600×315 é referenciado.
• Uma proporção próxima de 1.91:1 ajuda a evitar cortes (aproximado).
• Tamanho de arquivo recomendado: 8MB ou menos.

Orientações de card do X (Twitter)

• summary_large_image suporta proporção 2:1; mínimo 300×157, máx 4096×4096.
• Arquivos abaixo de 5MB e formatos comuns (JPG/PNG/WEBP/GIF) são referenciados.

Quando as mudanças não aparecem (cache e nova busca)

• Crawlers de redes sociais fazem cache de dados OG. Use o debugger de cada plataforma para forçar a atualização.
• Se você trocou a imagem mas ela não atualiza, a própria URL da imagem pode estar no cache; mude o nome do arquivo ou adicione uma query string.
• Adicionar og:image:width/height pode melhorar a estabilidade da renderização.

Ferramentas para validação

Meta Sharing Debugger

Forçar nova busca e inspecionar tags OG.

LinkedIn Post Inspector

Atualizar a prévia em cache do LinkedIn.

X Card Validator

Verificar a renderização do Twitter Card.

FAQ

Incluir tags de Twitter Card também?

Sim. twitter:card e tags relacionadas podem ser geradas juntas. O X pode usar as tags OG como fallback, então configurações mínimas ainda funcionam.

Tamanho de imagem recomendado?

Como guia, a Meta sugere 1200×630 ou maior (mínimo 600×315) e proporção próxima de 1.91:1. O summary_large_image do X tem proporção e mínimos diferentes. Escolha conforme a plataforma.

A prévia não atualiza

Geralmente é cache. Force a atualização via debuggers/inspectors e, se mudou a imagem, use uma nova URL de imagem.