Guia de gráfico aberto
Saiba como o WhatsApp, o LinkedIn e o X interpretam os metadados, porque é que as caches ficam obsoletas e o que mudar quando o cartão público não corresponde à sua intenção.
O protocolo Open Graph indica às plataformas qual o título, descrição, imagem e URL canónico a utilizar quando alguém partilha uma página web. Sem ele, as redes e as aplicações de chat adivinham muitas vezes incorretamente.
É por isso que a qualidade da visualização pública está frequentemente ligada aos metadados técnicos, em vez do conteúdo visível do corpo de uma página.
og:titleog:descriptionog:imageog:urlEstes valores são os que a maioria dos rastreadores lê primeiro quando decidem como a sua página deve aparecer num feed, chat ou cartão de visualização.
O WhatsApp é agressivo em relação à 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 suporta tags Twitter Card mais granulares.
Se estiver a corrigir 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 etiquetas de imagem concorrentes ou por rastreadores que escolhem o primeiro suporte utilizável que encontram.
As plataformas geralmente mantêm metadados desatualizados durante dias, mesmo depois de ter implementado uma correção correta.
URLs relativos, ficheiros inacessíveis ou formatos não suportados são ainda as causas mais comuns.
Os metadados de títulos duplicados ou malformados levam frequentemente as plataformas a adivinhar em vez de obedecer à sua intenção.
FAQ
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.
Isto significa normalmente que a cache da plataforma ainda contém os metadados anteriores. Utilize as suas ferramentas de depuração ou inspetor para forçar uma atualização.
A maioria das plataformas trunca os títulos com cerca de 60 a 90 caracteres, por isso carregue antecipadamente as palavras importantes.
Pare de mexer no código sempre que uma campanha necessitar de um novo cartão social. O Visualink fica entre a página de destino e o rastreador da plataforma.