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.

What meta tags actually do

Three categories of meta tags control how your page appears across the web. (1) SEO tags — `<title>` and `<meta description>` decide your Google search appearance. (2) Open Graph (og:*) tags control Facebook, LinkedIn, Slack, and most chat-app previews. (3) Twitter Card tags (twitter:*) control X previews specifically.

Without meta tags, platforms guess — usually pulling random text from your page and the first image they find. The result looks broken. With proper meta tags, you control the entire preview.

Required meta tags every page needs

Bare minimum for a polished preview: `<title>` (60 chars), `<meta name=description>` (160 chars), `<meta property=og:title>`, `<meta property=og:description>`, `<meta property=og:image>` (1200×630 recommended), `<meta property=og:url>`, `<meta property=og:type>` ('website' for most pages).

For Twitter-specific control: `<meta name=twitter:card>` ('summary_large_image' usually), plus twitter:title, twitter:description, twitter:image overrides if you want a different preview on X.

The generator outputs all of these from your inputs.

OG image specs that work everywhere

1200×630 pixels (1.91:1 ratio) — works on Facebook, LinkedIn, Twitter, Slack, Discord, iMessage. Smaller images get auto-cropped weirdly; larger images get downsampled.

Under 5 MB file size — some platforms reject larger files. JPG or PNG. Include readable text on the image itself — many platforms show OG images in feed before any caption text, so the image needs to communicate value on its own.

Debugging meta tag previews

Most platforms cache OG data aggressively. If you update your meta tags but the old preview still shows, use these debuggers to force a refresh:

- 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)

Each debugger forces a re-crawl of your page so the new meta tags propagate.

Dicas para aproveitar ao máximo esta ferramenta

  • OG image: 1200×630 px. Works on every major platform.
  • Add readable text on the OG image — many feed previews show image before caption.
  • Title: 60 chars max. Above that = Google truncation.
  • Description: 150-160 chars. Same truncation rule.
  • After updating meta tags, run platform debuggers to force-refresh the cache.

Perguntas frequentes

Is the meta tags generator free?

Yes. Free, no signup, unlimited.

What size should my OG image be?

1200×630 pixels (1.91:1 ratio). Works on Facebook, LinkedIn, X, Slack, Discord, iMessage without auto-cropping.

Do I need both Open Graph and Twitter Card tags?

Open Graph alone covers most platforms (X falls back to OG if Twitter tags are missing). Add Twitter Card tags only if you want a different preview on X than other platforms.

Why doesn't my updated meta tag show in Facebook previews?

Facebook caches OG data. Use Facebook's Sharing Debugger to force-refresh the cache after updating tags.

What's the difference between meta description and OG description?

Meta description shows in Google search results. OG description shows in social media previews. They can be the same or different — set OG description specifically if you want different social vs search copy.

Ferramentas gratuitas 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.

Começar teste grátisTestar demo ao vivo