Grátis Gerador de meta Open Graph e Twitter Card

Preencha título, descrição, URL e imagem de compartilhamento para produzir tags meta prontas para colar em Open Graph e Twitter Card. Uma prévia simples mostra como o card pode aparecer — todo o processamento fica no navegador.

Use URLs https absolutas para og:url e og:image. Tamanho recomendado de imagem é 1200×630 para cards grandes.

TítuloDescriçãoURL da páginaURL da imagem

Largura da imagemAltura da imagem

Nome do siteLocale (opcional)

Tipo Open Graph

Card Twitter

My Site

My page title

A short summary for social previews and search snippets.

Tags HTML meta

<meta property="og:title" content="My page title" />
<meta property="og:description" content="A short summary for social previews and search snippets." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="My Site" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My page title" />
<meta name="twitter:description" content="A short summary for social previews and search snippets." />
<meta name="twitter:image" content="https://example.com/og-image.jpg" />

Loading…

Como usar esta ferramenta

1
Abrir Gerador de meta OG
Prepare tags de compartilhamento social para uma nova página.
2
Informar URLs da página e imagem
Adicione título, descrição, URL canônica e imagem 1200×630 se possível.
3
Copiar HTML para o site
Cole as tags meta na seção head do HTML ou template.

Fatos rápidos

Executa localmente?	Sim — as tags são montadas somente no navegador.
Algo é enviado?	Não. Seu texto e URLs ficam nesta aba.
Metadados Next.js?	Copie HTML no head ou mapeie campos para a API metadata do seu framework.
Prévia de imagem?	Se a URL da imagem permitir hotlink, uma prévia aproximada do card aparece à direita.

Principais casos de uso

Monte tags meta Open Graph e Twitter Card com prévia ao vivo — copie HTML, somente local.
Executa localmente?: Sim — as tags são montadas somente no navegador.
Algo é enviado?: Não. Seu texto e URLs ficam nesta aba.
Metadados Next.js?: Copie HTML no head ou mapeie campos para a API metadata do seu framework.
Prévia de imagem?: Se a URL da imagem permitir hotlink, uma prévia aproximada do card aparece à direita.

Perguntas frequentes

Quais tags são incluídas?▾

Propriedades og:* comuns mais twitter:card, title, description e image quando fornecidos.

Preciso de imagem?▾

Recomendado para compartilhamentos de link; deixe em branco só se aceitar prévias só de texto.

Qual formato de locale?▾

Use códigos de locale Open Graph como en_US ou pt_BR.

As plataformas mostrarão exatamente esta prévia?▾

Cada rede faz cache e recorte diferente — sempre teste com os depuradores delas.

Caracteres especiais no título?▾

Aspas e e comercial são escapados no atributo content automaticamente.

Tipo article vs website?▾

Use article para posts de blog; website para home e landing pages.