Gerador de Meta Tags

Pré-visualize, edite e gere meta tags Open Graph + Twitter Card. Veja como sua página aparece no Google, Facebook, X, LinkedIn, Pinterest e Slack, antes de publicar.

Pré-visualização

Google

https://so-me.studio

Meta Tags, Pré-visualize, edite e gere

Com o Meta Tags você pode editar e experimentar seu conteúdo e depois pré-visualizar como sua página aparecerá no Google, Facebook, X e muito mais!

X (Twitter)

Sem imagem

De so-me.studio

Meta Tags, Pré-visualize, edite e gere

Com o Meta Tags você pode editar e experimentar seu conteúdo e depois pré-visualizar como sua página aparecerá no Google, Facebook, X e muito mais!

Facebook

Sem imagem

so-me.studio

Meta Tags, Pré-visualize, edite e gere

Com o Meta Tags você pode editar e experimentar seu conteúdo e depois pré-visualizar como sua página aparecerá no Google, Facebook, X e muito mais!

LinkedIn

Sem imagem

Meta Tags, Pré-visualize, edite e gere

so-me.studio

Pinterest

Sem imagem

Meta Tags, Pré-visualize, edite e gere

so-me.studio

Slack

so-me.studio

Meta Tags, Pré-visualize, edite e gere

Com o Meta Tags você pode editar e experimentar seu conteúdo e depois pré-visualizar como sua página aparecerá no Google, Facebook, X e muito mais!

As meta tags decidem como sua página aparece quando compartilhada nas redes sociais, nos resultados de busca e nas pré-visualizações de chat. Erre nelas e seu link parece quebrado no LinkedIn ou ilegível no Slack. Este gerador de meta tags gratuito pré-visualiza suas tags Open Graph + Twitter Card em todas as principais plataformas, Google, Facebook, X, LinkedIn, Pinterest, Slack, antes de você publicar.

O que as meta tags realmente fazem

Três categorias de meta tags controlam como a sua página aparece na web. (1) As tags de SEO, <title> e <meta description>, definem como a sua página aparece nas buscas do Google. (2) As tags Open Graph (og:*) controlam as pré-visualizações do Facebook, do LinkedIn, do Slack e da maioria dos aplicativos de chat. (3) As tags Twitter Card (twitter:*) controlam especificamente as pré-visualizações no X.

Sem meta tags, as plataformas improvisam: normalmente pegam um trecho aleatório da sua página e a primeira imagem que encontram. O resultado parece quebrado. Com as meta tags certas, você controla toda a pré-visualização.

As meta tags que toda página precisa ter

O mínimo para uma pré-visualização bem-feita: <title> (60 caracteres), <meta name=description> (160 caracteres), <meta property=og:title>, <meta property=og:description>, <meta property=og:image> (recomendado: 1200×630), <meta property=og:url> e <meta property=og:type> ('website' na maioria das páginas).

Para controlar especificamente o Twitter: <meta name=twitter:card> (geralmente 'summary_large_image'), além de twitter:title, twitter:description e twitter:image, que substituem os valores do Open Graph se você quiser uma pré-visualização diferente no X.

O gerador cria todas essas tags a partir do que você preencher.

Especificações de imagem OG que funcionam em qualquer lugar

1200×630 pixels (proporção 1,91:1) funciona no Facebook, LinkedIn, Twitter, Slack, Discord e iMessage. Imagens menores são cortadas automaticamente de um jeito estranho; imagens maiores são reduzidas.

Arquivo com menos de 5 MB, porque algumas plataformas rejeitam arquivos maiores. JPG ou PNG. Coloque texto legível na própria imagem: muitas plataformas mostram as imagens OG no feed antes de qualquer legenda, então a imagem precisa comunicar o valor por conta própria.

Depurando as pré-visualizações das meta tags

A maioria das plataformas guarda os dados OG em cache de forma agressiva. Se você atualizou suas meta tags, mas a pré-visualização antiga continua aparecendo, use estes depuradores para forçar a atualização:

  • Facebook: Facebook Sharing Debugger (developers.facebook.com/tools/debug)
  • X: X Card Validator (cards-dev.twitter.com/validator)
  • LinkedIn: LinkedIn Post Inspector (linkedin.com/post-inspector)
  • Pinterest: Pinterest Rich Pin Validator (developers.pinterest.com/tools/url-debugger)
  • Google: Rich Results Test (search.google.com/test/rich-results)

Cada depurador força um novo rastreamento da sua página para que as novas meta tags sejam propagadas.

Dicas para aproveitar ao máximo esta ferramenta

  • Imagem OG: 1200×630 px. Funciona em todas as principais plataformas.
  • Coloque texto legível na imagem OG: muitas pré-visualizações do feed mostram a imagem antes da legenda.
  • Título: no máximo 60 caracteres. Acima disso, o Google corta o texto.
  • Descrição: 150 a 160 caracteres. Mesma regra de corte.
  • Depois de atualizar as meta tags, rode os depuradores de cada plataforma para forçar a atualização do cache.

Perguntas frequentes

O gerador de meta tags é grátis?

Sim. Grátis, sem cadastro e sem limites.

Qual deve ser o tamanho da minha imagem OG?

1200×630 pixels (proporção 1,91:1). Funciona no Facebook, LinkedIn, X, Slack, Discord e iMessage sem corte automático.

Preciso das tags Open Graph e das Twitter Card?

Só o Open Graph já cobre a maioria das plataformas (o X recorre ao OG quando faltam as tags do Twitter). Adicione as tags Twitter Card apenas se quiser uma pré-visualização diferente no X em relação às outras plataformas.

Por que minha meta tag atualizada não aparece nas pré-visualizações do Facebook?

O Facebook guarda os dados OG em cache. Use o Sharing Debugger do Facebook para forçar a atualização do cache depois de alterar as tags.

Qual é a diferença entre a meta description e a descrição OG?

A meta description aparece nos resultados de busca do Google. A descrição OG aparece nas pré-visualizações das redes sociais. Elas podem ser iguais ou diferentes: defina a descrição OG separadamente se quiser um texto para as redes sociais e outro para a busca.

Ferramentas relacionadas

Agende uma vez.
Publique em todo lugar.

Pare de malabarismo com abas, escreva, adapte e publique em 20 plataformas a partir de um único calendário.

Teste grátis por 7 diasTestar demo ao vivo