O que são as tags Open Graph?
As tags Open Graph (OG) são meta tags HTML que controlam o aspeto da sua página quando é partilhada em plataformas sociais como o Facebook, o LinkedIn e o X (Twitter). Definem o título, a descrição, a imagem e o URL de origem apresentados na pré-visualização.
O que faz realmente esta ferramenta?
O OG Preview mostra-lhe uma pré-visualização em direto do aspeto de uma página no Facebook, X (Twitter) e LinkedIn. Existem dois modos:
- Entrada Manual (predefinição): escreva um URL/domínio, o título, a descrição e o URL da imagem. As três pré-visualizações atualizam-se instantaneamente à medida que escreve.
- Obter URL (Beta): cole o URL de uma página pública e a ferramenta tenta ler as tags OG/Twitter existentes através de um proxy CORS público, apresentando depois as pré-visualizações, além de uma tabela das tags encontradas e das essenciais que estão em falta.
Tudo corre no seu navegador. A ferramenta não gera um ficheiro de código transferível, não aloja nem redimensiona imagens e não guarda nada num servidor.
Preciso de tags OG em todas as páginas?
Idealmente sim — cada página deve ter o seu próprio título, descrição e imagem, para que cada ligação partilhada pareça relevante em vez de recorrer a uma pré-visualização genérica do site.
Qual é a diferença entre as tags OG e os Twitter Cards?
As tags OG são o padrão comum utilizado pelo Facebook, LinkedIn e outros. Os Twitter Cards são tags twitter: específicas do X/Twitter. Se não definir tags do Twitter, o X normalmente recorre às suas tags OG, por isso muitos sites definem ambos.
Que tamanho de imagem devo utilizar?
1200×630px (uma proporção de 1,91:1) é uma escolha segura nas três plataformas. Utilize um URL absoluto https:// para a imagem — os caminhos relativos não são resolvidos pelos crawlers sociais.
Porque é que a minha pré-visualização não atualiza na plataforma real?
As plataformas sociais guardam as pré-visualizações em cache de forma agressiva. Depois de alterar as suas tags, utilize os depuradores oficiais para forçar uma atualização: Facebook Sharing Debugger, Twitter Card Validator e LinkedIn Post Inspector.
A ferramenta guarda os meus dados?
Não. Todo o processamento acontece localmente no seu navegador. No modo Obter URL, o pedido passa por um proxy CORS de terceiros para obter a página, mas esta ferramenta não guarda o conteúdo.
Porque é que o Obter URL falha por vezes?
Depende de proxies CORS públicos, e muitos sites bloqueiam-nos ou não devolvem HTML utilizável. É por isso que está identificado como Beta — se falhar, mude para a Entrada Manual.