O OG Preview funciona inteiramente no seu navegador. Pode introduzir os valores das tags manualmente ou deixar que a ferramenta os leia a partir de um URL ativo, e vê imediatamente como a página apareceria no Facebook, X (Twitter) e LinkedIn.
Passo 1: Abrir a ferramenta
Aceda à página inicial. Abre por predefinição no modo Entrada Manual, que funciona com qualquer página — incluindo rascunhos ainda não publicados ou páginas protegidas por início de sessão.
Passo 2: Introduza os valores das tags (Entrada Manual)
Preencha os campos:
- URL / Domínio — apresentado como a linha de origem nas pré-visualizações.
- Título (og:title) — o seu cabeçalho; procure manter abaixo de 60 caracteres.
- Descrição (og:description) — um resumo breve, com cerca de 150 a 160 caracteres.
- URL da imagem (og:image) — uma ligação absoluta
https://para a sua imagem de pré-visualização (idealmente 1200×630px).
As pré-visualizações do Facebook, X (Twitter) e LinkedIn atualizam-se em direto à medida que escreve. Não há carregamento — a imagem é referenciada pelo seu URL.
Passo 3 (opcional): Obter tags a partir de um URL (Beta)
Mude para Obter URL (Beta), cole o URL de uma página pública e clique em Pré-visualizar. A ferramenta obtém a página através de um proxy CORS público, lê as tags OG/Twitter que já existem e mostra as pré-visualizações, além de uma tabela das tags encontradas e em falta. Este modo funciona na medida do possível: alguns sites bloqueiam proxies e, nesse caso, a Entrada Manual é a alternativa fiável.
Passo 4: Aperfeiçoe até ficar bem
Ajuste o título, a descrição e a imagem até as pré-visualizações ficarem como pretende. Esteja atento a uma imagem em falta ou a um título que fique cortado.
Passo 5: Adicione as tags à sua página
O OG Preview não exporta um ficheiro de código — as tags são adicionadas por si ao <head> do seu próprio site. Com os valores que definiu, o markup fica assim:
Se utilizar um CMS, a maioria dos plugins de SEO (por exemplo, o Yoast SEO ou o Rank Math no WordPress) disponibiliza campos exatamente para estes valores.
Passo 6: Teste nas plataformas reais
Assim que as tags estiverem ativas, confirme-as com os depuradores oficiais, que também permitem limpar a cache da plataforma: