Todas as ferramentas

Verificador de Open Graph e pré-visualização de ligações

Escreva um URL e veja o cartão que é desenhado quando alguém o partilha, ao lado de todas as tags encontradas e de tudo o que está errado nelas.

Cole qualquer página pública. Se deixar o esquema de fora, assumimos https.

Cole um URL público. Vamos buscar a página a partir do nosso servidor, lemos as suas tags Open Graph, Twitter card e meta padrão, e desenhamos o cartão que cada plataforma constrói a partir delas.

O nosso servidor vai buscar a página que indicar. A imagem da pré-visualização é carregada pelo seu navegador diretamente do site verificado, portanto nenhuma imagem passa por nós.

Do que é feita uma pré-visualização de ligação

Uma pré-visualização de ligação é construída a partir de meta tags no head da página. O Facebook escreveu o protocolo Open Graph e tudo o resto o adotou, por isso og:title, og:description, og:image e og:url fazem quase todo o trabalho. O X lê as mesmas tags e acrescenta as suas: twitter:card decide se a imagem ocupa toda a largura ou fica como miniatura, e twitter:title, twitter:description e twitter:image substituem as do Open Graph quando estão definidas. O que uma página deixa de fora recorre a outra coisa, primeiro ao outro espaço de nomes e depois ao elemento title e à meta description, e é por isso que até uma página sem tag nenhuma acaba com um cartão.

Porque é que uma pré-visualização continua errada depois de corrigida

As plataformas guardam em cache o que leem. O Facebook, o LinkedIn e o X mantêm cada um a sua própria cópia de uma página já rastreada, muitas vezes durante dias, por isso um cartão que estava errado na primeira partilha continua errado muito depois de as tags terem sido corrigidas. Cada um tem um depurador que volta a ler a pedido, e é a única forma de esvaziar uma cópia. Esta página nunca guarda em cache: se as tags aqui se leem bem e o cartão lá fora continua errado, é uma cópia em cache e não o seu markup.

Perguntas sobre pré-visualizações de ligações

Do nosso servidor. Um navegador não consegue ler as tags de uma página noutro domínio, por isso a leitura tem de acontecer no servidor. Só a imagem da pré-visualização é carregada pelo seu navegador, diretamente do site verificado.

Cada plataforma guarda a sua própria cópia do que leu, normalmente durante dias. O Facebook tem um sharing debugger que volta a ler um URL a pedido, o LinkedIn tem um post inspector e o X volta a ler quando o seu rastreador passar outra vez. Esta página nunca guarda em cache, por isso é a forma mais rápida de confirmar que as tags estão certas antes de ir esvaziar a cópia de outra pessoa.

Não. O X recorre às tags og: para o título, a descrição e a imagem quando as twitter: não existem. A única que vale a pena definir é twitter:card, porque é ela que pede o esquema de imagem grande em vez do pequeno.

1200 por 630 pixels é a resposta segura, porque preenche a moldura de 1,91 para 1 que todas as plataformas desenham. Uma imagem quadrada serve para um cartão pequeno do X. Aqui não verificamos dimensões, porque isso obrigaria a descarregar a própria imagem, e esta ferramenta nunca o faz.

Ver a página como quem reportou a viu

O Session Replay guarda a página, a consola e as chamadas de rede junto ao relatório de erro, para que quem olhar a seguir já tenha tudo à frente quando uma partilha corre mal.

Instalar extensãoComo funciona