O que são tags Open Graph?

São elementos meta (og:title, og:description, og:image, og:url, og:type) que dizem aos apps sociais como renderizar a prévia de um link. Sem elas, Facebook, LinkedIn e Slack costumam adivinhar um título fraco ou a imagem errada.

Quais tags Open Graph eu preciso?

Comece com og:title, og:type, og:image e og:url. Adicione og:description, og:site_name e og:locale quando tiver. Este gerador emite só os campos preenchidos, mais og:type (padrão website).

Qual tamanho a og:image deve ter?

Use uma URL https absoluta. 1200 x 630 pixels é o tamanho paisagem usual para Facebook e LinkedIn. Imagens menores podem ser cortadas ou virar miniatura.

Também preciso de tags Twitter Card?

O X (Twitter) pode ler Open Graph, mas twitter:card, twitter:title, twitter:description e twitter:image dão controle explícito. Ative a opção para incluí-las. Com imagem usa summary_large_image; sem imagem, summary.

Cole as tags dentro do head do documento HTML (ou da API de metadados do seu framework). Elas precisam estar na URL pública definida em og:url para os crawlers as verem.

O texto sai do dispositivo?

Não. O gerador de tags Open Graph roda inteiramente no navegador. Títulos, URLs e imagens não são enviados nem armazenados em um servidor.

Ferramentas de SEO

Popular

Gerador de tags Open Graph

Crie tags Open Graph e Twitter Card no navegador.

Título da página

0 caracteres

Descrição

0 caracteres

URL da página

URL da imagem

Recomendado 1200 x 630 px. Use uma URL https absoluta.

og:type

Nome do site

Locale

Use o formato Open Graph, como en_US ou pt_BR.

Tags HTML

Preencha um título, descrição, URL ou imagem para gerar as tags.

Prévia social

Adicione uma URL de imagem para pré-visualizar a imagem do share

www.example.com

O título da sua página

Sua descrição aparece aqui quando o link é compartilhado.

Sobre o Gerador de tags Open Graph

Crie tags Open Graph e Twitter Card no navegador. Informe título, descrição, URL, imagem, tipo, nome do site e locale, e copie o HTML para o head para que Facebook, LinkedIn, Slack e outros apps mostrem um card limpo. As tags Twitter Card opcionais usam summary_large_image quando há URL de imagem. Nada é enviado.

Como usar o Gerador de tags Open Graph

Informe o título, a descrição, a URL canônica e a URL da imagem.
Escolha um og:type (website, article, product ou profile).
Adicione um nome do site e um locale opcionais (por exemplo pt_BR).
Deixe as tags Twitter Card ativas, salvo se quiser só o markup Open Graph.
Copie o HTML e cole dentro do head da página.

Exemplos de Gerador de tags Open Graph

Card de um artigo

Título "Tags Open Graph para um artigo", tipo article, imagem 1200 x 630 e a URL do post geram og:title, og:type, og:image e og:url prontos para colar no template.

Home com nome do site

Use tipo website, sua marca como og:site_name e a URL da home para o Slack e o LinkedIn mostrarem a marca abaixo do título.

Página de produto

Tipo product mais título, descrição, URL e imagem hero gera um card com cara de loja no Facebook e no iMessage.

Aspas e e comerciais

Um título como Shop "A & B" é escapado para Shop "A & B" para o HTML continuar válido ao colar.

Ler o guia completo

Como usar o Gerador de tags Open Graph: guia completo (2026) - 5 min de leitura

Perguntas frequentes sobre o Gerador de tags Open Graph

O que são tags Open Graph?: São elementos meta (og:title, og:description, og:image, og:url, og:type) que dizem aos apps sociais como renderizar a prévia de um link. Sem elas, Facebook, LinkedIn e Slack costumam adivinhar um título fraco ou a imagem errada.
Quais tags Open Graph eu preciso?: Comece com og:title, og:type, og:image e og:url. Adicione og:description, og:site_name e og:locale quando tiver. Este gerador emite só os campos preenchidos, mais og:type (padrão website).
Qual tamanho a og:image deve ter?: Use uma URL https absoluta. 1200 x 630 pixels é o tamanho paisagem usual para Facebook e LinkedIn. Imagens menores podem ser cortadas ou virar miniatura.
Também preciso de tags Twitter Card?: O X (Twitter) pode ler Open Graph, mas twitter:card, twitter:title, twitter:description e twitter:image dão controle explícito. Ative a opção para incluí-las. Com imagem usa summary_large_image; sem imagem, summary.
Onde eu colo o HTML?: Cole as tags dentro do head do documento HTML (ou da API de metadados do seu framework). Elas precisam estar na URL pública definida em og:url para os crawlers as verem.
O texto sai do dispositivo?: Não. O gerador de tags Open Graph roda inteiramente no navegador. Títulos, URLs e imagens não são enviados nem armazenados em um servidor.

Verificador de meta description e prévia da SERP

Verificador grátis de tamanho de SERP e prévia de meta description. Contador de caracteres e preview do Google - ou gere um rascunho no limite de 150-160.

Gerador de slug

Transforme títulos e frases em slugs de URL limpos e otimizados para SEO. Minúsculas, sem acentos, hífen ou underline - grátis, instantâneo e privado.

Verificador de densidade de palavras-chave

Analise a densidade de palavras-chave em qualquer texto. Veja palavras e frases de 2-3 palavras com contagem e % de densidade - grátis e privado.