Guia de gráfico aberto
Saiba como o WhatsApp, o LinkedIn e o X interpretam os metadados, por que os caches ficam obsoletos e o que mudar quando o cartão público não corresponde à sua intenção.
O protocolo Open Graph informa às plataformas qual título, descrição, imagem e URL canônico usar quando alguém compartilha uma página da web. Sem ele, as redes e os aplicativos de bate-papo muitas vezes adivinham incorretamente.
É por isso que a qualidade da visualização pública está frequentemente vinculada aos metadados técnicos, em vez do conteúdo visível do corpo de uma página.
og:titleog:descriptionog:imageog:urlEsses valores são os que a maioria dos rastreadores lê primeiro ao decidir como sua página deve aparecer em um feed, chat ou cartão de visualização.
O WhatsApp é agressivo em relação ao cache. O LinkedIn é mais rigoroso quanto à validação e oferece o Fluxo de trabalho do pós-inspetor. X pode contar com Open Graph, mas também oferece suporte a tags de Twitter Card mais granulares.
Se você estiver corrigindo especificamente o comportamento do WhatsApp, vá para o Guia de visualização do WhatsApp.
<!-- Standard Open Graph -->
<meta property="og:title" content="Your Amazing Title" />
<meta property="og:description" content="A brief summary of your page." />
<meta property="og:image" content="https://yourdomain.com/social-visual.jpg" />
<meta property="og:url" content="https://yourdomain.com/page" />
<!-- X / Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Amazing Title" />
<meta name="twitter:description" content="A brief summary of your page." />
<meta name="twitter:image" content="https://yourdomain.com/social-visual.jpg" />Problemas comuns
Geralmente causado por diversas tags de imagem concorrentes ou por rastreadores que escolhem a primeira mídia utilizável que encontram.
As plataformas geralmente mantêm metadados desatualizados por dias, mesmo depois de você implantar uma correção correta.
URLs relativos, arquivos inacessíveis ou formatos não suportados ainda são as causas mais comuns.
Metadados de títulos duplicados ou malformados geralmente levam as plataformas a adivinhar em vez de obedecer à sua intenção.
FAQ
Você pode tentar uma lógica específica da plataforma, mas uma imagem forte de 1200x630 que funcione em qualquer lugar geralmente é a opção mais segura e menos frágil.
Isso geralmente significa que o cache da plataforma ainda contém os metadados anteriores. Use suas ferramentas de depuração ou inspetor para forçar uma atualização.
A maioria das plataformas trunca títulos em torno de 60 a 90 caracteres, portanto, carregue antecipadamente as palavras importantes.
Pare de mexer no código sempre que uma campanha precisar de um novo cartão social. Visualink fica entre a página de destino e o rastreador da plataforma.