Estas são boas práticas gerais para escrever markup Open Graph manualmente ou no seu CMS. O OG Preview é, em si, um visualizador: mostra o aspeto das suas tags e, no modo Obter URL, indica quais as tags que uma página já expõe.
Utilize tags únicas por tipo de página
Páginas diferentes merecem pré-visualizações diferentes. As publicações de blogue funcionam melhor com og:type definido como article, as páginas de produto beneficiam de um título e imagem descritivos e a sua página inicial deve realçar a identidade da marca. Reutilizar uma única pré-visualização genérica em todo o lado reduz a taxa de cliques.
Otimize a imagem para a velocidade
Evite PNG de vários megabytes. Comprima para um tamanho razoável, mantenha as dimensões de 1200×630px (1,91:1) que funcionam em todas as plataformas e garanta que o ficheiro carrega rapidamente para os crawlers.
Defina sempre og:site_name
Isto mantém o nome da sua marca visível nas pré-visualizações, mesmo quando o título é truncado:
Teste em todas as plataformas — não assuma
O Facebook, o LinkedIn e o X (Twitter) tratam as meta tags de forma ligeiramente diferente. Pré-visualize aqui primeiro e depois verifique nas plataformas reais com as respetivas ferramentas oficiais:
Utilize og:type para conteúdos mais ricos
Para blogues, utilize article; para produtos, utilize product. O tipo correto pode desbloquear uma apresentação mais rica, como nomes de autores ou datas de publicação, em algumas plataformas.
Defina um URL de imagem absoluto
Os crawlers sociais não resolvem caminhos relativos. Utilize sempre um URL completo: https://yoursite.com/img/og.jpg, e não /img/og.jpg.
Cache-busting para imagens atualizadas
Quando substitui uma imagem OG, as plataformas podem continuar a apresentar a antiga. Altere o nome do ficheiro (por exemplo, og-v2.jpg) ou acrescente um parâmetro de versão como ?v=2 e volte a executar o depurador da plataforma para atualizar a cache.
Combine as tags OG com JSON-LD
Os dados estruturados através de <script type="application/ld+json"> ajudam os motores de busca, enquanto as tags OG tratam da partilha social. Complementam-se — mantenha ambos.