Pré-visualização de ligação com imagem ou título errado? Como corrigir
Saiba porque é que uma pré-visualização mostra a imagem ou o título errado, corrija as etiquetas Open Graph, atualize-a no Facebook e no LinkedIn e teste ligações curtas.
A pré-visualização de uma ligação costuma mostrar a imagem ou o título errado porque as etiquetas da página estão erradas ou porque a aplicação guardou uma cópia antiga da página. A maioria das aplicações cria as pré-visualizações a partir das etiquetas Open Graph da página, como og:title e og:image. Corrija primeiro as etiquetas e depois peça às aplicações que guardaram a cópia antiga que voltem a ler a página: o Sharing Debugger da Meta para o Facebook e o Post Inspector para o LinkedIn.
Este guia acompanha um grupo de teatro amador fictício, os Eastgate Players, cuja página do novo espetáculo aparece nas pré-visualizações com o cartaz e o título do ano passado. Trata de páginas que pode editar e de ligações curtas que gere. Se for outra pessoa a gerir a página, peça-lhe que corrija as etiquetas.
Descubra de onde vem a pré-visualização
A pré-visualização vem da página que a ligação acaba por abrir, depois de todos os redirecionamentos. Uma ligação curta não tem pré-visualização própria: o Links redireciona-a para o destino guardado e não tem definições de pré-visualização. O título que dá a uma ligação na aplicação Links nunca aparece numa pré-visualização.
Verifique as etiquetas Open Graph da página
Abra a página numa janela privada, veja o código-fonte e procure og:. O protocolo Open Graph pede quatro etiquetas básicas: og:title, og:type, og:image e og:url, que é o endereço permanente da própria página. As etiquetas corrigidas do grupo de teatro:
<meta property="og:title" content="Harbor Lights: our new show" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Five evenings in April at Eastgate Hall." />
<meta property="og:image" content="https://example.org/img/poster-harbor-lights.jpg" />
<meta property="og:url" content="https://example.org/harbor-lights/" />Procure estes erros:
| Erro | Correção |
|---|---|
Não há etiqueta og:image |
Acrescente uma, senão o Facebook tenta adivinhar e pode escolher outra imagem |
| As etiquetas foram copiadas de uma página mais antiga | Atualize todas as etiquetas og: para esta página |
og:image reutiliza o nome de ficheiro do ano passado |
Mude o nome da nova imagem e atualize a etiqueta |
og:image é um caminho parcial, como /img/poster.jpg |
Use o endereço completo com https://, como nos exemplos do Open Graph |
| A página ou a imagem exige início de sessão | Use uma página e uma imagem públicas: as ferramentas de pré-visualização não têm sessão iniciada |
og:url aponta para a página inicial |
Defina-o com o endereço da própria página |
| A sua alteração não aparece no código-fonte | Limpe a cache do seu site |
A página do grupo tinha sido copiada da do ano passado, por isso og:title indicava o espetáculo antigo, e o novo cartaz tinha substituído poster.jpg com o mesmo nome.
Atualize as pré-visualizações que as aplicações guardaram em cache
Corrigir a página não muda as pré-visualizações que as aplicações já guardaram.
Para o Facebook, cole o endereço da página no Sharing Debugger da Meta. O guia de partilha da Meta diz que a ferramenta mostra as etiquetas que o rastreador leu e volta a obter a página. As imagens ficam em cache pelo endereço e só são atualizadas se o endereço mudar; foi por isso que o cartaz substituído do grupo continuou a ser o antigo. A Meta sugere também og:image:width e og:image:height, para que a imagem carregue bem logo na primeira partilha.
Para o LinkedIn, introduza o endereço no Post Inspector e verifique a pré-visualização. A ajuda do LinkedIn diz que a atualização só afeta publicações novas. As publicações existentes mantêm a pré-visualização antiga, por isso o grupo faz uma publicação nova.
Noutras aplicações, como o WhatsApp ou o X (Twitter), verifique a pré-visualização num rascunho antes de enviar.
Teste a ligação curta tal como uma ferramenta de pré-visualização a vê
As ferramentas verificam o endereço que introduz. Se partilhar uma ligação curta, como reunified.link/k7m2x9qa, passe-a também por elas.
O Links aplica as suas regras a todas as visitas, incluindo as das ferramentas de pré-visualização. Uma regra de país pode corresponder a uma ferramenta que se liga a partir desse país, e uma ferramenta que não se identifica como telemóvel ou tablet conta como computador. Por isso, uma pré-visualização pode mostrar o destino de uma regra: dê etiquetas corretas a todos os destinos. O guia de redirecionamento explica como as regras correspondem.
Se a ferramenta mostrar uma página do Links a dizer que a ligação não está disponível ou não existe, consulte o guia de resolução de problemas.
Depois de alterar o destino de uma ligação curta, uma aplicação que guardou a pré-visualização em cache pode continuar a mostrar a página antiga, por isso volte a verificar a ligação curta nas ferramentas.
Perceba como as pré-visualizações afetam a contagem de cliques
Muitas aplicações acedem a uma ligação assim que é colada. O Links redireciona os rastreadores, as pré-visualizações de ligações e os pré-carregamentos do navegador que reconhece, sem os contabilizar nem cobrar créditos. O rastreador de partilhas da Meta é um deles, por isso o Sharing Debugger não acrescenta cliques contabilizados. Uma ferramenta que o Links não reconhece conta como clique.
As suas próprias visitas de teste num navegador contam, e quem abre a ligação duas vezes conta duas vezes. O guia sobre estatísticas e privacidade explica o que o Links guarda sobre cada clique.
Verifique as pré-visualizações antes de cada partilha
Use esta lista de verificação:
- Verifique as etiquetas da página numa janela privada.
- Dê um nome de ficheiro novo a cada imagem alterada.
- Crie a ligação curta ou atualize o seu destino.
- Passe a página e a ligação curta pelas ferramentas da Meta e do LinkedIn.
- Verifique a pré-visualização numa mensagem em rascunho.
- Publique e depois verifique uma publicação real em cada rede.
Volte a verificar depois de uma remodelação do site, porque um novo modelo pode mudar as etiquetas. O grupo de teatro dá agora a cada cartaz o nome do respetivo espetáculo.
O Links mantém o mesmo endereço curto quando muda o sítio para onde leva e deixa de fora das suas contagens os pedidos de pré-visualização que reconhece. A pré-visualização vem da sua página, por isso é aí que a corrige.