Gerador de Open Graph
Monte o conjunto completo de tags og: e twitter: e veja a prévia do cartão de compartilhamento em tempo real antes de colar.
Trecho HTML
Prévia do cartão
example.com
Page title
Esta ferramenta roda inteiramente no seu navegador. Seus dados nunca saem do seu dispositivo e não são enviados a nenhum servidor.
Como usar
- 1Informe o título, a descrição e a URL canonical da página.
- 2Adicione a URL da imagem de compartilhamento (1200 × 630 px funciona em toda parte) e escolha o tipo de cartão.
- 3Copie as tags para o seu <head> e confira o cartão de prévia.
Gerador de Open Graph
Quando seu link é compartilhado no X, Facebook, LinkedIn, Slack ou iMessage, o cartão de prévia é montado quase inteiramente com tags Open Graph, e as twitter: preenchem as lacunas. Este gerador emite os dois namespaces: og:title, og:type, og:url, og:image, og:image:alt, og:site_name, og:description e og:locale, além de twitter:card, twitter:site e twitter:creator.
A maioria das plataformas volta para as tags og: quando falta uma twitter:, então só vale adicionar as extras onde houver diferença. A prévia em tempo real aproxima como fica um cartão de imagem grande ou um summary.
Perguntas frequentes
Qual tamanho usar no og:image?
1200 × 630 pixels (1,91:1) é o padrão seguro no Facebook, X e LinkedIn. Mantenha o arquivo abaixo de 8 MB, use URL absoluta e sempre inclua og:image:alt por acessibilidade.
Preciso das tags og: e twitter: juntas?
twitter:title, twitter:description e twitter:image voltam para os equivalentes og:. Sobre o conjunto og: você só precisa de twitter:card (summary ou summary_large_image), twitter:site e, opcionalmente, twitter:creator.
Qual og:type escolher?
website para homepages e páginas genéricas, article para notícias e posts de blog (adicione article:published_time se puder) e product para páginas de e-commerce. O tipo muda como algumas plataformas categorizam o link.
Ferramentas relacionadas
Gerador de meta tags
Gere title, description, keywords, robots e viewport com saída HTML em tempo real, pronta para colar no seu <head>.
Todas as ferramentas →
Prévia SERP
Visualize seu resultado no Google em desktop e mobile com truncamento por pixels e medidores de tamanho de title e description.
Todas as ferramentas →
Gerador de dados estruturados
Gere JSON-LD válido para Organization, LocalBusiness, Product, Article, FAQPage e HowTo, com escape e pronto para colar.
Todas as ferramentas →
Gerador de links UTM
Adicione utm_source, medium, campaign, term e content a qualquer URL e gere um link de rastreio codificado corretamente para copiar ou compartilhar.
Todas as ferramentas →
Incorporar esta ferramenta
Coloque esta ferramenta no seu site com uma linha — ela roda no navegador do visitante.
<iframe src="https://zoyku.com/pt/tools/open-graph-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — open-graph-generator" loading="lazy"></iframe>