Web e marketing

Gerador de Meta Tags

Gere meta tags de SEO, Open Graph e Twitter Card para a sua página de uma vez. Prévia ao vivo, prontas para colar no seu <head>.

Título da página

0/60

Nome do site

Descrição

0/160

URL canônica

URL da imagem (og:image)

og:type

website article video.movie

twitter:card

summary summary_large_image app player

Usuário do Twitter

Meta tags geradas

O que as meta tags fazem

Meta tags ficam no <head> do seu HTML e contam para buscadores e plataformas sociais como titular, descrever e ilustrar a sua página quando ela aparece fora do seu site. O title básico e a meta description controlam o snippet do Google. As tags Open Graph (família og:*) controlam os cards de preview no Facebook, LinkedIn, WhatsApp, Slack, Discord e na maioria das outras plataformas — todas leem OG por padrão. As tags do Twitter Card fazem o mesmo no X/Twitter. Sem elas, a plataforma escolhe o que conseguir raspar, que raramente é o que você quer.

Como usar o gerador

Preencha os campos — título, descrição, URL canônica da página, URL absoluta da imagem. Escolha um og:type (use article em posts de blog, website no resto) e um tipo de Twitter Card (summary_large_image é o melhor padrão para conteúdo com imagem destacada). A caixa de saída atualiza enquanto você digita e mostra exatamente o que colar entre as tags <head>. Use o botão Copiar quando estiver pronto e cole no seu template ou CMS.

Valide depois de publicar

Não confie só nesta prévia — cada plataforma guarda sua própria cópia em cache. Depois do deploy, passe a URL no Facebook Sharing Debugger (developers.facebook.com/tools/debug), no Twitter / X Card Validator e no LinkedIn Post Inspector. Essas ferramentas buscam a página ao vivo, mostram o que interpretaram e permitem forçar atualização do cache. Valide sempre que trocar a imagem OG — caches podem segurar a antiga por dias.

Perguntas frequentes

Qual o tamanho ideal de título e descrição?

Mire abaixo de 60 caracteres no título e 150–160 na descrição. O Google trunca o que passar disso com reticências. Redes sociais cortam ainda mais — o Twitter mostra cerca de 70 caracteres do título no card. Os contadores acima ficam vermelhos quando você ultrapassa.

Qual o tamanho da og:image?

1200×630 é o ideal — encaixa no Facebook, LinkedIn, Slack e no card summary_large_image do Twitter sem corte estranho. Deixe abaixo de uns 5 MB e prefira JPG ou PNG. Coloque o conteúdo mais importante (logo, manchete) nos dois terços centrais, porque algumas plataformas cortam as bordas.

Ainda preciso de meta description para SEO?

Sim — o Google muitas vezes reescreve a partir do corpo quando a sua não bate com a busca, mas uma descrição clara e bem feita ainda ganha cliques na maioria das vezes, e aparece igualzinha nas compartilhamentos sociais. Trate como copy de anúncio: comece pelo valor, evite encher de palavra-chave.

Posso omitir as tags do Twitter se já tenho Open Graph?

O X/Twitter cai no Open Graph para a maioria dos campos, então uma única tag twitter:card mais a marcação OG geralmente resolve. Acrescentar twitter:title, twitter:description e twitter:image explícitos só importa se você quiser uma versão diferente do conteúdo no Twitter.

Qual a diferença entre os valores de og:type?

Use article em posts de blog e notícias; ele permite que o Open Graph leve metadados de autor, seção e horário de publicação. Use website em landing pages, páginas de produto, marketing — basicamente o padrão. video.movie, video.episode, book, profile e semelhantes existem para integrações mais ricas em plataformas que suportam, mas a maioria da web social só liga mesmo para a diferença entre article e website.

Por que minha prévia sai errada no WhatsApp/Slack?

Quase sempre é cache. Na primeira vez que uma URL é compartilhada, a plataforma busca e guarda os dados OG; nos próximos compartilhamentos ela mostra a versão antiga, mesmo depois de você corrigir a página. Recompartilhe a URL pelo debugger do Facebook, que força uma atualização que se propaga para Messenger, WhatsApp e Instagram. No Slack, edite o link adicionando ?v=2 para furar o cache.

Gerador de Meta Tags