Pré-visualização Open Graph

O que verifica

• Obtém a página e lê og:title, og:description, og:image e twitter:card do seu HTML.
• Recorre ao <title> e à meta description quando faltam as versões Open Graph, como faz a maioria das plataformas.
• Desenha um cartão de partilha com a imagem, o domínio, o título e a descrição para LinkedIn, Facebook, X, WhatsApp e Slack.
• Carrega a og:image diretamente do seu servidor e avisa quando não carrega.
• Indica quais de og:title, og:image, og:description e twitter:card estão em falta.

Como ler o resultado

Os cinco cartões partilham o mesmo formato, por isso leia-os como uma verificação do que cada plataforma recebe, não como uma cópia do design de cada aplicação. Se a imagem, o título e a descrição estiverem certos aqui, o conteúdo está certo; as plataformas diferem sobretudo no recorte e na quantidade de texto que mostram.

Corrija primeiro uma og:image em falta ou com erro, porque um link sem imagem passa despercebido no feed. Use um URL https absoluto, uma imagem com cerca de 1200 por 630 píxeis e um servidor que não bloqueie pedidos externos a essa imagem. Se a pré-visualização disser que a imagem não carregou, abra o endereço da og:image sozinho para perceber porquê.

As plataformas guardam os cartões em cache. Depois de alterar as tags, peça a cada uma que volte a obter a página, por exemplo com o Post Inspector do LinkedIn ou o Sharing Debugger do Facebook, ou as pessoas continuam a ver o cartão antigo.