As informações são adicionadas demasiado tarde
Alguns serviços leem a página antes de o navegador terminar de a construir. Se o título, a descrição ou a imagem aparecerem mais tarde, podem gerar um cartão vazio ou genérico.
Ferramenta gratuita · Open Graph
Verifique a pré-visualização social de qualquer link.
Analise as informações públicas de um URL, reveja os respetivos dados Open Graph e detete o que falta antes de o partilhar.
O que a ferramenta verifica
Uma pré-visualização útil precisa de dados claros e acessíveis.
O checker procura o título, a descrição, a imagem, o endereço declarado, o nome do site e o tipo de conteúdo incluídos na primeira resposta do site.
A imagem não está acessível
Um caminho relativo incorreto, permissões, redirecionamentos ou um ficheiro eliminado podem impedir o crawler de descarregar og:image.
A plataforma mantém uma versão antiga
Mesmo depois de o site ser corrigido, o WhatsApp, o LinkedIn e outras plataformas podem continuar a utilizar dados em cache.
Várias etiquetas competem entre si
Se uma página publicar várias versões das mesmas informações ou identificar endereços diferentes como canónicos, cada serviço pode escolher um resultado diferente.
Quando todos os endereços partilham a mesma pré-visualização
O que acontece com uma SPA e porque pode afetar os seus links.
Se pediu a uma IA para criar um site sem especificar como deveria funcionar, é possível que tenha escolhido uma framework frontend popular que monta o conteúdo dentro do navegador.
CSR
O navegador constrói a página.
Uma SPA (Single Page Application) com CSR (Client-Side Rendering) recebe normalmente o mesmo documento base para todos os endereços. Esse documento chama-se HTML e contém a estrutura inicial. Depois, o navegador executa JavaScript — o código que faz a página funcionar — e apresenta o conteúdo correspondente.
Por isso, num site puramente CSR, pedir /, /pricing ou /article pode devolver inicialmente as mesmas informações Open Graph. Se o serviço que gera a pré-visualização não esperar pelo navegador, todos esses endereços acabam por partilhar título, descrição e imagem.
SSR
O servidor prepara cada página.
Com SSR (Server-Side Rendering), cada endereço pode fornecer desde o início o seu próprio conteúdo e os seus próprios dados Open Graph. O navegador recebe uma página já identificável antes de executar código adicional.
Isto permite que tanto uma pessoa como um serviço de pré-visualizações encontrem o título, a descrição e a imagem corretos para esse URL específico.
Duas formas de resolver o problema
Faça com que cada endereço forneça as suas próprias informações.
Mude o site para SSR.
Peça à IA ou a quem mantém o site que converta a área institucional de CSR para SSR, se a stack o permitir. Depois poderá configurar o título, a descrição e as imagens de cada endereço sem pagar outro serviço.
Aprender a configurar Open GraphFaça a gestão das pré-visualizações com o External OG.
A Visualink permite gerir as pré-visualizações dos endereços originais independentemente do código e das implementações do site. Altere a imagem, o título ou a descrição num painel separado.
Perguntas frequentes
O que um social preview checker lhe pode dizer.
O que é uma pré-visualização social?
É o cartão, normalmente composto por imagem, título, descrição e domínio, que aparece quando um URL é partilhado numa rede social ou aplicação de mensagens.
O checker mostra exatamente o mesmo que o WhatsApp ou o LinkedIn?
Não. Mostra uma aproximação construída a partir dos metadados públicos encontrados. Cada plataforma aplica o seu próprio design, regras e cache.
O checker abre a página como um navegador?
Não. Lê a primeira resposta fornecida pelo servidor, antes de o navegador executar JavaScript e construir conteúdo adicional. Assim também deteta sites que adicionam as informações Open Graph demasiado tarde.
Porque continuo a ver uma imagem antiga depois de a corrigir?
A plataforma onde partilha o link pode guardar a sua própria cópia. Primeiro, confirme que o URL já fornece a imagem correta e depois utilize o inspetor ou o procedimento de atualização dessa plataforma.
Porque é que vários endereços do meu site mostram a mesma pré-visualização?
Isto pode acontecer quando uma SPA utiliza renderização no cliente e o servidor fornece o mesmo documento inicial para todos os endereços. O conteúdo muda depois no navegador, mas o serviço que gera a pré-visualização pode manter o mesmo título, descrição e imagem.
Posso alterar uma pré-visualização sem modificar o site de destino?
Pode publicar um link curto com a sua própria pré-visualização. Se precisar de alterar os metadados dos URLs originais de um site ou SPA, o External OG atua sobre essa camada de metadados através da sua integração.