Meta Sharing Debugger
https://developers.facebook.com/tools/debug/Solicite nova leitura e confira os resultados de analise de Open Graph nas plataformas Meta.
Gerador de Tags OGP (Saida automatica para og:title, og:image e mais)
Insira URL, titulo, descricao e URL da imagem. Gere meta tags Open Graph e Twitter Card em um so lugar.
Pronto para copiar e colar
Preview integrado
Guia de imagem e cache
Como usar
- Abra a ferramenta e insira a URL canonica, o titulo e a URL da imagem.
- Opcionalmente adicione descricao, nome do site e configuracoes do Twitter.
- Copie as meta tags geradas e cole no head da sua pagina.
- Confira o preview e os avisos; depois ajuste a proporcao da imagem ou a estrategia de cache se necessario.
O que e OGP?
Open Graph Protocol (OGP) e um conjunto de metadados usado por plataformas sociais e apps de chat para renderizar previews de links.
Ao definir og:title, og:description, og:image e tags relacionadas, voce pode influenciar como URLs compartilhadas aparecem.
Combinar OGP com tags de Twitter Card ajuda a manter o comportamento do preview mais consistente entre plataformas.
Guia de tamanho de imagem (para renderizacao de preview mais estavel)
Guia das plataformas Meta (referencia)
- Referencia minima: 200x200.
- Geralmente estavel: 1200x630 ou maior, no minimo 600x315.
- Proporcao alvo em torno de 1.91:1.
- A orientacao de tamanho de arquivo inclui 8MB ou menos.
Guia de cards do X (referencia)
- summary_large_image geralmente usa proporcao proxima de 2:1.
- Faixa de referencia: minimo 300x157, maximo 4096x4096.
- A orientacao de tamanho de arquivo inclui menos de 5MB.
- Use JPG/PNG/WEBP/GIF quando houver suporte.
Quando as atualizacoes nao aparecem (cache e nova leitura)
- Rastreadores sociais podem armazenar em cache os metadados lidos. Use o debugger ou inspector de cada plataforma para solicitar nova leitura.
- Se a troca da imagem nao aparecer, mudar a URL da imagem pode ajudar (atualizacao do nome do arquivo ou query string).
- Definir og:image:width e og:image:height pode melhorar a estabilidade da renderizacao em alguns casos.
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/Atualize e confira os dados de preview de URL no LinkedIn.
X Card Validator
https://cards-dev.twitter.com/validatorValide metadados de card do X e force a leitura do card quando disponivel.
FAQ
Isto tambem gera tags de Twitter Card?
Sim. A ferramenta pode gerar twitter:card e tags relacionadas junto com a saida. Um modo minimo tambem esta disponivel.
Que tamanho de imagem devo usar?
Use uma orientacao pratica conforme o destino. Previews voltados a Meta costumam usar cerca de 1.91:1 (por exemplo 1200x630), enquanto X summary_large_image costuma usar cerca de 2:1 (por exemplo 1200x600).
Por que as alteracoes nao aparecem?
Na maioria dos casos, e um problema de cache. Solicite nova leitura pelas ferramentas da plataforma e considere mudar a URL da imagem apos a substituicao.