Gerador Open Graph
Crie tags Open Graph e Twitter Card com pré-visualizações de compartilhamento ao vivo para Facebook, LinkedIn e X. Orientação de tamanho de imagem, metadados de artigo e verificação de completude.
Carregando Gerador Open Graph…
Seus arquivos nunca saem do seu dispositivo
Como usar Gerador Open Graph
- 1
Abra Gerador Open Graph nesta página. Ele carrega direto no seu navegador.
- 2
Adicione seu arquivo, texto ou valores e ajuste as configurações.
- 3
Copie ou baixe o resultado. Nada é enviado nem armazenado.
Sobre esta ferramenta
Quando alguém compartilha seu link no Facebook, LinkedIn, WhatsApp, Slack ou X, o card de pré-visualização com título, descrição e imagem vem das tags Open Graph. Sem elas, as plataformas adivinham e muitas vezes escolhem a imagem errada ou nenhuma. Este gerador Open Graph monta as tags a partir de um formulário e mostra pré-visualizações ao vivo, para você saber exatamente como o link vai aparecer antes de publicar.
Como criar tags Open Graph
- Informe a URL da página, o título e a descrição.
- Adicione a URL da imagem, o texto alternativo, o tamanho e o tipo.
- Escolha o tipo de conteúdo: website, article, product, book e outros. Para artigos, adicione autor, datas de publicação, seção e tags.
- Escolha o tipo de card do Twitter e adicione seus perfis.
- Confira as pré-visualizações do Facebook, LinkedIn e Twitter e a verificação de completude, depois copie o HTML para o head da página.
Tamanhos de imagem
| Uso | Tamanho |
|---|---|
| Facebook, LinkedIn, a maioria dos apps | 1200 x 630 px (1,91:1) |
| Mínimo do LinkedIn | 1200 x 627 px |
| Card grande do Twitter | 1200 x 675 px (16:9) ou 1200 x 600 |
| Alternativa quadrada | 600 x 600 px |
Mantenha as imagens abaixo de 5 MB, use JPG ou PNG e coloque o texto importante no centro, já que algumas plataformas cortam as bordas.
As tags principais
- og:title: o título do card, de preferência com menos de 60 caracteres.
- og:description: uma ou duas frases, entre 150 e 160 caracteres aproximadamente.
- og:image: uma URL https absoluta para a imagem de pré-visualização.
- og:url: a URL canônica da página.
- og:type: website para a maioria das páginas, article para posts de blog.
- og:locale e og:site_name para idioma e marca.
As pré-visualizações não atualizam?
As plataformas guardam as pré-visualizações em cache. Depois de mudar as tags, atualize o cache com o Sharing Debugger do Facebook ou o Post Inspector do LinkedIn e compartilhe de novo. Verifique também se a URL da imagem é pública e não exige login.
Para os resultados de busca, adicione as tags title e description com o gerador de meta tags e redimensione sua imagem de compartilhamento para 1200 x 630 com o redimensionador de imagem 1200x630.
Perguntas frequentes
Qual o tamanho ideal de uma imagem Open Graph?
1200 x 630 pixels na proporção 1,91:1 funciona no Facebook, LinkedIn e na maioria dos apps. Mantenha o arquivo abaixo de 5 MB.
Preciso de tags Open Graph e Twitter Card?
O X usa as tags Open Graph se faltarem as do Twitter, mas adicionar twitter:card permite escolher o layout com imagem grande.
Por que o Facebook mostra uma imagem antiga?
O Facebook guarda as pré-visualizações em cache. Passe a URL pelo Sharing Debugger para buscar as novas tags e compartilhe de novo.
Onde coloco as tags geradas?
Na seção head da página, ou nos campos de redes sociais do seu CMS ou plugin de SEO.
O og:image deve ser uma URL absoluta?
Sim. Use uma URL https completa que qualquer pessoa possa abrir sem fazer login.
Qual og:type devo usar?
website para a página inicial e páginas gerais, article para posts de blog e notícias. Existem product e outros tipos para conteúdos específicos.